@import url('//fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root { --primary: #0A2540; }
.tail-container { font-family: 'Inter', system-ui, sans-serif; }
.logo-font { font-family: 'Space Grotesk', sans-serif; }
.hero-bg { background: linear-gradient(135deg, #0A2540 0%, #1E3A8A 100%); }
.timeline-line { background: linear-gradient(to bottom, #3B82F6, #60A5FA); }
.section-title { position: relative; }
.section-title:after { content: ''; position: absolute; width: 60px; height: 3px; background: #3B82F6; bottom: -8px; left: 0; border-radius: 9999px; }
.nav-link { transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); }
.nav-link:hover { color: #3B82F6; transform: translateY(-2px); }
.card-hover { transition: all 0.4s cubic-bezier(0.4, 0.0, 0.2, 1); }
.card-hover:hover { transform: translateY(-12px); box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25); }
.skill-bar { transition: width 1.5s cubic-bezier(0.34, 1.56, 0.64, 1); }