@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap');
:root{
--navy-950:#070b11;--navy-900:#0a0f17;--navy-850:#0d131d;--navy-800:#111927;--navy-700:#182236;--navy-600:#22304a;--navy-500:#37496b;--navy-400:#5b7096;
--gray-100:#eef2f6;--gray-200:#dbe2ea;--gray-300:#a6b2c2;--gray-400:#7c8aa0;--gray-500:#5c6b82;--gray-600:#3f4b5e;
--cyan-200:#a6f7ec;--cyan-300:#7df3e0;--cyan-400:#3ce8ce;--cyan-500:#1fe5c9;--cyan-600:#12b8a1;--cyan-700:#0b8c7a;--cyan-900:#083f38;
--indigo-300:#9aabff;--indigo-400:#7b90fc;--indigo-500:#5b7cfa;--indigo-600:#4560d6;
--green-400:#4fe39a;--green-500:#2fd97a;--amber-400:#f7c85e;--amber-500:#f5b942;--red-400:#ff7d7d;--red-500:#ff5c5c;
--bg-canvas:var(--navy-900);--bg-canvas-alt:var(--navy-950);--bg-surface:var(--navy-850);--bg-surface-raised:var(--navy-800);--bg-surface-hover:var(--navy-700);--bg-inset:var(--navy-950);
--border-subtle:rgba(255,255,255,0.06);--border-default:rgba(255,255,255,0.10);--border-strong:rgba(255,255,255,0.18);--border-accent:rgba(31,229,201,0.4);
--text-primary:var(--gray-100);--text-secondary:var(--gray-300);--text-tertiary:var(--gray-400);--text-disabled:var(--gray-500);--text-on-accent:var(--navy-950);
--accent:var(--cyan-500);--accent-hover:var(--cyan-400);--accent-active:var(--cyan-600);--accent-tint:var(--cyan-900);--accent-soft:rgba(31,229,201,0.12);
--accent-secondary:var(--indigo-500);--accent-secondary-hover:var(--indigo-400);
--success:var(--green-500);--success-tint:rgba(47,217,122,0.12);--warning:var(--amber-500);--warning-tint:rgba(245,185,66,0.12);--danger:var(--red-500);--danger-tint:rgba(255,92,92,0.12);--info:var(--accent);--info-tint:var(--accent-soft);
--focus-ring:0 0 0 3px rgba(31,229,201,0.35);
--logo-accent:var(--cyan-500);--logo-body:var(--gray-200);--logo-detail:var(--gray-300);--logo-shade:var(--navy-700);
}
[data-theme="light"]{
--bg-canvas:#f6f8fa;--bg-canvas-alt:#eef1f5;--bg-surface:#ffffff;--bg-surface-raised:#ffffff;--bg-surface-hover:#eef1f5;--bg-inset:#eef1f5;
--border-subtle:rgba(13,20,32,0.07);--border-default:rgba(13,20,32,0.12);--border-strong:rgba(13,20,32,0.22);--border-accent:rgba(11,140,122,0.35);
--text-primary:#0d1420;--text-secondary:#414c5c;--text-tertiary:#6b7686;--text-disabled:#9aa5b3;--text-on-accent:#04231f;
--accent:var(--cyan-700);--accent-hover:var(--cyan-600);--accent-active:#096f61;--accent-tint:#e4faf6;--accent-soft:rgba(11,140,122,0.10);
--accent-secondary:var(--indigo-600);--accent-secondary-hover:var(--indigo-500);
--success:#1c9a5c;--warning:#b9800f;--danger:#d63c3c;
--logo-accent:var(--cyan-700);--logo-body:var(--gray-600);--logo-detail:var(--gray-600);--logo-shade:#ffffff;
}
:root{
--font-display:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;
--font-body:'Inter',ui-sans-serif,system-ui,-apple-system,sans-serif;
--font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;
--text-xs:0.75rem;--text-sm:0.8125rem;--text-base:0.9375rem;--text-md:1.0625rem;--text-lg:1.25rem;--text-xl:1.5rem;--text-2xl:1.875rem;--text-3xl:2.375rem;--text-4xl:3rem;--text-5xl:3.75rem;--text-6xl:4.75rem;
--lh-tight:1.1;/* @kind other */--lh-snug:1.3;/* @kind other */--lh-normal:1.5;/* @kind other */--lh-relaxed:1.65;/* @kind other */
--fw-regular:400;/* @kind other */--fw-medium:500;/* @kind other */--fw-semibold:600;/* @kind other */--fw-bold:700;/* @kind other */
--ls-tight:-0.02em;/* @kind other */--ls-tighter:-0.03em;/* @kind other */--ls-wide:0.04em;/* @kind other */--ls-widest:0.12em;/* @kind other */
}
:root{
--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--space-32:128px;--space-40:160px;
--container-max:1200px;--container-narrow:760px;
}
:root{
--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-full:999px;
--shadow-sm:0 1px 2px rgba(0,0,0,0.4);
--shadow-md:0 4px 12px rgba(0,0,0,0.35),0 1px 2px rgba(0,0,0,0.3);
--shadow-lg:0 12px 32px rgba(0,0,0,0.45),0 2px 6px rgba(0,0,0,0.3);
--shadow-glow:0 0 0 1px rgba(31,229,201,0.25),0 0 24px rgba(31,229,201,0.15);
--shadow-inset:inset 0 1px 0 rgba(255,255,255,0.04);
--blur-glass:blur(16px);/* @kind other */
--ease-standard:cubic-bezier(0.4,0,0.2,1);/* @kind other */--ease-out:cubic-bezier(0,0,0.2,1);/* @kind other */--ease-spring:cubic-bezier(0.34,1.56,0.64,1);/* @kind other */
--duration-fast:120ms;/* @kind other */--duration-base:200ms;/* @kind other */--duration-slow:360ms;/* @kind other */
}
*{box-sizing:border-box}
body{background:var(--bg-canvas);color:var(--text-primary);font-family:var(--font-body);font-size:var(--text-base);line-height:var(--lh-normal);margin:0;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4{font-family:var(--font-display);font-weight:var(--fw-semibold);letter-spacing:var(--ls-tight);line-height:var(--lh-tight);margin:0}
p{margin:0}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--accent-hover)}
code,pre,kbd{font-family:var(--font-mono)}