:root{--bg:#0e0f13;--card:#17181f;--line:#262833;--ink:#eceef3;--muted:#9aa1b2;--red:#ff3b47}
@media (prefers-color-scheme:light){:root{--bg:#f6f7f9;--card:#fff;--line:#e3e5ea;--ink:#16181d;--muted:#5f6675;--red:#e8202d}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif}
main{max-width:560px;margin:0 auto;padding:56px 20px}
h1{font-size:28px;margin:0 0 8px;letter-spacing:-.4px}
h1 b{color:var(--red)}
p{color:var(--muted);margin:0 0 16px}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;margin-top:20px}
label{display:block;font-size:14px;font-weight:600;margin:12px 0 6px}
input,textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:transparent;color:var(--ink);font:inherit}
textarea{min-height:90px;resize:vertical}
button{margin-top:16px;width:100%;padding:13px;border:0;border-radius:12px;background:var(--red);color:#fff;font:600 16px/1 inherit;cursor:pointer}
button:disabled{opacity:.6}
button:focus-visible,input:focus-visible,textarea:focus-visible,a:focus-visible{outline:2px solid var(--red);outline-offset:2px}
a{color:var(--red)}
.msg{margin-top:12px;font-size:14px;min-height:20px}
.ok{color:#22a861}.err{color:#e5484d}
ul{color:var(--muted);padding-left:20px}