:root { --bg:#0B0A14; --card:#141321; --line:#29263a; --text:#f7f5ff; --muted:#aaa7ba; --accent:#9B8AFB; --warn:#F0B968; }
* { box-sizing: border-box; }
body { margin:0; min-height:100vh; display:flex; align-items:center; justify-content:center; padding:16px;
  background:var(--bg); color:var(--text); font:15px/1.5 system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; }
.card { width:100%; max-width:420px; background:var(--card); border:1px solid var(--line); border-radius:20px; padding:24px; }
h1 { font-size:22px; margin:0 0 6px; }
.muted { color:var(--muted); margin:6px 0; }
.task { margin:14px 0; padding:12px 14px; border:1px solid var(--line); border-radius:14px; }
.task b { display:block; font-size:17px; }
.btn { display:block; width:100%; text-align:center; text-decoration:none; padding:13px; border-radius:999px; margin-top:10px; font-weight:600; }
.primary { background:var(--accent); color:#0d0b16; }
.outline { border:1px solid var(--line); color:var(--text); }
.code { font:600 22px/1 ui-monospace, monospace; letter-spacing:.18em; text-align:center; padding:12px; border:1px dashed var(--accent); border-radius:12px; margin-top:6px; }
.small { font-size:12.5px; color:var(--muted); }
.problem { color:var(--warn); }