:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#10141f;color:#eef0f8}*{box-sizing:border-box}body{margin:0;min-height:100svh;display:grid;place-items:center;padding:24px}main{width:min(100%,440px);padding:36px;border:1px solid #343e56;border-radius:12px;background:#191f2e}h1{font-size:30px;margin:10px 0}.mark{display:inline-grid;place-items:center;width:48px;height:44px;border-radius:8px;background:#a9a0ff;color:#161329;font-weight:750}.eyebrow{letter-spacing:.17em;font-size:12px;margin:24px 0 0;color:#bdb4ff}.intro,.hint,.footer{color:#b6bfd3;line-height:1.5}.intro{margin:0 0 28px}label{display:block;font-size:14px;margin:18px 0 8px}input,button{appearance:none;width:100%;border:1px solid #5b6680;border-radius:6px;font:inherit;padding:12px;min-height:46px}input{background:#101624;color:#fff}input:focus-visible,button:focus-visible{outline:2px solid #c7bcff;outline-offset:3px}.hint,.footer{font-size:13px}.hint{margin:10px 0 22px}button{background:#b9aaff;color:#19112e;font-weight:700;border-color:#b9aaff;cursor:pointer}button:disabled{opacity:.6}#note{min-height:24px;color:#e4c7c7;font-size:14px;line-height:1.5}.footer{border-top:1px solid #343e56;padding-top:20px;margin:0}@media(max-width:480px){body{padding:16px}main{padding:24px}}