:root{color-scheme:dark;font-family:system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:25px;color:#eee7fa;background:radial-gradient(ellipse at 50% 20%,#36214655,transparent 60%),#100c19}main{width:min(390px,100%);padding:35px 30px;border:1px solid #bb9ae42b;border-top-color:#c9a2f54d;background:linear-gradient(140deg,#2c203399,#17121fdd);border-radius:22px;box-shadow:0 25px 80px #0006}.mark{font-size:40px;color:#c6a3ef}.eyebrow{font-size:9px;letter-spacing:2px;color:#a68ebd;margin-top:25px}h1{font-size:31px;letter-spacing:-1px;margin:10px 0}.intro{font-size:13px;color:#a99bb8;line-height:1.7;margin-bottom:30px}label{display:block;font-size:12px;margin-bottom:9px}input{width:100%;padding:13px;border-radius:9px;background:#100c19;border:1px solid #b696d543;color:#fff;font:inherit}input:focus-visible{outline:2px solid #bda0e2;outline-offset:2px}button{width:100%;padding:13px;border:0;border-radius:9px;background:#bba0e3;color:#23152e;font:600 14px system-ui;cursor:pointer}button:disabled{opacity:.6;cursor:wait}#error{min-height:17px;font-size:12px;color:#e7a7bb;line-height:1.6}.note{color:#8e7c9e;font-size:10px;text-align:center;margin:25px 0 0}

.trust-line{display:flex;align-items:center;gap:10px;margin-top:16px}.trust-line input{width:auto;margin:0}[hidden]{display:none!important}
.passkey-login{margin-top:14px;background:transparent;border:1px solid #bba0e3;color:#d7c5ef}