:root{color-scheme:dark;font-family:"Segoe UI",sans-serif;background:#0b1017;color:#e7edf4}
*{box-sizing:border-box}
body{margin:0;min-height:100svh;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 38%,#162321 0%,#0b1017 58%);padding:28px}
main{width:100%;max-width:300px}
h1{font-size:52px;font-weight:400;letter-spacing:-2.5px;margin:0 0 48px;text-align:center}
h1 span{color:#81e4b5}
form{display:grid;gap:14px}
input,button{width:100%;font:inherit;font-size:14px;border-radius:8px;padding:16px 18px;outline-offset:4px}
input{background:#111923;border:1px solid #2a373b;color:#e7edf4;transition:border-color .2s}
input:focus{outline:1px solid #81e4b5;border-color:#81e4b5}
input::placeholder{color:#78878b}
button{border:1px solid #81e4b5;background:#81e4b5;color:#102c20;font-weight:600;text-align:left;cursor:pointer;transition:background .2s}
button span{float:right}
button:hover{background:#a0f0ca}
button:disabled{opacity:.55;cursor:wait}
p{font-size:12px;color:#f29a9a;margin:4px 0;text-align:center;line-height:1.6}
[hidden]{display:none}
@media(prefers-reduced-motion:reduce){input,button{transition:none}}