:root{color-scheme:dark;font:15px/1.5 system-ui,sans-serif;background:#090e18;color:#eaf0fa}*{box-sizing:border-box}body{min-height:100vh;margin:0;display:grid;place-items:center;background:radial-gradient(ellipse at 32% 25%,#18334277,transparent 50%),radial-gradient(ellipse at 90% 85%,#29245255,transparent 50%)}main{width:min(440px,calc(100% - 40px));padding:44px;border:1px solid #314353;border-radius:22px;background:#101824eb;box-shadow:0 28px 100px #0005}.mark{font-size:54px;color:#78e4ce;line-height:1}.eyebrow{font-size:10px;letter-spacing:2px;color:#8d9fb5;margin-top:25px}h1{font-size:44px;letter-spacing:-2px;margin:10px 0}.intro{color:#b7c5d7;margin-bottom:34px}label{font-size:12px;color:#b7c5d7;display:block;margin-bottom:8px}input{width:100%;padding:12px;background:#0b121e;border:1px solid #405468;border-radius:8px;color:#fff;font:inherit}button{display:flex;justify-content:space-between;width:100%;margin-top:18px;padding:13px 16px;border:0;border-radius:8px;background:#83e6cc;color:#09291f;font-weight:700;font-size:14px;cursor:pointer}.note{font-size:12px;color:#91a3b8;margin-top:25px;line-height:1.8}input:focus-visible,button:focus-visible{outline:3px solid #b7afff;outline-offset:4px}@media(max-width:420px){main{padding:28px}h1{font-size:36px}}