html, body { overflow-x: hidden; width: 100%; max-width: 100%; margin: 0; padding: 0; box-sizing: border-box; }
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; height: auto; }
.max-w-7xl, .max-w-4xl { max-width: 100% !important; }
body { font-family: 'Inter', sans-serif; }
.font-serif { font-family: 'Playfair Display', serif; }
.nav-scrolled {
    background: rgba(255, 255, 255, 0.98);
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
    padding: 0.75rem 0;
}
.nav-scrolled .logo-text { color: #0f172a; }
.nav-scrolled .nav-link { color: #475569; }
.hero-gradient {
    background: linear-gradient(to right, rgba(2, 6, 23, 0.85) 0%, rgba(2, 6, 23, 0.5) 60%, transparent 100%);
}
@keyframes fadeInUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-fadeInUp { animation: fadeInUp 0.8s ease-out forwards; }

/* Thank-you page */
@keyframes popIn {
    0% { transform: scale(0); }
    60% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
@keyframes fadeUp {
    0% { opacity: 0; transform: translateY(30px); }
    100% { opacity: 1; transform: translateY(0); }
}
.animate-popIn { animation: popIn 0.5s ease 0.2s both; }
.animate-fadeUp { animation: fadeUp 0.6s ease both; }