@font-face { font-family:"Questrial"; src:url("/fonts/Questrial-Regular.woff2") format("woff2"); font-weight:400; font-style:normal; font-display:swap; }
:root { --bg:#000; --surface:#0a0a0a; --line:#1f1f1f; --line-strong:#3a3a3a; --text:#fff; --muted:rgba(255,255,255,.55); --error:#ff6b6b; --ok:#7ee2a8; }
* { box-sizing:border-box; margin:0; padding:0; }
body { background:var(--bg); color:var(--text); font-family:"Questrial",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif; font-weight:400; line-height:1.6; min-height:100vh; min-height:100dvh; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:32px 16px; -webkit-font-smoothing:antialiased; }
a { color:var(--text); text-decoration:underline; text-underline-offset:3px; text-decoration-color:var(--line-strong); }
a:hover { text-decoration-color:var(--text); }
.logo { font-size:22px; letter-spacing:-0.01em; text-decoration:none; margin-bottom:32px; }
.card { width:100%; max-width:400px; background:var(--surface); border:1px solid var(--line); border-radius:14px; padding:36px 32px; }
h1 { font-size:26px; font-weight:400; letter-spacing:-0.02em; line-height:1.2; }
.sub { color:var(--muted); margin-top:6px; font-size:15px; }
form { margin-top:28px; display:flex; flex-direction:column; gap:18px; }
label { display:flex; flex-direction:column; gap:8px; font-size:14px; color:var(--muted); }
input { height:46px; padding:0 14px; border-radius:10px; border:1px solid var(--line); background:var(--bg); color:var(--text); font:inherit; font-size:16px; transition:border-color .15s; }
input:focus { outline:none; border-color:var(--text); }
button { height:48px; border:0; border-radius:10px; background:var(--text); color:#000; font:inherit; font-size:16px; cursor:pointer; margin-top:6px; transition:opacity .15s; }
button:hover { opacity:.88; }
button:disabled { opacity:.5; cursor:default; }
.btn-ghost { background:transparent; border:1px solid var(--line-strong); color:var(--text); }
.btn-ghost:hover { opacity:1; border-color:var(--text); }
.msg { font-size:14px; }
.msg:empty { display:none; }
.msg.error { color:var(--error); }
.msg.ok { color:var(--ok); }
.foot { margin-top:22px; font-size:15px; color:var(--muted); text-align:center; }
strong { font-weight:400; color:var(--text); }
textarea { width: 100%; padding: 12px 14px; border-radius: 10px; border: 1px solid var(--line); background: var(--bg); color: var(--text); font: inherit; font-size: 15px; line-height: 1.5; resize: vertical; transition: border-color .15s; }
textarea:focus { outline: none; border-color: var(--text); }