@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--bg-void:#030712;--bg-base:#070b14;--bg-elevated:#0d1220d1;--bg-surface:#ffffff09;--bg-surface-hover:#ffffff12;--bg-surface-active:#ffffff1a;--text-primary:#f9fafb;--text-secondary:#9ca3af;--text-muted:#64748b;--accent-electric:#00f0ff;--accent-cyan:#06b6d4;--accent-indigo:#8b5cf6;--accent-violet:#a855f7;--accent-amber:#f59e0b;--accent-danger:#f43f5e;--accent-success:#10b981;--border-subtle:#ffffff14;--border-medium:#ffffff24;--border-accent:#00f0ff59;--border-indigo:#8b5cf659;--border-danger:#f43f5e66;--border-success:#10b98166;--border-amber:#f59e0b66;--glow-electric:0 0 24px #00f0ff38;--glow-indigo:0 0 24px #8b5cf638;--glow-amber:0 0 24px #f59e0b33;--glow-danger:0 0 28px #f43f5e40;--glow-success:0 0 24px #10b98138;--font-display:"Space Grotesk", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, monospace;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-full:9999px;--container-max:1260px;--container-narrow:840px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-optical-sizing:auto}body{font-family:var(--font-body);background-color:var(--bg-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(1200px 600px at 50% -10%,#00f0ff0f,#0000 60%),radial-gradient(900px 500px at 100% 20%,#8b5cf60d,#0000 55%),radial-gradient(800px 600px at 0 80%,#06b6d40a,#0000 55%);background-attachment:fixed;font-size:16px;line-height:1.55;overflow-x:hidden}::selection{color:var(--text-primary);background:#00f0ff47}h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--text-primary);margin-bottom:.75rem;font-weight:700;line-height:1.08}h2{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text-primary);margin-bottom:.75rem;font-weight:700;line-height:1.15}h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text-primary);margin-bottom:.6rem;font-weight:600;line-height:1.25}p{letter-spacing:0;line-height:1.6}a{color:var(--accent-electric);text-decoration:none;transition:color .2s cubic-bezier(.32,.72,0,1)}.nav-link{color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:color .2s cubic-bezier(.32,.72,0,1)}.nav-link:hover{color:var(--text-primary)}.container{max-width:var(--container-max);margin:0 auto;padding:0 2rem}.container-narrow{max-width:var(--container-narrow);margin:0 auto;padding:0 2rem}.section{padding:5rem 0}.mono{font-family:var(--font-mono);font-feature-settings:"tnum" 1}.card{background:var(--bg-elevated);-webkit-backdrop-filter:blur(24px);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:1.5rem;transition:border-color .3s cubic-bezier(.32,.72,0,1),box-shadow .3s cubic-bezier(.32,.72,0,1),transform .3s cubic-bezier(.32,.72,0,1);position:relative}.card:hover{border-color:var(--border-accent);box-shadow:var(--glow-electric)}.card-interactive{cursor:pointer}.card-interactive:hover{border-color:var(--border-accent);transform:translateY(-2px)}.card-interactive:active{transform:translateY(0)}.text-accent{background:linear-gradient(90deg, var(--accent-electric), var(--accent-indigo));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.text-accent-crimson{background:linear-gradient(90deg, var(--accent-danger), var(--accent-amber));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.btn{min-height:42px;font-family:var(--font-body);letter-spacing:.02em;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;justify-content:center;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:transform .25s cubic-bezier(.32,.72,0,1),background-color .25s,border-color .25s,box-shadow .25s;display:inline-flex}.btn:hover{border-color:var(--border-medium);background:var(--bg-surface-hover);transform:translateY(-1px)scale(1.01)}.btn:active{transform:translateY(0)scale(.98)}.btn-primary{border-color:var(--border-accent);color:var(--accent-electric);background:#00f0ff14;box-shadow:inset 0 0 14px #00f0ff1a}.btn-primary:hover{box-shadow:var(--glow-electric);border-color:var(--accent-electric);background:#00f0ff29}.btn-danger{border-color:var(--border-danger);color:var(--accent-danger);background:#f43f5e14}.btn-danger:hover{box-shadow:var(--glow-danger);border-color:var(--accent-danger);background:#f43f5e29}.btn-indigo{border-color:var(--border-indigo);color:var(--accent-indigo);background:#8b5cf614}.btn-indigo:hover{box-shadow:var(--glow-indigo);border-color:var(--accent-indigo);background:#8b5cf629}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.badge{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;background:#ffffff05;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.72rem;display:inline-flex}.badge-electric{border-color:var(--border-accent);color:var(--accent-electric);background:#00f0ff0f;box-shadow:inset 0 0 10px #00f0ff0d}.badge-indigo{border-color:var(--border-indigo);color:var(--accent-indigo);background:#8b5cf60f}.badge-amber{border-color:var(--border-amber);color:var(--accent-amber);background:#f59e0b0f}.badge-danger{border-color:var(--border-danger);color:var(--accent-danger);background:#f43f5e0f}.badge-success{border-color:var(--border-success);color:var(--accent-success);background:#10b9810f}.progress-track{border:1px solid var(--border-subtle);background:#ffffff0f;border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{transform-origin:0;border-radius:4px;height:100%;transition:width .6s cubic-bezier(.22,1,.36,1)}.grid-2,.grid-3,.grid-4,.grid-calibration{gap:1.5rem;display:grid}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-calibration{grid-template-columns:1.2fr 1fr}@media (width<=1024px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.grid-3,.grid-calibration{grid-template-columns:1fr}}@media (width<=760px){.grid-2,.grid-4{grid-template-columns:1fr}.section{padding:3.5rem 0}.container,.container-narrow{padding:0 1.25rem}}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-track{background:var(--bg-void)}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#ffffff40}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.35;transform:scale(.85)}}@keyframes blink{0%,to{opacity:1}50%{opacity:.25}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 16px #f43f5e4d}50%{box-shadow:0 0 32px #f43f5e99}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-transparency:reduce){.card,.navbar,.hero{-webkit-backdrop-filter:none!important;background:#0d1220!important}}@media (prefers-contrast:more){.card,.btn,.badge{border-width:2px!important;border-color:#ffffff59!important}}