:root{
  --bg:#0c1218; --panel:#131c24cc; --line:#223444;
  --ember:#ff7a3c; --ember-soft:#ffb37a; --teal:#2ee6c8; --magenta:#ff4f9a;
  --text:#e8f0f4; --dim:#8fa5b3;
}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--text);
  font-family:ui-sans-serif,system-ui,"Segoe UI",Roboto,sans-serif;}
a{color:var(--teal)}
h1,h2,h3{font-family:ui-serif,Georgia,serif;letter-spacing:.02em}
.btn{display:inline-block;background:linear-gradient(180deg,var(--ember),#d84f16);
  color:#140a03;font-weight:700;text-decoration:none;padding:14px 34px;border-radius:10px;
  border:1px solid #ffab7a;box-shadow:0 6px 24px #ff7a3c55;font-size:18px}
.btn:hover{filter:brightness(1.12)}
.btn.ghost{background:transparent;color:var(--ember-soft);border:1px solid var(--ember);box-shadow:none}
code,kbd{background:#0a0f14;border:1px solid var(--line);border-radius:5px;padding:1px 7px;font-size:.9em}