.scene{width:100%;height:100vh;position:relative;overflow:hidden}.scene-sky{position:absolute;inset:0}[data-mode=dark] .scene-sky{background:linear-gradient(#0d0f1b 0%,#141626 34%,#1a1c30 60%,#12131f 100%)}[data-mode=light] .scene-sky{background:linear-gradient(#f5f4ff 0%,#e7e5fe 36%,#dcd8fb 62%,#cfcaf6 100%)}.scene-glow{filter:blur(18px);border-radius:50%;width:700px;height:700px;animation:22s ease-in-out infinite breathe;position:absolute;top:-14%;left:-10%}[data-mode=dark] .scene-glow{background:radial-gradient(circle,#9184d94d,#0000 66%)}[data-mode=light] .scene-glow{background:radial-gradient(circle,#ffffff8c,#0000 66%)}.scene-vignette{pointer-events:none;position:absolute;inset:0}[data-mode=dark] .scene-vignette{background:radial-gradient(120% 90% at 22% 46%,#0000 30%,#0a0b148c 100%)}[data-mode=light] .scene-vignette{background:radial-gradient(120% 90% at 22% 46%,#ffffff1a 30%,#595d6c38 100%)}.ridge{filter:blur(var(--blur));opacity:var(--op-dark);--fill:var(--fill-dark);--line:var(--line-dark);position:absolute;inset:0}[data-mode=light] .ridge{opacity:var(--op-light);--fill:var(--fill-light);--line:var(--line-light)}.ridge svg{height:100%;position:absolute;top:0;left:0}.ridge .area{fill:var(--fill)}.ridge .line{stroke:var(--line)}.ridge g{animation:drift var(--dur) linear infinite}@keyframes drift{to{transform:translate(-14400px)}}@keyframes breathe{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.85;transform:scale(1.18)}}@keyframes rise{0%{opacity:0;transform:translate(-50%,calc(18px - 50%))}to{opacity:1;transform:translate(-50%,-50%)}}.kveite{filter:blur(1.6px);animation:45s linear 6s infinite swim;position:absolute;top:62%;left:0;transform:translate(calc(100vw + 40px))}.kveite-bob{animation:3.2s ease-in-out infinite bob}.kveite svg{display:block}[data-mode=dark] .kveite{color:#b5abfc}[data-mode=light] .kveite{color:#5d5294}@keyframes swim{0%{transform:translate(calc(100vw + 40px))}20%,to{transform:translate(-160px)}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.glass{border-radius:var(--radius-card);-webkit-backdrop-filter:blur(36px)saturate(160%);flex-direction:column;width:min(392px,100% - 32px);padding:40px 36px 34px;animation:.8s cubic-bezier(.2,.7,.2,1) both rise;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}[data-mode=dark] .glass{background:linear-gradient(150deg,#e9e9ed1a,#e9e9ed09);border:1px solid #e9e9ed29;box-shadow:0 24px 60px #0000008c,inset 0 1px #e9e9ed38}[data-mode=light] .glass{background:linear-gradient(150deg,#ffffff9e,#ffffff57);border:1px solid #ffffffb3;box-shadow:0 24px 60px #292b3129,inset 0 1px #ffffffe6}.glass form{flex-direction:column;display:flex}.glass-head{justify-content:space-between;align-items:center;margin-bottom:34px;display:flex}.brand{align-items:center;gap:11px;display:flex}.brand-mark{border-radius:var(--radius-control);width:34px;height:34px;font:500 16px var(--font-inter),system-ui,sans-serif;place-items:center;display:grid}[data-mode=dark] .brand-mark{border:1px solid var(--color-accent);color:var(--color-accent);box-shadow:0 0 20px color-mix(in srgb,var(--color-accent) 34%,transparent)}[data-mode=light] .brand-mark{border:1px solid var(--color-accent-600);color:var(--color-accent-700)}.brand-name{font:500 14px var(--font-inter),system-ui,sans-serif}[data-mode=dark] .brand-name{color:var(--color-neutral-100)}[data-mode=light] .brand-name{color:var(--color-neutral-900)}.glass label{font:400 12px var(--font-inter),system-ui,sans-serif;margin-bottom:6px}[data-mode=dark] .glass label{color:#e9e9edb3}[data-mode=light] .glass label{color:var(--color-neutral-700)}.input{width:100%;min-height:42px;font:400 14px var(--font-inter),system-ui,sans-serif;border-radius:var(--radius-control);border:1px solid #0000;padding:10px 12px}[data-mode=dark] .input{color:var(--color-neutral-100);caret-color:var(--color-accent);background:#e9e9ed14;border-color:#e9e9ed2e}[data-mode=dark] .input::placeholder{color:#e9e9ed73}[data-mode=dark] .input:hover{border-color:#e9e9ed57}[data-mode=dark] .input:focus{border-color:var(--color-accent);background:#e9e9ed1f}[data-mode=light] .input{color:var(--color-neutral-900);caret-color:var(--color-accent-600);background:#ffffffa8;border-color:#595d6c38}[data-mode=light] .input::placeholder{color:#595d6c99}[data-mode=light] .input:hover{border-color:#595d6c66}[data-mode=light] .input:focus{border-color:var(--color-accent-600);background:#fff}.mb14{margin-bottom:14px}.mb22{margin-bottom:22px}.otp{justify-content:center;align-items:center;gap:12px;margin-bottom:22px;display:flex}.otp-group-wrap{align-items:center;gap:12px;display:flex}.otp-group{display:flex}.otp-sep{font:500 13px var(--font-inter),system-ui,sans-serif;opacity:.5}.otp input{text-align:center;border:1px solid #0000;border-radius:0;width:40px;height:42px;margin-left:-1px;padding:0;font:400 18px ui-monospace,SFMono-Regular,Menlo,monospace;position:relative}.otp input:first-child{border-radius:var(--radius-control) 0 0 var(--radius-control);margin-left:0}.otp input:last-child{border-radius:0 var(--radius-control) var(--radius-control) 0}.otp input:focus{z-index:1;outline:none}[data-mode=dark] .otp input{color:var(--color-neutral-100);caret-color:var(--color-accent);background:#e9e9ed14;border-color:#e9e9ed2e}[data-mode=dark] .otp input:hover{border-color:#e9e9ed57}[data-mode=dark] .otp input:focus{border-color:var(--color-accent);background:#e9e9ed1f}[data-mode=light] .otp input{color:var(--color-neutral-900);caret-color:var(--color-accent-600);background:#ffffffa8;border-color:#595d6c38}[data-mode=light] .otp input:hover{border-color:#595d6c66}[data-mode=light] .otp input:focus{border-color:var(--color-accent-600);background:#fff}.submit{border-radius:var(--radius-control);width:100%;min-height:44px;font:500 14px var(--font-inter),system-ui,sans-serif;cursor:pointer;background:0 0;transition:background .18s,border-color .18s}.submit:disabled{cursor:default;opacity:.7}[data-mode=dark] .submit{border:1px solid var(--color-accent);color:var(--color-accent-200)}[data-mode=dark] .submit:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent) 20%,transparent)}[data-mode=dark] .submit:active:not(:disabled){background:color-mix(in srgb,var(--color-accent) 32%,transparent)}[data-mode=light] .submit{border:1px solid var(--color-accent-600);color:var(--color-accent-700)}[data-mode=light] .submit:hover:not(:disabled){background:color-mix(in srgb,var(--color-accent-600) 12%,transparent)}[data-mode=light] .submit:active:not(:disabled){background:color-mix(in srgb,var(--color-accent-600) 22%,transparent)}.error{font:400 12px var(--font-inter),system-ui,sans-serif;border-radius:8px;margin:-10px 0 14px;padding:8px 10px}[data-mode=dark] .error{background:color-mix(in srgb,var(--color-accent) 18%,transparent);color:var(--color-neutral-100)}[data-mode=light] .error{background:color-mix(in srgb,var(--color-accent-600) 12%,transparent);color:var(--color-accent-700)}.hint{font:400 13px var(--font-inter),system-ui,sans-serif;margin:0 0 18px;line-height:1.5}[data-mode=dark] .hint{color:#e9e9edb3}[data-mode=light] .hint{color:var(--color-neutral-700)}.qr{background:#fff;border-radius:10px;margin:0 auto 12px;padding:6px;display:block}.secret{text-align:center;letter-spacing:.04em;word-break:break-all;margin:0 0 18px;font:400 12px ui-monospace,SFMono-Regular,Menlo,monospace}[data-mode=dark] .secret{color:#e9e9ed99}[data-mode=light] .secret{color:var(--color-neutral-700)}.mode{border-radius:99px;gap:2px;padding:2px;display:flex}[data-mode=dark] .mode{color:var(--color-neutral-100);background:#e9e9ed14;border:1px solid #e9e9ed24}[data-mode=light] .mode{color:var(--color-neutral-800);background:#ffffff80;border:1px solid #595d6c2e}.mode button{cursor:pointer;width:26px;height:22px;color:inherit;opacity:.5;background:0 0;border:0;border-radius:99px;place-items:center;display:grid}.mode button[aria-pressed=true]{opacity:1}[data-mode=dark] .mode button[aria-pressed=true]{background:#e9e9ed29}[data-mode=light] .mode button[aria-pressed=true]{background:#fffffff2}@media (prefers-reduced-motion:reduce){.ridge g,.scene-glow,.glass,.kveite-bob{animation:none}.kveite{animation:none;transform:translate(12vw)}}