*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;background:radial-gradient(ellipse at top,#353b43,#111316 65%);color:#edf0f4;font:16px system-ui;padding:24px}main{width:min(100%,390px)}.mark{letter-spacing:.35em;font-size:12px;color:#bfc8d4}h1{font-size:36px;letter-spacing:-1px}p,small{color:#aeb7c1}label{display:grid;gap:9px;margin-top:22px}input{width:100%;border:1px solid #4b515a;border-radius:12px;padding:14px;background:#1b1e23;color:#fff;font:inherit}input:focus{outline:2px solid #adbace;outline-offset:2px}button{width:100%;margin:24px 0 8px;padding:14px;border:1px solid #e1e6ee;border-radius:12px;background:linear-gradient(#f3f5f9,#aab3c1 48%,#8994a5 50%,#c0c7d1);color:#11151b;font:600 16px system-ui}#error{color:#ffaca8}small{display:block;line-height:1.6}