.fade-in { opacity: 0; transform: translateY(20px); transition: opacity 0.6s ease, transform 0.6s ease; }
.animate-in { opacity: 1; transform: translateY(0); }
.hero-gradient { background: linear-gradient(135deg, #0A1628 0%, #1a2d4a 100%); }
.card-hover { transition: transform 0.2s ease, box-shadow 0.2s ease; }
.card-hover:hover { transform: translateY(-4px); box-shadow: 0 12px 40px rgba(0,0,0,0.12); }
.nav-link { position: relative; }
.nav-link::after { content:''; position:absolute; bottom:-2px; left:0; width:0; height:2px; background:#2563EB; transition:width 0.3s; }
.nav-link:hover::after { width:100%; }