:root{--bg:#0b0d17;--panel:#151a2e;--line:#2a3150;--text:#eef0fa;--muted:#a3a9c7;--accent:#7c5cff;--danger:#e5484d}
*{box-sizing:border-box}
body{margin:0;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;
font-family:system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;color:var(--text);
background:radial-gradient(1000px 500px at 15% -10%,rgba(124,92,255,.22),transparent 60%),var(--bg)}
main{width:100%;max-width:440px;background:var(--panel);border:1px solid var(--line);border-radius:18px;padding:32px 28px}
.brand{margin:0 0 18px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
h1{font-size:24px;margin:0 0 10px}
p{color:var(--muted);line-height:1.55}
p strong,dd{color:var(--text)}
label{display:block;margin:18px 0 6px;font-size:14px}
input{width:100%;padding:12px;border-radius:10px;border:1px solid var(--line);background:#0f1324;color:var(--text);font-size:16px}
input:focus{outline:2px solid var(--accent);outline-offset:1px}
button{margin-top:18px;width:100%;padding:12px;border:0;border-radius:10px;background:var(--accent);color:#fff;font-weight:600;font-size:16px;cursor:pointer}
button.secondary{background:transparent;border:1px solid var(--line)}
button.danger{background:var(--danger)}
.error{color:#ffb4b6}.notice{color:#9ee6f5}
.muted{font-size:14px}.muted a,footer a{color:var(--muted)}
dl{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin:18px 0}dt{color:var(--muted)}dd{margin:0}
.hp{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
footer{font-size:13px}