html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    background: #F8FAFC;
    color: #111827;
}

.section-title {
    font-family: 'Sora', sans-serif;
}

.btn-primary {

    background: linear-gradient(135deg, #D4AF37, #FBBF24);

    color: #111827;

    font-weight: 700;

    border-radius: 999px;

    transition: all .3s ease;
}

.btn-primary:hover {

    transform: translateY(-2px);

    box-shadow:
        0 10px 30px rgba(212, 175, 55, 0.35);
}

.btn-dark {

    background: #0F172A;

    color: white;

    border-radius: 999px;

    transition: all .3s ease;
}

.btn-dark:hover {

    background: #1E293B;

    transform: translateY(-2px);
}

.glass-card {

    background: rgba(255, 255, 255, 0.08);

    backdrop-filter: blur(18px);

    border: 1px solid rgba(255, 255, 255, 0.08);

    box-shadow:
        0 10px 40px rgba(0, 0, 0, 0.2);

    border-radius: 28px;
}

.premium-card {

    background: white;

    border-radius: 28px;

    box-shadow:
        0 10px 40px rgba(15, 23, 42, 0.08);

    transition: all .3s ease;
}

.premium-card:hover {

    transform: translateY(-6px);
}

.gradient-text {

    background: linear-gradient(135deg, #D4AF37, #FBBF24);

    -webkit-background-clip: text;

    -webkit-text-fill-color: transparent;
}

/* MODAL */

@keyframes modalFade {

    from {
        opacity: 0;
        transform: translateY(20px) scale(0.95);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal-animate {
    animation: modalFade 0.3s ease;
}

@keyframes modalFade {

    from {
        opacity: 0;
        transform: translateY(25px) scale(.96);
    }

    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.modal-box {

    animation: modalFade .35s ease;
}