:root{color-scheme:dark}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at top right,#123b3655,transparent 65%),#080b14;color:#eaf1fb;font:16px system-ui;line-height:1.6;display:grid;min-height:100vh;place-items:center;padding:24px}main{width:min(100%,510px);padding:36px;border:1px solid #243343;border-radius:18px;background:#101722}h1{font-size:36px;line-height:1.15;letter-spacing:-1px}h1 span{background:linear-gradient(100deg,#4e83ff,#17c9ac);color:transparent;background-clip:text}.brand{color:#8de7da;font-weight:700}.brand span{margin-left:12px;color:#eaf1fb}.eyebrow{margin-top:36px;font-size:11px;letter-spacing:2px;color:#4ed8c2}p,small{color:#afc1ce}label{display:block;margin:20px 0 8px}input{padding:12px;width:100%;font:inherit;border:1px solid #456174;border-radius:8px;background:#080e17;color:#eaf1fb}button{padding:13px;width:100%;font:inherit;font-weight:600;border:0;border-radius:8px;background:linear-gradient(110deg,#4e83ff,#14cbb0);color:#071f2a;margin-top:16px;cursor:pointer}button:disabled{opacity:.5;cursor:wait}:focus-visible{outline:3px solid #8de7da;outline-offset:4px}#back,#resend{background:transparent;color:#afc1ce;border:1px solid #456174}[hidden]{display:none}