:root { --bg:#0f172a; --fg:#f1f5f9; --muted:#94a3b8; --border:#334155; --card:#1e293b; }
*{box-sizing:border-box}
body{font-family: system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;margin:0;background:var(--bg);color:var(--fg);line-height:1.55;}
.wrap{max-width:900px;margin:0 auto;padding:0 24px;}
.hero{background:var(--bg);color:var(--fg);padding:56px 0;text-align:center}
.hero .logo{width:867px;height:196px;display:block;margin:0 auto 12px}
.hero h1{margin:0 0 6px}
.hero .tag{opacity:.9;margin:0}
h2{margin:28px 0 12px}
.card{border:1px solid var(--border);border-radius:12px;padding:16px;margin:12px 0;background:var(--card)}
form input, form textarea{width:100%;padding:10px;border:1px solid var(--border);border-radius:8px;margin:6px 0 12px;background:var(--card);color:var(--fg)}
button{padding:10px 16px;border:0;border-radius:8px;background:var(--fg);color:var(--bg);cursor:pointer}
.hidden{display:none}
.footer{padding:24px 0;border-top:1px solid var(--border);color:var(--muted);margin-top:40px}
a{color:#2563eb;text-decoration:none} a:hover{text-decoration:underline}
.muted{color:var(--muted);font-size:.9rem;margin-top:8px}