.auth-loading{min-height:100vh;display:grid;place-items:center;color:var(--muted)}.access-layout{min-height:100svh;display:grid;grid-template-columns:1.1fr 1fr;padding:28px;gap:28px;background:var(--bg)}.access-art{border:1px solid var(--line);border-radius:24px;padding:44px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden;background:radial-gradient(ellipse at 60% 48%,#40ffbc16,transparent 60%),var(--surface)}.access-art .brand{max-width:190px;position:relative;z-index:2}.access-visual{position:absolute;inset:20% 0;display:grid;place-items:center;pointer-events:none}.access-orbit{border:1px solid #40ffbc27;position:absolute;width:340px;height:340px;border-radius:50%;animation:access-spin 32s linear infinite;transform:rotateX(55deg) rotateZ(-20deg)}.access-orbit:nth-child(2){width:440px;height:440px;animation-direction:reverse;animation-duration:42s}.access-orbit:before{content:'';position:absolute;width:12px;height:12px;top:40px;left:44px;background:#40ffbc;border-radius:50%;box-shadow:0 0 35px #40ffbc99}.access-symbol{width:130px;filter:drop-shadow(0 0 40px #40ffbc33);animation:access-float 7s ease-in-out infinite}.access-caption{position:relative;z-index:2;max-width:500px;margin-top:320px}.access-caption h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(38px,4.6vw,66px);font-weight:500;line-height:1.02;letter-spacing:-.055em;margin:16px 0}.access-caption em{font-style:normal;color:#40ffbc}.access-caption p{font-size:14px;color:var(--muted);max-width:340px;line-height:1.7}.access-footer{position:relative;display:flex;gap:20px;margin-top:38px;font:9px 'Inter',sans-serif;letter-spacing:.1em;color:var(--muted)}.access-form-area{display:flex;align-items:center;justify-content:center;position:relative;padding:60px 35px}.access-form{width:100%;max-width:390px}.access-form h2{font-family:'Space Grotesk',sans-serif;font-size:34px;letter-spacing:-.04em;font-weight:500;margin:22px 0 10px}.access-form>p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:28px}.access-form form{display:flex;flex-direction:column;gap:18px}.access-form .input{width:100%;min-height:48px}.access-form .field{display:flex;flex-direction:column;gap:9px}.access-form label{font-size:12px;color:var(--text)}.access-form .button{min-height:47px;justify-content:center}.access-tabs{display:flex;border-bottom:1px solid var(--line);gap:24px}.access-tabs a{padding:12px 0;font-size:12px;color:var(--muted);text-decoration:none}.access-tabs a.active{color:var(--text);border-bottom:2px solid #40ffbc}.access-small{font-size:11px;color:var(--muted);line-height:1.7;margin-top:26px}.access-message{font-size:12px;line-height:1.6;color:#ff8d8d;margin:0}.access-message.success{color:#40ffbc}.access-security{display:flex;align-items:center;gap:8px;margin-top:22px;font-size:10px;color:var(--muted)}.access-security svg{width:13px}.access-top{position:absolute;top:0;right:0;display:flex;gap:8px;align-items:center;font-size:10px;color:var(--muted)}.password-row{position:relative}.password-row .input{padding-right:48px}.password-row button{position:absolute;right:10px;top:9px;min-width:30px;min-height:30px;border:0;background:none;color:var(--muted);cursor:pointer}.access-success{padding:22px;border:1px solid #40ffbc55;border-radius:12px;margin:20px 0;background:#40ffbc08}.backend-strip{padding:10px 15px;margin:0 0 18px;border:1px solid var(--line);border-radius:10px;color:var(--muted);font-size:11px;display:flex;justify-content:space-between;align-items:center;gap:12px}.backend-strip strong{color:var(--text)}.backend-security-list{display:grid;gap:15px;padding:24px}.backend-invite{overflow-wrap:anywhere;background:var(--surface-2);border:1px solid var(--line);padding:16px;border-radius:10px;font-size:12px;user-select:all}.backend-status{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}@keyframes access-spin{to{transform:rotateX(55deg) rotateZ(340deg)}}@keyframes access-float{50%{transform:translateY(-18px) rotate(-4deg)}}@media(max-width:900px){.access-layout{grid-template-columns:1fr;min-height:100svh;padding:18px;gap:0}.access-art{padding:24px;min-height:180px}.access-caption{margin:22px 0 0}.access-caption h1{font-size:34px;max-width:70%;margin:8px 0}.access-caption p,.access-footer{display:none}.access-visual{inset:0 0 0 60%;opacity:.6}.access-symbol{width:80px}.access-orbit{width:180px;height:180px}.access-orbit:nth-child(2){width:250px;height:250px}.access-form-area{padding:46px 12px 28px}.access-top{top:16px}.access-form h2{font-size:30px}}@media(prefers-reduced-motion:reduce){.access-orbit,.access-symbol{animation:none}}

.mfa-access-form{max-width:420px}.mfa-enrollment{display:grid;gap:20px;margin:0 0 28px}.mfa-step-title{font-size:13px;font-weight:600;line-height:1.5;margin:0;color:var(--text)}.mfa-qr-card{margin:0;display:grid;justify-items:center;gap:12px;padding:20px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.mfa-qr-image{display:block;width:min(100%,260px);height:auto;aspect-ratio:1;background:#fff;border-radius:4px;image-rendering:pixelated}.mfa-qr-card figcaption,.mfa-account-label,.mfa-manual>p{font-size:11px;line-height:1.7;color:var(--muted);margin:0;text-align:center;overflow-wrap:anywhere}.mfa-manual{display:grid;gap:12px}.mfa-manual>p{text-align:left}.mfa-manual-key{display:block;font-size:14px;line-height:1.8;letter-spacing:.08em;word-break:break-all;white-space:normal}.mfa-manual-key:focus-visible{outline:2px solid #40ffbc;outline-offset:3px}.mfa-copy-key{width:100%}.mfa-enrollment+.stack{padding-top:22px;border-top:1px solid var(--line)}

/* Clear hierarchy across sign-in, recovery and account verification. */
.access-caption h1,.access-form h2{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:600;letter-spacing:-.045em;line-height:1.12}.access-form{max-width:420px}.access-form h2{font-size:32px;margin-top:16px}.access-form>p{font-size:14px;line-height:1.65}.access-form label{font-size:13px;font-weight:500}.access-form .input{min-height:52px}.access-form .button{min-height:50px;font-weight:600}.access-small{font-size:12px;line-height:1.7}.access-small a{color:var(--text);text-underline-offset:4px}.access-security{font-size:11px;letter-spacing:0}.access-top{font-size:11px;letter-spacing:.12em}.access-form>.eyebrow{font-size:10px;letter-spacing:.13em;color:#40ffbc}.access-caption p{font-size:15px;max-width:360px}.access-message:empty{display:none}@media(max-width:900px){.access-caption h1{font-size:32px;max-width:75%}.access-form-area{padding-top:52px}.access-form h2{font-size:30px}}