.auth-root{min-height:100dvh;display:flex}.auth-brand{background:#09090b;flex-shrink:0;width:400px;display:flex;position:relative;overflow:hidden}html:not(.dark) .auth-brand{background:#fafafa}.auth-brand{display:none}.auth-brand:before{content:"";background:radial-gradient(closest-side, rgba(var(--color-primary)/.16), transparent 72%);filter:blur(48px);pointer-events:none;width:70%;height:60%;position:absolute;top:-25%;right:-20%}.auth-brand-grid{opacity:.04;pointer-events:none;background-image:linear-gradient(90deg,#94a3b8 1px,#0000 1px),linear-gradient(#94a3b8 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.auth-brand-inner{z-index:1;flex-direction:column;justify-content:space-between;width:100%;padding:2.5rem;display:flex;position:relative}.auth-brand-logo{height:2.25rem;margin:0 auto 2.5rem;display:block}.auth-brand-top{text-align:center}.auth-brand-bullets li{justify-content:center}.auth-brand-back{align-self:center}.auth-brand-heading{text-transform:uppercase;letter-spacing:-.02em;color:#fff;margin-bottom:.625rem;font-family:Plus Jakarta Sans,system-ui,sans-serif;font-size:1.75rem;font-style:italic;font-weight:900;line-height:1.1}html:not(.dark) .auth-brand-heading{color:#18181b}.auth-brand-sub{color:#fff6;margin-bottom:2rem;font-size:.8125rem;line-height:1.65}html:not(.dark) .auth-brand-sub{color:#64748b}.auth-brand-bullets{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.auth-brand-bullets li{color:#ffffff8c;align-items:center;gap:.75rem;font-size:.8125rem;font-weight:600;display:flex}html:not(.dark) .auth-brand-bullets li{color:#475569}.auth-bullet-icon{background:rgba(var(--color-primary)/.1);border:1px solid rgba(var(--color-primary)/.18);width:2rem;height:2rem;color:rgb(var(--color-primary));box-shadow:0 8px 18px -10px rgba(var(--color-primary)/.5);border-radius:.65rem;flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;display:flex}html:not(.dark) .auth-bullet-icon{background:rgba(var(--color-primary)/.08);border-color:rgba(var(--color-primary)/.15)}.auth-brand-back{color:#ffffff40;text-transform:uppercase;letter-spacing:.1em;align-items:center;gap:.375rem;font-size:.625rem;font-weight:800;text-decoration:none;transition:color .15s;display:inline-flex}.auth-brand-back:hover{color:#fff9}html:not(.dark) .auth-brand-back{color:#94a3b8}html:not(.dark) .auth-brand-back:hover{color:#18181b}.auth-panel{background:#fafafa;flex-direction:column;flex:1;justify-content:center;align-items:center;margin:0 auto;padding:2rem 1.5rem;display:flex;position:relative;overflow:hidden}html.dark .auth-panel{background:var(--surface-0)}.auth-panel:before,.auth-panel:after{content:"";pointer-events:none;filter:blur(56px);position:absolute}.auth-panel:before{background:radial-gradient(closest-side, rgba(var(--color-primary)/.13), transparent 72%);width:55%;height:65%;top:-18%;right:-12%}.auth-panel:after{background:radial-gradient(closest-side, rgba(var(--color-primary)/.1), transparent 72%);width:55%;height:60%;bottom:-22%;left:-12%}.auth-panel-grid{opacity:.04;pointer-events:none;z-index:0;background-image:linear-gradient(90deg,#94a3b8 1px,#0000 1px),linear-gradient(#94a3b8 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}html.dark .auth-panel-grid{opacity:.05}.auth-mobile-logo{text-align:center;z-index:1;margin-bottom:2.25rem;display:block;position:relative}.auth-logo{width:auto;height:2.9rem;margin:0 auto}@media (width<=480px){.auth-logo{height:2.5rem}}.auth-mobile-back{text-transform:uppercase;letter-spacing:.1em;color:#64748b;touch-action:manipulation;align-items:center;gap:.375rem;margin-bottom:1.25rem;font-size:.625rem;font-weight:800;text-decoration:none;transition:color .15s;display:inline-flex}html.dark .auth-mobile-back{color:#ffffff4d}html.dark .auth-mobile-back:hover{color:#ffffffa6}.auth-mobile-back:hover{color:#18181b}.auth-form{z-index:1;background:#fff;border:1px solid #e2e8f0e6;border-radius:1.5rem;width:100%;max-width:420px;position:relative;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 24px 48px -12px #0f172a1f}html.dark .auth-form{-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:#111827b8;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0d,0 24px 48px -12px #0000008c}.auth-form-accent{background:linear-gradient(90deg, rgb(var(--color-primary)), rgba(var(--color-primary)/.35));height:4px}.auth-form-header{background:#f8fafccc;border-bottom:1px solid #e2e8f0e6;align-items:center;gap:.625rem;padding:.875rem 1.5rem;display:flex}html.dark .auth-form-header{background:#ffffff08;border-bottom-color:#ffffff14}.auth-form-inner{padding:1.75rem}.auth-back-link{color:#64748b;text-transform:uppercase;letter-spacing:.1em;z-index:1;touch-action:manipulation;border:2px solid #0000;border-radius:12px;align-items:center;gap:.45rem;margin-top:1.75rem;padding:.6rem 1.1rem;font-size:.6875rem;font-weight:800;text-decoration:none;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex;position:relative}.auth-back-link:hover{color:#0f172a;background:#18181b0d;border-color:#18181b1a}html.dark .auth-back-link{color:#ffffff8c}html.dark .auth-back-link:hover{color:#fff;background:#ffffff12;border-color:#ffffff1f}.auth-back-link:focus-visible{outline:3px solid rgb(var(--color-primary) / .55);outline-offset:2px}.auth-back-link i{transition:transform .15s}.auth-back-link:hover i{transform:translate(-3px)}.view-panel{transition:opacity .2s,transform .2s}.view-panel.hidden{display:none}.view-panel.entering{animation:.22s forwards slideIn}@keyframes slideIn{0%{opacity:0;transform:translate(10px)}to{opacity:1;transform:translate(0)}}.view-panel.entering-back{animation:.22s forwards slideInBack}@keyframes slideInBack{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.anim-item{opacity:0;animation:.5s cubic-bezier(.22,1,.36,1) forwards page-enter}@keyframes page-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.shake{animation:.4s cubic-bezier(.36,.07,.19,.97) both shake}@keyframes shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-3px)}40%,60%{transform:translate(3px)}}.method-btn-email,.method-btn-oauth{cursor:pointer;transition:all .2s cubic-bezier(.22,1,.36,1)}.method-btn-email:hover,.method-btn-oauth:hover{border-color:rgb(var(--color-primary));background:rgba(var(--color-primary) / .08);box-shadow:0 10px 22px -10px rgba(var(--color-primary)/.45);transform:translateY(-2px)}.method-btn-email:active,.method-btn-oauth:active{transition-duration:50ms;transform:translateY(0)}.reg-input{border-radius:.9rem;transition:border-color .2s cubic-bezier(.22,1,.36,1),background .2s,box-shadow .2s}.reg-input:focus{box-shadow:0 0 0 3px rgba(var(--color-primary)/.25), 0 6px 18px -8px rgba(var(--color-primary)/.35)}.reg-float-label{letter-spacing:.15em;text-transform:uppercase;color:#475569;pointer-events:none;font-size:.625rem;font-weight:900;transition:top .18s cubic-bezier(.22,1,.36,1),transform .18s cubic-bezier(.22,1,.36,1),font-size .18s cubic-bezier(.22,1,.36,1),color .18s;position:absolute;top:.5rem;left:2.625rem}.reg-float-input:placeholder-shown~.reg-float-label{letter-spacing:0;text-transform:none;color:#475569;font-size:.8125rem;font-weight:500;top:50%;transform:translateY(-50%)}.reg-float-input:not(:-moz-placeholder-shown)~.reg-float-label{letter-spacing:.15em;text-transform:uppercase;color:rgba(var(--color-primary), .85);font-size:.625rem;font-weight:900;top:.5rem;transform:translateY(0)}.reg-float-input:focus~.reg-float-label,.reg-float-input:not(:placeholder-shown)~.reg-float-label{letter-spacing:.15em;text-transform:uppercase;color:rgba(var(--color-primary), .85);font-size:.625rem;font-weight:900;top:.5rem;transform:translateY(0)}html:not(.dark) .reg-float-input:-moz-placeholder-shown~.reg-float-label{color:#94a3b8}html:not(.dark) .reg-float-input:placeholder-shown~.reg-float-label{color:#94a3b8}html:not(.dark) .reg-float-input:not(:-moz-placeholder-shown)~.reg-float-label{color:rgba(var(--color-primary), .85)}html:not(.dark) .reg-float-input:focus~.reg-float-label,html:not(.dark) .reg-float-input:not(:placeholder-shown)~.reg-float-label{color:rgba(var(--color-primary), .85)}.strength-seg.s-weak{background-color:#ef4444}.strength-seg.s-fair{background-color:#f59e0b}.strength-seg.s-good{background-color:rgb(var(--color-primary))}.strength-seg.s-strong{background-color:#10b981}.auth-btn{text-transform:uppercase;letter-spacing:.14em;cursor:pointer;border:1px solid rgb(var(--color-primary));background:linear-gradient(180deg, rgb(var(--color-primary)), color-mix(in srgb, rgb(var(--color-primary)) 84%, #000));color:#fff;width:100%;box-shadow:inset 0 1px 0 #ffffff2e, 0 10px 24px -8px rgba(var(--color-primary)/.55);border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1rem;font-size:.6875rem;font-weight:900;text-decoration:none;transition:transform .12s cubic-bezier(.22,1,.36,1),box-shadow .12s,background .15s,opacity .15s,filter .15s;display:flex}.auth-btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:inset 0 1px 0 #ffffff2e, 0 14px 28px -8px rgba(var(--color-primary)/.6);transform:translateY(-1px)}.auth-btn:active:not(:disabled){box-shadow:inset 0 0 4px #0003, 0 6px 16px -8px rgba(var(--color-primary)/.55);filter:brightness(.98);transform:translateY(1px)}.auth-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.auth-back-btn{text-transform:uppercase;letter-spacing:.1em;color:#94a3b8;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:.25rem;width:100%;margin-top:1rem;padding:.625rem 0;font-size:.6875rem;font-weight:900;transition:color .15s;display:flex}html.dark .auth-back-btn{color:#ffffff4d}.auth-back-btn:hover{color:#64748b}html.dark .auth-back-btn:hover{color:#fff9}#back-to-methods.auth-back-btn{justify-content:center;margin-top:0}.tfa-code-input{letter-spacing:.3em;text-align:center;padding:1rem .75rem;font-family:JetBrains Mono,monospace;font-size:1.5rem;font-weight:700}.tfa-code-input::placeholder{letter-spacing:0;font-size:.875rem}html:not(.dark) .auth-form h2{color:#18181b}html:not(.dark) .reg-input{color:#18181b;background:#fff;border-color:#e4e4e7}html:not(.dark) .reg-input::-moz-placeholder{color:#94a3b8}html:not(.dark) .reg-input::placeholder{color:#94a3b8}html:not(.dark) .reg-input:focus{border-color:rgb(var(--color-primary));box-shadow:0 0 0 3px rgba(var(--color-primary)/.25);background:#fff}html:not(.dark) .method-btn-email,html:not(.dark) .method-btn-oauth{color:#475569;background:#fff;border-color:#e4e4e7}html:not(.dark) .strength-seg:not([class*=s-]){background:#e2e8f0}html:not(.dark) #toggle-password{color:#94a3b8}html:not(.dark) #toggle-password:hover{color:#475569;background:#0000000d}html:not(.dark) #back-to-methods,html:not(.dark) #back-to-login-from-forgot,html:not(.dark) #back-to-login-from-tfa{color:#64748b;background:0 0;border:none}html:not(.dark) #back-to-methods:hover,html:not(.dark) #back-to-login-from-forgot:hover,html:not(.dark) #back-to-login-from-tfa:hover{color:#18181b}html:not(.dark) #method-error,html:not(.dark) #forgot-error,html:not(.dark) #tfa-error{background:#ef444412;border-color:#ef44442e}html:not(.dark) .tfa-code-input{color:#18181b;background:#f8fafc;border-color:#e4e4e7}html:not(.dark) .tfa-code-input:focus{border-color:rgb(var(--color-primary));box-shadow:0 0 0 3px rgba(var(--color-primary)/.25);background:#fff}.reauth-card{background:#fff;border:1px solid #e2e8f0e6;border-radius:1.5rem;overflow:hidden;box-shadow:0 1px 2px #0f172a0a,0 24px 48px -12px #0f172a1f}html.dark .reauth-card{-webkit-backdrop-filter:blur(20px)saturate(140%);backdrop-filter:blur(20px)saturate(140%);background:#111827b8;border-color:#ffffff14;box-shadow:inset 0 1px #ffffff0d,0 24px 48px -12px #0000008c}.reauth-header{background:#f8fafccc;border-bottom:1px solid #e2e8f0e6;align-items:center;gap:.625rem;padding:.875rem 1.5rem;display:flex}html.dark .reauth-header{background:#ffffff08;border-bottom-color:#ffffff14}.admin-label{letter-spacing:.15em;text-transform:uppercase;color:#64748b;margin-bottom:.45rem;font-size:.625rem;font-weight:900;display:block}html.dark .admin-label{color:#ffffff73}.reauth-input{border-radius:.9rem;transition:border-color .2s,background .2s,box-shadow .2s}.reauth-input:focus{box-shadow:0 0 0 3px rgba(var(--color-primary)/.25), 0 6px 18px -8px rgba(var(--color-primary)/.35)}.reauth-btn{text-transform:uppercase;letter-spacing:.14em;cursor:pointer;border:1px solid rgb(var(--color-primary));background:linear-gradient(180deg, rgb(var(--color-primary)), color-mix(in srgb, rgb(var(--color-primary)) 84%, #000));color:#fff;width:100%;box-shadow:inset 0 1px 0 #ffffff2e, 0 10px 24px -8px rgba(var(--color-primary)/.55);border-radius:1rem;padding:.875rem 1rem;font-size:.6875rem;font-weight:900;transition:transform .12s cubic-bezier(.22,1,.36,1),box-shadow .12s,background .15s,filter .15s}.reauth-btn:hover:not(:disabled){filter:brightness(1.06);box-shadow:inset 0 1px 0 #ffffff2e, 0 14px 28px -8px rgba(var(--color-primary)/.6);transform:translateY(-1px)}.reauth-btn:active:not(:disabled){box-shadow:inset 0 0 4px #0003, 0 6px 16px -8px rgba(var(--color-primary)/.55);filter:brightness(.98);transform:translateY(1px)}.reauth-btn.success{background:linear-gradient(#10b981,#0a8a63);border-color:#10b981;box-shadow:inset 0 1px #ffffff2e,0 10px 24px -8px #10b9818c}@media (width<=480px){.auth-panel{padding:1.25rem 1rem}.auth-form-inner{padding:1.25rem}.auth-mobile-logo{margin-bottom:1.25rem}.auth-brand-heading{font-size:1.5rem}.auth-form h2{font-size:1.3rem!important}.tfa-code-input{padding:.75rem .5rem;font-size:1.25rem}}.auth-mobile-logo,.auth-mobile-back{align-self:center}.auth-form{margin-left:auto;margin-right:auto}