:root { --bg:#0b0b0c; --fg:#e8e8ea; --muted:#9a9aa0; --link:#9ecbff; --card:#121214; }
*{box-sizing:border-box}
html,body{height:100%}
body{margin:0;background:var(--bg);color:var(--fg);font-family:Segoe UI,Inter,Arial,sans-serif}
.wrapper{max-width:880px;margin:0 auto;padding:48px 24px}
h1{font-size:36px;margin:8px 0} h2{margin:0 0 16px 0}
p.m{color:var(--muted)}
header{background:var(--card);border-bottom:1px solid #1f1f21}
nav{display:flex;gap:16px;align-items:center;justify-content:center;padding:12px 16px}
nav a{color:var(--fg);text-decoration:none;padding:6px 10px;border-radius:8px}
nav a:hover{background:#1a1a1d}
footer{margin-top:48px;padding:16px;color:var(--muted);text-align:center;border-top:1px solid #1f1f21}
a{color:var(--link)}
form{display:grid;gap:12px;max-width:520px}
input,textarea,button{font:inherit}
input,textarea{padding:10px 12px;border-radius:10px;border:1px solid #2a2a2e;background:#111; color:var(--fg)}
button{padding:10px 14px;border-radius:10px;border:1px solid #2a2a2e;background:#1a1a1d;color:var(--fg);cursor:pointer}
button:hover{background:#222}