/**
 * Base Styles
 * CSS custom properties (design tokens), @font-face imports,
 * box-model reset, and utility keyframes.
 */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --font-body:'Instrument Sans',system-ui,sans-serif;
  --font-head:'Syne','Instrument Sans',system-ui,sans-serif;
  --font-mono:'Courier New',monospace;
  --navy:#0b1120;--navy2:#141e33;--navy3:#1e2d4a;--navy4:#263552;
  --slate:#334155;--muted:#64748b;--dim:#94a3b8;
  --border:#e2e8f0;--surf:#f0f9ff;--white:#ffffff;
  --green:#10b981;--gl:#d1fae5;--gtx:#065f46;
  --amber:#f59e0b;--al:#fef3c7;--atx:#92400e;
  --red:#ef4444;--rl:#fee2e2;--rtx:#7f1d1d;
  --blue:#3b82f6;--bl:#dbeafe;--btx:#1e3a8a;
  --acc:#0891b2;--acc2:#06b6d4;--acc3:#e0f7fa;
  --rmd:8px;--rlg:12px;--rxl:18px;
  --sh:0 1px 3px rgba(0,0,0,.08),0 1px 2px rgba(0,0,0,.06);
  --sh2:0 4px 16px rgba(8,145,178,.12),0 2px 6px rgba(0,0,0,.06);
}
html,body{font-family:var(--font-body);background:var(--navy);color:var(--navy);max-width:100%;overflow-x:hidden}
h1,h2,h3,h4,h5{font-family:var(--font-head);line-height:1.2}
button{font-family:'Instrument Sans',sans-serif;cursor:pointer;border:none;outline:none;transition:all .18s}
input,select,textarea{font-family:'Instrument Sans',sans-serif;outline:none;border:1.5px solid var(--border);border-radius:var(--rmd);padding:9px 13px;font-size:13.5px;color:var(--navy);background:var(--white);width:100%;transition:all .18s}
input:focus,select:focus,textarea:focus{border-color:var(--acc);box-shadow:0 0 0 3px rgba(8,145,178,.15);outline:none}
input::placeholder{color:var(--dim)}