:root{--bg:#0f1115;--fg:#eaeef5;--muted:#9aa3b2;--card:#161a21;--acc:#4ea1ff;}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,Segoe UI,Roboto,Ubuntu,'Helvetica Neue',Arial}a{color:var(--acc);text-decoration:none}.container{max-width:1100px;margin:0 auto;padding:16px}.topbar{background:#0c0f14;border-bottom:1px solid #1f2632}.topbar .brand{font-weight:700}.topbar nav a,.topbar nav .linklike{margin-left:12px}.btn{background:var(--acc);color:#00111f;border:0;border-radius:10px;padding:8px 14px;cursor:pointer;font-weight:600}.btn.ghost{background:transparent;border:1px solid var(--acc);color:var(--acc)}.linklike{background:none;color:var(--acc);border:0;cursor:pointer}.flash{background:#1d2633;border:1px solid #2a3547;padding:10px 14px;border-radius:8px;margin:12px 0}.footer{border-top:1px solid #1f2632;background:#0c0f14;margin-top:24px}.hero{padding:40px 0}.form{display:grid;gap:12px;max-width:560px}.form.grid2{grid-template-columns:repeat(2,minmax(0,1fr))}.form.grid2 label{display:flex;flex-direction:column}.form input{padding:10px;border-radius:8px;border:1px solid #2a3547;background:#0e1420;color:#e5edf7}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{background:var(--card);border:1px solid #222a36;border-radius:14px;padding:16px}@media (max-width:900px){.grid3{grid-template-columns:1fr}.form.grid2{grid-template-columns:1fr}}
