/* Dark neon tokens + accessible base */
:root {
  --bg-dark:#0F1724; --panel:#111827; --muted:#94A3B8; --accent-1:#FF5A3C; --accent-2:#FF7A59;
  --success:#22C55E; --danger:#EF4444; --glass:rgba(255,255,255,0.03); --white:#FFFFFF; --radius:12px;
}
html,body{background:var(--bg-dark);color:var(--white);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;}
a{color:var(--accent-2);text-decoration:none} a:focus{outline:2px dashed var(--accent-2);outline-offset:2px}
.card{background:linear-gradient(180deg,var(--panel),rgba(17,24,39,.85));border-radius:var(--radius);border:1px solid rgba(255,255,255,.06);box-shadow:0 10px 30px rgba(0,0,0,.3)}
.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:10px;border:1px solid transparent}
.btn-primary{background:var(--accent-1);color:#fff}.btn-primary:hover{filter:brightness(1.1)}
.btn-outline{background:transparent;border-color:var(--accent-1);color:var(--accent-1)}
.input,select,textarea{width:100%;padding:10px;border-radius:10px;background:#0f1826;border:1px solid rgba(255,255,255,.08);color:#fff}
.text-muted{color:var(--muted)}
.focus-ring:focus{outline:2px solid var(--accent-1);outline-offset:2px}






