:root{--bg:#0f1720;--fg:#e6edf3;--muted:#9aa7b3;--acc:#3b82f6;--card:#172230}
*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;background:var(--bg);color:var(--fg)}
header.top{display:flex;justify-content:space-between;align-items:center;padding:14px 24px;background:var(--card)}
header .brand{font-weight:700;color:var(--fg);text-decoration:none}nav a{color:var(--muted);margin-left:16px;text-decoration:none}nav a:hover{color:var(--fg)}
main{max-width:860px;margin:0 auto;padding:32px 20px}footer{color:var(--muted);text-align:center;padding:24px;font-size:14px}footer a{color:var(--muted)}
.hero h1{font-size:2rem}.btn,button{display:inline-block;background:var(--acc);color:#fff;border:0;padding:10px 18px;border-radius:6px;text-decoration:none;cursor:pointer}
.form label{display:block;margin:12px 0}.form input,.form textarea{width:100%;padding:8px;border-radius:6px;border:1px solid #2d3b4d;background:#0b121a;color:var(--fg)}
.form .check input{width:auto}.hp{position:absolute;left:-9999px}.ok{color:#4ade80}.err{color:#f87171}.note{background:#3b2f0a;color:#fde68a;padding:10px;border-radius:6px}
h2{font-size:1.15rem;margin-top:28px}