body { background-color: #FBFAF8; color: #0A192F; scroll-behavior: smooth; overflow-x: hidden; }
        .ticker-wrap { overflow: hidden; background: #0A192F; color: white; padding: 12px 0; border-bottom: 2px solid #B2935B; position: sticky; top: 0; z-index: 200; }
        .ticker-move { display: inline-block; white-space: nowrap; animation: ticker 80s linear infinite; }
        @keyframes ticker { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
        
        .glass-nav { background: rgba(251, 250, 248, 0.9); backdrop-filter: blur(15px); transition: all 0.3s ease; }
        .hero-gradient { background: radial-gradient(circle at top right, rgba(178, 147, 91, 0.05), transparent); }
        
        .card-reveal { transition: transform 0.5s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow 0.5s ease; }
        .card-reveal:hover { transform: translateY(-12px); box-shadow: 0 30px 60px -12px rgba(10, 25, 47, 0.15); border-color: #B2935B; }
        
        .fade-in { animation: fadeIn 0.8s ease-out forwards; }
        @keyframes fadeIn { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
        
        ::-webkit-scrollbar { width: 8px; }
        ::-webkit-scrollbar-track { background: #FBFAF8; }
        ::-webkit-scrollbar-thumb { background: #0A192F; border-radius: 10px; }

        .mobile-menu-active { transform: translateX(0) !important; }
        .stat-badge { background: linear-gradient(135deg, #0A192F 0%, #162a4a 100%); }
        @keyframes scaleIn {
  from { transform: scale(0.9); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}
.animate-scaleIn {
  animation: scaleIn 0.35s ease-out forwards;
}