body {
            background: #f0f2f5;
            min-height: 100vh;
            display: flex;
            align-items: center;
            justify-content: center;
        }

        .card {
            max-width: 450px;
            width: 100%;
            border: none;
            border-radius: 12px;
            box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
        }

        .btn-primary {
            background: #2c6b2f;
            border-color: #2c6b2f;
        }

        .btn-primary:hover {
            background: #245a27;
            border-color: #245a27;
        }

        .info-card {
            background: linear-gradient(135deg, #e3f2fd 0%, #f0f7ff 100%);
            border: 1px solid #90caf9;
            border-radius: 8px;
            padding: 12px;
            margin-bottom: 20px;
            text-align: left;
        }

        .info-card h6 {
            color: #1565c0;
            font-weight: 600;
            margin-bottom: 6px;
            font-size: 0.9rem;
        }

        .info-card p {
            color: #1976d2;
            font-size: 0.8rem;
            margin: 0;
            line-height: 1.4;
        }

        .info-card i {
            color: #1976d2;
            margin-right: 5px;
        }