/* Critical CSS — Inlined in for first-paint performance */ *,*::before,*::after{box-sizing:border-box;margin:0;padding:0} :root{--primary:#0C447C;--secondary:#185FA5;--accent:#EF9F27;--dark:#1a1a2e;--mid-dark:#16213e;--card:#0f3460;--text:#f0f0f0;--text-muted:#a0aec0;--border:rgba(255,255,255,0.08);--font:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--radius:12px;--ease:cubic-bezier(0.4,0,0.2,1);--speed:0.3s} html{scroll-behavior:smooth;font-size:16px} body{font-family:var(--font);font-size:1rem;line-height:1.75;color:var(--text);background:var(--dark);-webkit-font-smoothing:antialiased;overflow-x:hidden} img{max-width:100%;height:auto;display:block} a{color:var(--accent);text-decoration:none} .container{max-width:1200px;margin:0 auto;padding:0 1.5rem} .site-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(26,26,46,0.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)} .nav-container{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:0 1.5rem;height:68px} .site-logo{display:flex;align-items:center;gap:0.6rem;font-size:1.15rem;font-weight:700;color:var(--text);text-decoration:none} .logo-text span{color:var(--accent)} .hero{min-height:90vh;display:flex;align-items:center;padding-top:68px;position:relative;overflow:hidden} @keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}} .animated-bg{background:linear-gradient(-45deg,#1a1a2e,#16213e,#0f3460,#0C447C);background-size:400% 400%;animation:gradientShift 15s ease infinite} @media(prefers-reduced-motion:reduce){.animated-bg{animation:none}} .scroll-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--accent),var(--secondary));z-index:9999} .hamburger{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px} .hamburger span{width:24px;height:2px;background:var(--text);border-radius:2px} @media(max-width:768px){.hamburger{display:flex}.hero{min-height:auto;padding-top:88px}}