:root { --bg:#0f172a; --card:#1e293b; --text:#e2e8f0; --muted:#94a3b8; --accent:#38bdf8; --btn:#0ea5e9; }
* { box-sizing:border-box; }
body { margin:0; font-family: system-ui,-apple-system,Segoe UI,Roboto,sans-serif; background:var(--bg); color:var(--text); line-height:1.5; }
a { color:var(--accent); }
header,footer { padding:1.25rem 1.5rem; max-width:960px; margin:0 auto; }
header { display:flex; justify-content:space-between; align-items:center; }
nav a { margin-left:1rem; text-decoration:none; color:var(--muted); }
nav a:hover { color:var(--text); }
main { max-width:960px; margin:0 auto; padding:1.5rem; }
.card { background:var(--card); border-radius:12px; padding:1.5rem; margin:1rem 0; }
.hero h1 { font-size:2rem; margin:0 0 .5rem; }
.btn { display:inline-block; background:var(--btn); color:#fff; padding:.65rem 1.1rem; border-radius:8px; text-decoration:none; border:0; cursor:pointer; }
input { width:100%; padding:.65rem; margin:.4rem 0 1rem; border-radius:8px; border:1px solid #334155; background:#0b1220; color:var(--text); }
label { color:var(--muted); font-size:.9rem; }
.muted { color:var(--muted); }