.auth-shell{--auth-gradient:linear-gradient(100deg,#6569de,#7f7cf3);min-height:100vh;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);background:var(--card)}.auth-eyebrow{font-size:11px;letter-spacing:1.4px;color:var(--muted);font-weight:500;margin:0 0 12px}.auth-brand-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:40px 48px 28px;background:radial-gradient(120% 70% at 0 0,#efe4fd 0,transparent 60%),radial-gradient(90% 60% at 100% 30%,#dce9fb 0,transparent 65%),linear-gradient(165deg,#f1e8fd,#e6e6fb 45%,#dfeefb);color:var(--foreground)}.auth-brand-copy{position:relative;z-index:2;margin-top:clamp(40px,9vh,96px);max-width:440px}.auth-brand-copy .auth-eyebrow{color:var(--info-text)}.auth-brand-copy h2{font-size:clamp(34px,3.4vw,48px);line-height:1.12;letter-spacing:-1.4px;font-weight:600;margin:0}.auth-brand-copy h2 span{background:linear-gradient(95deg,#6569de,#8f7cf0 60%,#7aa6ef);-webkit-background-clip:text;background-clip:text;color:transparent}.auth-brand-copy p{margin:22px 0 0;font-size:14px;line-height:1.85;color:var(--body-text);max-width:330px}.auth-brand-copy p strong{color:var(--foreground);font-weight:500}.auth-brand-art{position:relative;flex:1;min-height:220px;margin:12px -48px 0}.auth-skyline{position:absolute;inset:auto 0 0 0;width:100%;height:100%;max-height:420px}.auth-float{position:absolute;z-index:2;display:flex;flex-direction:column;gap:6px;padding:12px 14px;min-width:104px;font-size:11px;line-height:1.35;color:var(--body-text);background:#ffffffa8;border:1px solid #ffffffd9;border-radius:14px;box-shadow:0 10px 30px #6a5bb31a;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.auth-float svg{color:var(--primary)}.auth-float-one{left:9%;bottom:46%;transform:rotate(-6deg)}.auth-float-two{left:31%;bottom:28%;transform:rotate(3deg)}.auth-float-three{right:12%;bottom:40%;transform:rotate(-4deg)}.auth-brand-panel>footer{position:relative;z-index:2;font-size:11px;color:var(--muted);margin-top:16px}.auth-form-panel{display:flex;align-items:center;justify-content:center;padding:48px 40px;background:var(--card)}.auth-form-inner{width:100%;max-width:400px}.auth-form-inner>h1{font-size:30px;line-height:1.25;letter-spacing:-.7px;font-weight:600;margin:0}.auth-subtitle{color:var(--muted);font-size:14px;margin:10px 0 0}.auth-mobile-brand{display:none}.auth-form{margin-top:32px;display:flex;flex-direction:column}.auth-fields{border:0;padding:0;margin:0;min-width:0;display:grid;gap:18px}.auth-field{display:flex;flex-direction:column;gap:8px}.auth-field label{font-size:13px;font-weight:500;color:var(--foreground)}.auth-input{position:relative;display:flex;align-items:center}.auth-input>svg{position:absolute;left:15px;color:#8f8aa3;pointer-events:none}.auth-shell .auth-input input{height:50px!important;min-height:50px!important;padding:12px 48px 12px 46px!important;border:1px solid #e4dff1;border-radius:12px;font-size:14px;background:var(--card);transition:border-color var(--motion-duration),box-shadow var(--motion-duration)}.auth-shell .auth-input input::placeholder{color:#a7a3b5}.auth-shell .auth-input input:hover{border-color:#d3cbec}.auth-shell .auth-input input:focus{border-color:#8582e4;box-shadow:var(--focus-ring)}.auth-shell .auth-input input[aria-invalid=true]{border-color:#e6a9b8}.auth-input:focus-within>svg{color:var(--primary)}.auth-input-action{position:absolute;right:6px;width:38px;height:38px;display:grid;place-items:center;border:0;border-radius:10px;background:transparent;color:#8f8aa3;cursor:pointer}.auth-input-action:hover{color:var(--primary);background:var(--subtle)}.auth-back:focus-visible,.auth-forgot:focus-visible,.auth-input-action:focus-visible,.auth-link:focus-visible{outline:2px solid #8582e4;outline-offset:2px}.auth-hint{font-size:12px;color:var(--warning-text)}.auth-forgot{justify-self:end;width:fit-content;margin-top:-6px;font-size:13px;font-weight:500;color:var(--primary);border-radius:6px}.auth-forgot:hover,.auth-link:hover:not(:disabled){text-decoration:underline}.auth-error{margin:16px 0 0;background:var(--error-bg);color:var(--error-text);line-height:1.5}.auth-error,.auth-notice{padding:10px 14px;border-radius:10px;font-size:13px}.auth-notice{margin:14px 0 0;background:var(--success-bg);color:var(--success-text);text-align:center}.auth-submit{display:inline-flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;margin-top:24px;border:0;border-radius:12px;background:var(--auth-gradient,linear-gradient(100deg,#6569de 0,#7f7cf3 100%));color:white;font:inherit;font-size:15px;font-weight:500;cursor:pointer;box-shadow:0 10px 24px #6569de38;transition:transform var(--motion-duration),box-shadow var(--motion-duration),filter var(--motion-duration)}.auth-submit:hover:not(:disabled){filter:brightness(1.05);box-shadow:0 12px 28px #6569de4a}.auth-submit:active:not(:disabled){transform:translateY(1px)}.auth-submit:focus-visible{outline:3px solid #b8b6f6;outline-offset:2px}.auth-submit:disabled{cursor:progress;opacity:.85}.auth-note{margin:22px 0 0;text-align:center;font-size:12.5px;line-height:1.7;color:var(--muted)}.auth-secure{display:flex;align-items:center;gap:14px;margin-top:22px;padding:14px 16px;border-radius:14px;background:var(--subtle);border:1px solid var(--border)}.auth-secure>span{flex-shrink:0;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--card);color:var(--primary);box-shadow:0 2px 8px #6569de14}.auth-secure strong{display:block;font-size:13px;font-weight:500}.auth-secure p{margin:2px 0 0;font-size:12px;color:var(--muted)}.auth-card-shell{--auth-gradient:linear-gradient(100deg,#6569de,#7f7cf3);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:40px 16px;background:radial-gradient(70% 50% at 15% 0,#efe4fd 0,transparent 70%),radial-gradient(60% 50% at 100% 100%,#dfeefb 0,transparent 70%),#f7f5fe}.auth-card{position:relative;width:100%;max-width:480px;padding:28px 36px 34px;background:var(--card);border:1px solid var(--border);border-radius:24px;box-shadow:0 20px 60px #5a4fa014}.auth-card-back{margin-bottom:18px}.auth-back{display:inline-flex;align-items:center;gap:6px;padding:4px 2px;border:0;background:none;color:var(--primary);font:inherit;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px}.auth-back:hover{text-decoration:underline}.auth-back-center{align-self:center;margin-top:18px}.auth-card-brand{display:flex;justify-content:center}.auth-card-head{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:22px}.auth-card-icon{width:62px;height:62px;display:grid;place-items:center;border-radius:18px;color:var(--primary);background:linear-gradient(140deg,#efe7fd,#e5ebfd);box-shadow:inset 0 0 0 1px #ffffff}.auth-card-icon-warning{color:var(--error-text);background:var(--error-bg)}.auth-card-head h1{margin:20px 0 0;font-size:24px;line-height:1.3;letter-spacing:-.5px;font-weight:600}.auth-card-subtitle{margin:6px 0 0;font-size:14px;font-weight:500;color:var(--foreground)}.auth-card-text{margin:12px 0 0;font-size:13px;line-height:1.7;color:var(--muted);max-width:340px}.auth-card-footer{font-size:11px;color:var(--muted);margin:0}.auth-verify>.auth-instruction,.auth-verify>.auth-setup,.auth-verify>form{margin-top:20px}.auth-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}.auth-method{position:relative;display:flex;align-items:center;gap:12px;min-height:68px;padding:12px 14px;text-align:left;border:1px solid #e4dff1;border-radius:14px;background:var(--card);color:var(--foreground);font:inherit;cursor:pointer;transition:border-color var(--motion-duration),box-shadow var(--motion-duration),background var(--motion-duration)}.auth-method:hover:not(:disabled){border-color:#c8bdf1}.auth-method[aria-pressed=true]{border-color:#9d93ec;background:linear-gradient(140deg,#f7f3ff,#f1f3ff);box-shadow:0 0 0 3px #7478f51f;cursor:default}.auth-method:disabled{color:var(--foreground)}.auth-method:disabled:not([aria-pressed=true]){opacity:.6;cursor:progress}.auth-method:focus-visible{outline:2px solid #8582e4;outline-offset:2px}.auth-method-icon{flex-shrink:0;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--info-bg);color:var(--primary)}.auth-method-text{display:flex;flex-direction:column;min-width:0}.auth-method-text strong{font-size:13px;font-weight:500}.auth-method-text small{font-size:11.5px;color:var(--muted);margin-top:2px}.auth-method-badge{position:absolute;top:8px;right:8px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--card);box-shadow:0 1px 4px #27262d1f}.auth-method-badge svg{width:14px;height:14px}.auth-instruction{display:flex;gap:14px;align-items:flex-start;padding:16px;border-radius:14px;background:var(--subtle);border:1px solid var(--border)}.auth-instruction>span{flex-shrink:0;width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:var(--card);color:var(--primary);box-shadow:0 2px 8px #6569de14}.auth-instruction strong{display:block;font-size:13.5px;font-weight:500}.auth-instruction p{margin:4px 0 0;font-size:12.5px;line-height:1.65;color:var(--muted)}.auth-instruction .auth-masked{margin-top:6px;font-size:13px;font-weight:500;color:var(--foreground);overflow-wrap:anywhere}.auth-setup{display:grid;gap:14px}.auth-qr-card{display:flex;align-items:center;gap:18px;padding:16px;border:1px dashed #d8d0f3;border-radius:14px}.auth-qr-card img{flex-shrink:0;border-radius:10px;background:white}.auth-qr-empty{justify-content:center;flex-direction:column;gap:8px;text-align:center;font-size:12.5px;color:var(--muted)}.auth-qr-empty p{margin:0}.auth-setup-key{display:flex;flex-direction:column;gap:6px;min-width:0;font-size:12px;color:var(--muted)}.auth-setup-key code{font-size:13px;color:var(--foreground);letter-spacing:.5px;overflow-wrap:anywhere;background:var(--subtle);border-radius:8px;padding:8px 10px}.auth-code-form{display:flex;flex-direction:column}.auth-code-form fieldset{border:0;padding:0;margin:0;min-width:0}.auth-resend{display:flex;justify-content:center;align-items:center;gap:6px;flex-wrap:wrap;margin-top:16px;font-size:13px;color:var(--muted)}.auth-link{display:inline-flex;align-items:center;gap:5px;padding:2px;border:0;background:none;color:var(--primary);font:inherit;font-size:13px;font-weight:500;cursor:pointer;border-radius:6px}.auth-link:disabled{color:var(--muted);cursor:default;font-variant-numeric:tabular-nums}.auth-form-inner form:not(.auth-form){margin-top:28px;display:flex;flex-direction:column;gap:18px}.auth-form-inner form:not(.auth-form) .btn-primary{min-height:50px;border-radius:12px;background:var(--auth-gradient);font-size:14px}@media (max-width:1180px){.auth-shell{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}.auth-brand-panel{padding:32px 32px 24px}.auth-brand-art{margin-inline:-32px}.auth-float-two{display:none}}@media (max-width:900px){.auth-shell{grid-template-columns:minmax(0,1fr)}.auth-brand-panel{display:none}.auth-form-panel{align-items:flex-start;padding:32px 20px 40px;background:radial-gradient(90% 30% at 0 0,#efe4fd 0,transparent 70%),var(--card)}.auth-mobile-brand{display:block;margin-bottom:36px}}@media (max-width:520px){.auth-form-panel{padding:24px 16px 32px}.auth-form-inner>h1{font-size:25px}.auth-card-shell{justify-content:flex-start;padding:16px 12px}.auth-card{padding:20px 18px 26px;border-radius:20px}.auth-card-head h1{font-size:21px}.auth-qr-card{flex-direction:column;text-align:center}}@media (prefers-reduced-motion:reduce){.auth-method,.auth-shell .auth-input input,.auth-submit{transition:none}}