*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 15% 0%,#182d29 0,transparent 55%),#0b1110;color:#edf6f0;font:16px/1.5 system-ui,sans-serif;display:grid;place-items:center}main{width:min(100% - 40px,440px);padding:36px 0}.brand{font-size:22px;font-weight:700;color:#d2ff85;text-decoration:none}.brand span{color:#edf6f0}section{margin-top:42px;padding:32px;border:1px solid #314039;border-radius:22px;background:#111a17;box-shadow:0 20px 70px #0004}.eyebrow{font-size:11px;letter-spacing:2px;color:#b8d98f}h1{font-size:30px;line-height:1.15;letter-spacing:-1px;margin:15px 0}p{color:#b7c4bc;font-size:14px}form{margin-top:28px}label{display:block;font-size:13px;margin:18px 0 7px}input{width:100%;padding:13px 14px;color:#fff;background:#0b1310;border:1px solid #435348;border-radius:10px;font:inherit}input:focus{outline:2px solid #cbfa86;outline-offset:2px}button{width:100%;margin-top:24px;padding:14px;border:0;border-radius:10px;font:600 15px system-ui;background:#ccfc87;color:#172313;display:flex;justify-content:space-between;cursor:pointer}button:disabled{opacity:.6;cursor:wait}button:focus-visible{outline:2px solid white;outline-offset:4px}#error{color:#ffb4a6;min-height:21px;margin:14px 0 0}footer{font-size:12px;color:#87968d;text-align:center;margin-top:25px}@media(max-width:400px){section{padding:24px}h1{font-size:27px}}