* { font-family: 'Inter', sans-serif; }

html { font-size: 16px; }
@media (min-width: 768px) { html { font-size: 17px; } }
@media (min-width: 1280px) { html { font-size: 18px; } }
@media (min-width: 2560px) { 
html { font-size: 24px; }
.container { max-width: 2200px !important; }
}
@media (min-width: 3840px) { 
html { font-size: 32px; }
.container { max-width: 3200px !important; }
}

::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #0d2b5e; }
::-webkit-scrollbar-thumb { background: #f5c518; border-radius: 5px; }
::-webkit-scrollbar-thumb:hover { background: #d4a800; }

@keyframes fadeInUp {
from { opacity: 0; transform: translateY(30px); }
to { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up { animation: fadeInUp 0.8s ease-out forwards; }

@keyframes float {
0%, 100% { transform: translateY(0px); }
50% { transform: translateY(-10px); }
}
.animate-float { animation: float 6s ease-in-out infinite; }

@keyframes pulse-glow {
0%, 100% { box-shadow: 0 0 20px rgba(245, 197, 24, 0.3); }
50% { box-shadow: 0 0 40px rgba(245, 197, 24, 0.6); }
}
.pulse-glow { animation: pulse-glow 3s ease-in-out infinite; }

.faq-content { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out, padding 0.4s ease; }
.faq-content.open { max-height: 500px; }
.faq-icon { transition: transform 0.3s ease; }
.faq-icon.rotate { transform: rotate(180deg); }

.mobile-menu { transform: translateX(100%); transition: transform 0.3s ease-in-out; }
.mobile-menu.open { transform: translateX(0); }

.gradient-text-conu {
background: linear-gradient(135deg, #1a3a6b 0%, #c41e3a 50%, #1a5c2e 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
}

.glass {
background: rgba(13, 43, 94, 0.9);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
}

.hero-overlay {
background: linear-gradient(135deg, rgba(13, 43, 94, 0.85) 0%, rgba(26, 92, 46, 0.7) 50%, rgba(196, 30, 58, 0.6) 100%);
}

.mission-bg {
background: linear-gradient(135deg, #1a5c2e 0%, #0f4d2a 100%);
}

.vision-bg {
background: linear-gradient(135deg, #c41e3a 0%, #a01830 100%);
}

.yellow-banner {
background: linear-gradient(90deg, #f5c518 0%, #d4a800 100%);
}