:root{
  --navy:#0d1b2a;
  --navy2:#152234;
  --navy3:#1e2f45;
  --navy4:#243650;
  --gold:#e8a020;
  --gold2:#c98010;
  --gold-dim:rgba(232,160,32,.12);
  --teal:#00c2a8;
  --teal-dim:rgba(0,194,168,.10);
  --red:#e85c5c;
  --green:#4caf88;
  --text:#e8edf2;
  --text2:#8fa3b8;
  --muted:#8fa3b8;
  --border:rgba(255,255,255,.07);
  --line:rgba(255,255,255,.07);
  --paper:#f5f7fa;
  --ink:#172433;
  --panel:#ffffff;
  --soft:#f5f7fa;
  --danger:#b42318;
  --ok:#4caf88;
  --radius:10px;
  --shadow:0 18px 45px rgba(0,0,0,.2);
  --card-shadow:0 5px 18px rgba(13,27,42,.055);
  --nav-h:56px;
  font-family:"DM Sans",Arial,sans-serif;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:"DM Sans",Arial,sans-serif}
body{background:var(--paper);color:var(--ink);font-size:14px;line-height:1.45}
button,input,select,textarea{font:inherit}
.brand,.brand-name{font-family:Syne,Arial,sans-serif;font-weight:800;letter-spacing:-.03em}
.gold{color:var(--gold)}
.muted{color:#617387}
.btn,.btn-primary,.secondary{border:0;border-radius:7px;padding:7px 12px;font-family:"DM Sans",Arial,sans-serif;font-size:13px;font-weight:600;line-height:1.2;cursor:pointer;transition:all .15s;text-decoration:none}
.btn:hover,.btn-primary:hover,.secondary:hover{transform:translateY(-1px)}
.btn-primary,.btn.primary{background:linear-gradient(135deg,var(--gold),var(--gold2));color:var(--navy);box-shadow:0 8px 18px rgba(232,160,32,.16)}
.secondary,.btn.secondary{background:var(--navy3);color:var(--text);border:1px solid var(--border)}
.pill{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:999px;background:var(--teal-dim);color:#008f7c;border:1px solid rgba(0,194,168,.18);font-family:"DM Mono",monospace;font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.05em}
.card{background:white;border:1px solid #dce4eb;border-radius:10px;padding:16px;box-shadow:var(--card-shadow)}