:root{color-scheme:dark;font:15px/1.5 system-ui,sans-serif;background:#101217;color:#f0f1f4}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at 70% 15%,#26213966,transparent 60%)}main{width:min(420px,calc(100% - 44px));padding:50px 0}.mark{font-size:35px;font-weight:750;letter-spacing:-4px;margin-bottom:40px}.mark span{color:#baa7ed}.eyebrow{font-size:10px;letter-spacing:2px;color:#a99bc5}h1{font-size:32px;letter-spacing:-1.2px;line-height:1.2;margin:15px 0}.intro{color:#9ea6b8;margin-bottom:36px}form{display:grid;gap:9px}label{font-size:12px;color:#c6ccda;margin-top:9px}input,button{font:inherit;border-radius:9px;padding:13px 14px}input{background:#1a1e27;border:1px solid #363d4d;color:#f0f1f4}input:focus{outline:2px solid #b4a0e7;outline-offset:2px}button{background:#c2aff0;color:#21172f;font-weight:650;border:0;cursor:pointer;margin-top:15px;text-align:left}button span{float:right}button:disabled{opacity:.6}#error{font-size:13px;color:#ffb3ae;margin:0;min-height:20px}.note{color:#7f8a9e;font-size:12px;margin-top:18px}footer{margin-top:55px;border-top:1px solid #292e39;padding-top:18px;color:#707c92;font-size:9px;letter-spacing:1.4px}footer span{float:right}