@import url('https://fonts.googleapis.com/css2?family=SF+Pro+Display:wght@400;500;600;700&display=swap');
:root{--bg:#eef2ff;--bg-ambient:radial-gradient(circle at 20% 20%,rgba(99,102,241,0.1),transparent 35%),radial-gradient(circle at 80% 10%,rgba(34,211,238,0.12),transparent 30%),radial-gradient(circle at 50% 80%,rgba(59,130,246,0.08),transparent 28%);--bg-glass:rgba(255,255,255,0.72);--text:#0f172a;--muted:#475569;--card:#ffffff;--border:rgba(15,23,42,0.08);--accent:#111827;--accent-2:#1f2937;--shadow:0 16px 60px rgba(15,23,42,0.14);--blur:18px;--radius:20px;}
[data-theme="dark"]{--bg:#060b18;--bg-ambient:radial-gradient(circle at 20% 20%,rgba(59,130,246,0.08),transparent 32%),radial-gradient(circle at 80% 10%,rgba(236,72,153,0.08),transparent 28%),radial-gradient(circle at 50% 80%,rgba(14,165,233,0.08),transparent 30%);--bg-glass:rgba(17,24,39,0.72);--text:#e2e8f0;--muted:#94a3b8;--card:#0f172a;--border:rgba(148,163,184,0.16);--accent:#0f172a;--accent-2:#1f2937;--shadow:0 16px 60px rgba(0,0,0,0.45);--blur:18px;--radius:20px;}
*{box-sizing:border-box;}
body{margin:0;font-family:'SF Pro Display',system-ui,-apple-system,sans-serif;background:var(--bg);background-image:var(--bg-ambient);background-attachment:fixed;color:var(--text);min-height:100vh;transition:background .4s ease,color .3s ease;}
a{color:inherit;text-decoration:none;}
.shell{max-width:1200px;margin:0 auto;padding:24px;}
.glass{background:var(--bg-glass);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);backdrop-filter:blur(var(--blur));transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;}
.glass:hover{transform:translateY(-2px);box-shadow:0 18px 60px rgba(0,0,0,0.08);}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;border-radius:14px;border:1px solid transparent;font-weight:600;transition:transform .15s ease,box-shadow .15s ease,border .15s ease;}
.btn-primary{background:linear-gradient(120deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 10px 30px rgba(15,23,42,.3);}
.btn-primary:hover{transform:translateY(-1px);}
.btn-ghost{background:transparent;color:var(--text);border-color:var(--border);}
.chip{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:rgba(37,99,235,.12);color:#1d4ed8;font-weight:600;}
.grid{display:grid;gap:16px;}
.hero{padding:64px 0;}
.card{padding:18px;}
.section-title{font-size:28px;margin:0 0 12px;}
.muted{color:var(--muted);}
.header{position:sticky;top:0;z-index:70;backdrop-filter:blur(14px);background:linear-gradient(120deg,rgba(17,24,39,0.12),rgba(255,255,255,0));}
.flex{display:flex;}
.justify-between{justify-content:space-between;}
.align-center{align-items:center;}
.gap-12{gap:12px;}
.nav-link{padding:10px 12px;border-radius:12px;}
.nav-link:hover{background:rgba(0,0,0,0.04);}
[data-theme="dark"] .nav-link:hover{background:rgba(255,255,255,0.06);}
.nav-link-active{background:rgba(0,0,0,0.06);color:var(--text);}
[data-theme="dark"] .nav-link-active{background:rgba(255,255,255,0.08);}
.mega-trigger{position:relative;}
.mega-panel{position:absolute;left:0;top:100%;margin-top:8px;min-width:720px;width:100vw;left:50%;transform:translateX(-50%);max-width:1200px;display:none;padding:20px;}
.mega-panel .glass{box-shadow:none;}
.mega-panel .mega-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.mega-trigger:hover .mega-panel,.mega-trigger:focus-within .mega-panel{display:block;}
.mega-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;}
.toggle{padding:10px 12px;border-radius:12px;border:1px solid var(--border);background:var(--card);}
.desktop-only{display:block;}
.mobile-only{display:none;}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;}
.section-divider{width:100%;height:1px;background:var(--border);margin:20px 0;}
.pill{padding:6px 10px;border-radius:999px;border:1px solid var(--border);color:var(--muted);display:inline-flex;gap:6px;align-items:center;}
.glow{box-shadow:0 0 0 8px rgba(37,99,235,0.1);}
.fade-in{animation:fadeIn .4s ease both;}
.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.35);backdrop-filter:blur(12px);z-index:80;display:none;}
.modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;z-index:90;padding:20px;}
.modal-content{background:var(--bg-glass);border:1px solid var(--border);border-radius:24px;box-shadow:var(--shadow);backdrop-filter:blur(var(--blur));padding:20px;max-width:480px;width:100%;}
.drawer{position:fixed;top:0;right:-420px;width:360px;max-width:90%;height:100%;background:var(--bg-glass);border-left:1px solid var(--border);box-shadow:var(--shadow);backdrop-filter:blur(var(--blur));transition:right .25s ease;z-index:95;padding:20px;}
.drawer.open{right:0;}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
@keyframes fadeIn{from{opacity:0;transform:translateY(6px);}to{opacity:1;transform:translateY(0);}}
@media (prefers-reduced-motion:no-preference){
  .btn, .glass, .nav-link{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;}
}
@media (max-width: 900px){
  .desktop-only{display:none;}
  .mobile-only{display:inline-flex;}
  nav[aria-label="Main navigation"]{display:none;}
  nav[aria-label="Main navigation"].open{display:flex;flex-direction:column;gap:8px;}
}