:root {

    --primary: #047A99;
    --primary-dark: #03657f;

    --bg-light: #f8fafc;
    --card-bg: #ffffff;

    --text-dark: #1f2937;
}

body {

    background: var(--bg-light);

    color: var(--text-dark);

    font-family:
        "Segoe UI",
        Tahoma,
        Geneva,
        Verdana,
        sans-serif;
}

.site-header {

    background: #fff;
}

.logo-cfa {

    height: 60px;
    width: auto;
}

.brand-title {

    font-weight: 700;
    font-size: 1.15rem;
}

.brand-subtitle {

    color: #666;
    font-size: 0.9rem;
}

.hero {

    padding: 80px 0;
}

.hero-title {

    font-size: 3rem;
    font-weight: 700;
    line-height: 1.2;
}

.hero-text {

    margin-top: 20px;
    font-size: 1.15rem;
}

.btn-primary-custom {

    background: var(--primary);
    border-color: var(--primary);
}

.btn-primary-custom:hover {

    background: var(--primary-dark);
    border-color: var(--primary-dark);
}

.section {

    padding: 70px 0;
}

.card-custom {

    border: 0;
    border-radius: 16px;

    box-shadow:
        0 4px 15px rgba(0,0,0,.08);

    height: 100%;
}

.form-card {

    background: #fff;

    border-radius: 18px;

    padding: 35px;

    box-shadow:
        0 8px 25px rgba(0,0,0,.08);
}

.site-footer {

    margin-top: 80px;

    padding: 40px 0;

    background: #fff;

    border-top: 1px solid #e5e7eb;
}

.email-match {

    color: #198754;
    font-size: .9rem;
}

.email-error {

    color: #dc3545;
    font-size: .9rem;
}

@media (max-width: 768px) {

    .hero-title {

        font-size: 2rem;
    }

    .form-card {

        padding: 20px;
    }

}