html {
    scroll-behavior: auto !important;
}

.glass-card {
    background: rgba(30, 22, 16, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(212, 175, 55, 0.1);
    box-shadow: 0 4px 30px rgba(0, 0, 0, 0.5);
    transition: border-color 0.5s ease, transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s ease;
}

.glass-card:hover {
    border-color: rgba(212, 175, 55, 0.4);
    transform: translateY(-4px);
    box-shadow: 0 12px 40px rgba(212, 175, 55, 0.08);
}

.hero-gradient {
    background: radial-gradient(circle at top, rgba(212, 175, 55, 0.15) 0%, rgba(30, 22, 16, 0) 75%);
}

.text-gradient {
    background: linear-gradient(to right, #D4AF37, #996515);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}