:root{--bg:var(--dark-bg,#060a12);--surface:var(--dark-surface,#0f1624);--surface-2:var(--dark-bg-tertiary,#09111e);--text:var(--text-primary,#e9f1ff);--muted:var(--text-secondary,#9aaccc);--accent:var(--brand-primary,#2a63ff);--accent-2:var(--brand-primary-light,#86b7ff);--border:var(--border-primary,#142138);--border-2:var(--border-secondary,#111a2a);--radius:var(--radius-md,12px);--radius-sm:var(--radius-base,8px);--radius-lg:var(--radius-lg,16px);--shadow:var(--shadow-dark-lg,0 10px 30px rgba(0,0,0,.25));--dark-bg:#060a12;--dark-bg-secondary:#0a1322;--dark-bg-tertiary:#09111e;--dark-surface:#0f1624;--dark-surface-elevated:#1a2332;--border-primary:#142138;--border-secondary:#111a2a;--brand-primary:#2a63ff;--brand-primary-light:#86b7ff;--brand-primary-dark:#1a4dd6;--text-primary:#e9f1ff;--text-secondary:#9aaccc;--text-tertiary:#7b8aa8;--text-link:#86b7ff;--text-link-hover:#2a63ff;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-7:28px;--space-8:32px;--radius-sm:4px;--radius-base:8px;--radius-md:12px;--radius-lg:16px;--shadow-dark-sm:0 2px 4px rgba(0,0,0,.3);--shadow-dark-base:0 4px 8px rgba(0,0,0,.3);--shadow-dark-lg:0 10px 30px rgba(0,0,0,.4);--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--duration-fast:150ms;--duration-base:200ms;--ease-out:cubic-bezier(0,0,0.2,1);--border-focus:#86b7ff;--focus-ring-offset:2px}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--dark-bg);color:var(--text-primary);font-family:var(--font-sans)}a{color:var(--text-link);transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--text-link-hover)}a:focus-visible{outline:2px solid var(--border-focus);outline-offset:var(--focus-ring-offset);border-radius:var(--radius-sm)}.btn,.card,.input{transition:box-shadow var(--duration-fast) var(--ease-out),transform var(--duration-base) var(--ease-out),background-color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.btn:focus-visible,.input:focus-visible{outline:2px solid var(--border-focus);outline-offset:var(--focus-ring-offset)}@media (prefers-reduced-motion:reduce){.btn,.card,.input{transition:none}}.container{max-width:1100px;margin:0 auto;padding:var(--space-6) var(--space-5)}.header{position:sticky;top:0;background:rgba(6,10,18,.8);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--border-secondary);z-index:100}.nav{display:flex;gap:var(--space-3);align-items:center}.nav a{color:var(--text-link);text-decoration:none;padding:6px 8px;border-radius:var(--radius-base);transition:background var(--duration-fast) var(--ease-out)}.nav a:hover{background:rgba(15,27,42,.8)}.brand{font-weight:800}.hero{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-5);align-items:center}@media (max-width:900px){.hero{grid-template-columns:1fr}}.h1{font-size:42px;line-height:1.1;margin:0 0 var(--space-3) 0}.h1 span{display:block;color:var(--brand-primary-light)}.muted{color:var(--text-secondary)}.btn{background:var(--brand-primary);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-base);text-decoration:none;display:inline-flex;align-items:center;gap:8px;border:none;cursor:pointer;font-family:inherit;font-size:var(--text-base)}.btn:hover{background:var(--brand-primary-dark)}.input{width:100%;padding:var(--space-3) var(--space-4);background:#0b1424;color:#dbe7ff;border:1px solid #1c2638;border-radius:var(--radius-base);font-family:inherit;font-size:var(--text-base)}.input:focus{outline:none;border-color:var(--border-focus);box-shadow:0 0 0 3px rgba(134,183,255,.2)}.card{background:var(--dark-surface);border:1px solid var(--border-primary);border-radius:var(--radius-md);padding:var(--space-4);box-shadow:var(--shadow-dark-lg)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}@media (max-width:900px){.feature-grid{grid-template-columns:1fr}}.footer{padding:var(--space-4) var(--space-5);border-top:1px solid var(--border-secondary);color:var(--text-tertiary)}.skip-link{position:fixed;top:var(--space-4);left:var(--space-4);background:var(--brand-primary);color:#fff;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);text-decoration:none;font-weight:500;z-index:9999;transform:translateY(-200%);transition:transform var(--duration-base) var(--ease-out)}.skip-link:focus{transform:translateY(0);outline:2px solid var(--border-focus);outline-offset:var(--focus-ring-offset)}