:root{--line:rgba(255,255,255,.14);--mut:rgba(255,255,255,.62);--green:#7cff2b;--grad:linear-gradient(90deg,#00e5ff,#7b5cff 55%,#d84cf0)}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:#000 radial-gradient(60% 40% at 50% 0,rgba(123,92,255,.25),transparent);color:#fff;font:16px/1.5 Inter,system-ui,sans-serif;display:flex;justify-content:center;padding:28px 18px}
.box{width:100%;max-width:440px}.top{text-align:center;margin-bottom:18px}.top img{width:120px;margin:0 auto;display:block;border-radius:18px}
h1{font:800 26px/1.2 Inter,sans-serif;margin:8px 0 6px;text-align:center}.sub{color:var(--mut);text-align:center;margin:0 0 20px;font-size:15px}
form,.card{background:rgba(255,255,255,.045);border:1px solid var(--line);border-radius:20px;padding:20px}
label{display:block;font-size:13.5px;font-weight:600;margin:12px 0 6px;color:rgba(255,255,255,.85)}label:first-child{margin-top:0}
input{width:100%;padding:13px 14px;border-radius:12px;border:1px solid var(--line);background:#0b0b10;color:#fff;font:16px Inter,sans-serif;outline:0}
input:focus{border-color:#00e5ff;box-shadow:0 0 0 3px rgba(0,229,255,.18)}
.hint{color:var(--mut);font-size:12.5px;margin-top:5px}
button{width:100%;margin-top:18px;padding:15px;border:0;border-radius:14px;background:var(--green);color:#000;font:800 16px Inter,sans-serif;cursor:pointer;box-shadow:0 0 22px rgba(124,255,43,.4)}button:disabled{opacity:.6}
.err{color:#ff6b7a;font-size:14px;margin-top:12px;min-height:1px}.ok{color:var(--green)}
.links{text-align:center;margin-top:18px;font-size:14px;color:var(--mut)}.links a{color:var(--green)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
details{margin-top:14px;color:var(--mut);font-size:13.5px}summary{cursor:pointer;color:#fff}