* {
    scroll-behavior: smooth
}

body {
    font-family: 'Inter',sans-serif
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px)
    }

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

.animate-fade-in-up {
    animation: fadeInUp .8s ease-out forwards
}

.delay-100 {
    animation-delay: .1s
}

.delay-200 {
    animation-delay: .2s
}

.delay-300 {
    animation-delay: .3s
}

.btn-warm {
    background: linear-gradient(135deg,#D3AF7B 0%,#c49a4a 100%);
    color: #1e293b;
    transition: all .3s cubic-bezier(.4,0,.2,1)
}

    .btn-warm:hover {
        transform: translateY(-2px);
        box-shadow: 0 12px 32px rgba(211,175,123,.35)
    }

.btn-warm-outline {
    border: 1px solid rgba(255,255,255,.35);
    color: #fff;
    background: transparent;
    transition: all .3s cubic-bezier(.4,0,.2,1)
}

    .btn-warm-outline:hover {
        background: #fff;
        color: #053d7c
    }

.gradient-hero {
    background: linear-gradient(135deg,#053d7c 0%,#6b8cae 100%)
}

.card-hover {
    transition: all .4s cubic-bezier(.4,0,.2,1)
}

    .card-hover:hover {
        transform: translateY(-8px);
        box-shadow: 0 24px 56px rgba(15,23,42,.1)
    }

.form-input {
    width: 100%;
    padding: .75rem 1rem;
    border: 1px solid #e2e8f0;
    border-radius: .5rem;
    font-size: .875rem;
    transition: all .2s;
    outline: none
}

    .form-input:focus {
        border-color: #053d7c;
        box-shadow: 0 0 0 3px rgba(5,61,124,.1)
    }

    .form-input.error {
        border-color: #ef4444
    }

.radio-circle {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    border: 2px solid #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .2s
}

    .radio-circle.selected {
        border-color: #053d7c
    }

.radio-dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #053d7c
}