.auth-page{--auth-primary:#4318ff;--auth-primary-dark:#31c;--auth-accent-blue:#1426fc;--auth-accent-cyan:#00c9fd;--auth-surface:#fff;--auth-bg:#f4f6fb;--auth-text:#0f172a;--auth-muted:#64748b;--auth-border:#e2e8f0;--auth-radius:12px;--auth-control-h:48px;width:100%;min-height:100dvh;font-family:var(--font-dmsans,"DM Sans", system-ui, sans-serif);color:var(--auth-text);-webkit-font-smoothing:antialiased;overscroll-behavior:none;-webkit-user-select:none;user-select:none;background:radial-gradient(80% 60% at 20% 10%,#00c9fd59,#0000 55%),radial-gradient(70% 50% at 90% 80%,#4318ff8c,#0000 50%),linear-gradient(155deg,#0b1230 0%,#1426fc 42%,#4318ff 78%,#1a0a5c 100%);display:flex;position:relative}.auth-page input,.auth-page textarea{-webkit-user-select:text!important;user-select:text!important}.auth-page ::selection{color:#0f172a;background:#4318ff38}.auth-brand-panel ::selection{color:#fff;background:#00c9fd4d}.auth-page img{-webkit-user-select:none!important;user-select:none!important;-webkit-user-drag:none!important;pointer-events:none!important}.auth-page:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 85%);mask-image:linear-gradient(#0000008c,#0000 85%)}.auth-page *,.auth-page :before,.auth-page :after{box-sizing:border-box}.auth-form-card{background:#fff;border:1px solid #ffffff40;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 30px 80px -10px #00000073,0 8px 30px -5px #00000040}.auth-route-stage{width:100%;min-height:100dvh;overflow:hidden}.auth-route-stage .auth-anim-layer{scrollbar-width:none;-ms-overflow-style:none;flex-direction:column;flex:1;display:flex;overflow:hidden auto}.auth-route-stage .auth-anim-layer::-webkit-scrollbar{display:none}.auth-step-content{will-change:transform, opacity;flex-direction:column;flex:1;min-height:0;display:flex}.auth-step-content.is-forward{animation:.2s cubic-bezier(.16,1,.3,1) both authFlatSlideForward}.auth-step-content.is-backward{animation:.2s cubic-bezier(.16,1,.3,1) both authFlatSlideBackward}@keyframes authFlatSlideForward{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0,0)}}@keyframes authFlatSlideBackward{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0,0)}}.auth-step-content{scrollbar-width:none;will-change:transform, opacity;flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden auto}.auth-step-content::-webkit-scrollbar{display:none}@keyframes auth-step-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.auth-brand-panel{color:#fff;background:0 0;flex:1.25;min-height:100dvh;padding:48px 56px;display:none;position:relative}.auth-brand-panel__inner{z-index:1;flex-direction:column;justify-content:space-between;width:100%;max-width:680px;height:100%;margin:0 auto;display:flex;position:relative}.auth-brand-panel__top{flex-direction:column;gap:28px;display:flex}.auth-brand-panel__logo{align-items:center;display:inline-flex}.auth-brand-panel__hero{flex-direction:column;align-items:flex-start;display:flex}.auth-brand-panel__eyebrow{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);letter-spacing:.05em;text-transform:uppercase;color:#00c9fd;background:#ffffff1a;border:1px solid #fff3;border-radius:999px;align-items:center;gap:8px;margin:0 0 16px;padding:6px 14px;font-size:.76rem;font-weight:700;display:inline-flex}.auth-eyebrow-dot{background:#00c9fd;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #00c9fd}.auth-brand-panel__title{letter-spacing:-.035em;color:#fff;margin:0 0 16px;font-size:clamp(2.1rem,3vw,2.85rem);font-weight:800;line-height:1.15}.auth-title-gradient{background:linear-gradient(135deg,#60a5fa 0%,#6366f1 50%,#818cf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;display:inline-block}.auth-brand-panel__copy{color:#ffffffe0;max-width:48ch;margin:0 0 24px;font-size:1.05rem;line-height:1.6}.auth-brand-panel__chips{flex-wrap:wrap;gap:10px;display:flex}.auth-feature-chip{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff14;border:1px solid #ffffff29;border-radius:12px;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;font-weight:600;transition:transform .2s,background .2s;display:inline-flex}.auth-feature-chip:hover{background:#ffffff24;transform:translateY(-2px)}.auth-feature-chip i{color:#00c9fd;font-size:.85rem}.auth-brand-panel__mockup-wrapper{border-radius:16px;width:100%;max-width:620px;margin-top:12px;transition:transform .3s;position:relative}.auth-mockup-glow{filter:blur(20px);z-index:0;pointer-events:none;background:radial-gradient(circle,#00c9fd33,#0000 70%);position:absolute;inset:-10px}.auth-brand-mockup-img{z-index:1;object-fit:contain;filter:drop-shadow(0 30px 60px #00000080);width:100%;height:auto;display:block;position:relative}.auth-brand-panel__footer{border-top:1px solid #ffffff1a;justify-content:space-between;align-items:center;gap:16px;padding-top:20px;display:flex}.auth-foot-badge{text-transform:uppercase;letter-spacing:.06em;color:#fffc;background:#ffffff1a;border-radius:6px;padding:4px 10px;font-size:.72rem;font-weight:700}.auth-brand-panel__foot{color:#ffffff8c;font-size:.8rem}.auth-brand-orb{filter:blur(40px);pointer-events:none;opacity:.55;border-radius:50%;position:absolute}.auth-brand-orb--1{background:#00c9fd;width:280px;height:280px;animation:9s ease-in-out infinite auth-orb-float;top:-60px;right:-40px}.auth-brand-orb--2{background:#4318ff;width:220px;height:220px;animation:11s ease-in-out infinite reverse auth-orb-float;bottom:10%;left:-50px}@keyframes auth-orb-float{0%,to{transform:translateY(0)}50%{transform:translateY(18px)}}.auth-form-panel{min-height:100dvh;padding:max(24px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(24px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:0 0;flex-direction:column;flex:1;justify-content:center;align-items:center;display:flex}.auth-form-card{background:#fff;border:1px solid #fff3;border-radius:20px;width:100%;max-width:580px;padding:36px 32px 28px;box-shadow:0 20px 60px -10px #00000059,0 4px 16px #00000026}.auth-form-row{gap:16px;display:flex}.auth-form-row>*{flex:1}@media (max-width:600px){.auth-form-row{flex-direction:column;gap:0}}.auth-mobile-brand{flex-direction:column;align-items:center;gap:10px;margin-bottom:28px;display:flex}.auth-mobile-brand__mark{background:linear-gradient(145deg,#1426fc14,#4318ff1f);border:1px solid #4318ff1f;border-radius:14px;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.auth-mobile-brand__mark svg{width:30px;height:30px}.auth-mobile-brand .auth-brand-logo{width:auto;height:32px}.auth-desktop-brand{justify-content:center;margin-bottom:18px;display:none}.auth-desktop-brand .auth-brand-logo{width:auto;height:36px}.auth-chrome-row{justify-content:space-between;align-items:center;gap:12px;min-height:36px;margin-bottom:10px;display:flex}.auth-back-btn{border:1px solid var(--auth-border);height:36px;color:var(--auth-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:#fff;border-radius:10px;align-items:center;gap:8px;padding:0 12px;font-family:inherit;font-size:.8rem;font-weight:600;transition:background .15s,border-color .15s,color .15s;display:inline-flex}.auth-back-btn:hover{color:var(--auth-text);background:#f8fafc}.auth-back-btn:active{transform:scale(.97)}.auth-step-badge{color:var(--auth-primary);background:#4318ff14;border:1px solid #4318ff24;border-radius:999px;margin-left:auto;padding:6px 12px;font-size:.72rem;font-weight:700}.auth-progress{gap:6px;margin-bottom:10px;display:grid}.auth-progress__seg{background:#e2e8f0;border-radius:999px;height:3px;transition:background .2s}.auth-progress__seg.is-done{background:#818cf8}.auth-progress__seg.is-active{background:var(--auth-primary)}.auth-header{text-align:center;margin-bottom:12px}.auth-header__icon{width:48px;height:48px;color:var(--auth-primary);background:#4318ff14;border:1px solid #4318ff24;border-radius:14px;justify-content:center;align-items:center;margin:0 auto 14px;font-size:1.15rem;display:flex}.auth-header__icon.is-success{color:#059669;background:#ecfdf5;border-color:#a7f3d0}.auth-header__title{letter-spacing:-.025em;color:var(--auth-text);margin:0 0 8px;font-size:clamp(1.4rem,3.5vw,1.65rem);font-weight:700;line-height:1.2}.auth-header__subtitle{color:var(--auth-muted);margin:0;font-size:.9rem;line-height:1.6}.auth-header__subtitle strong{color:var(--auth-text);font-weight:700}.auth-alert{white-space:pre-line;border-radius:12px;align-items:flex-start;gap:10px;margin-bottom:16px;padding:12px 14px;font-size:.85rem;line-height:1.5;display:flex}.auth-alert--error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca}.auth-alert--success{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.auth-alert i{flex-shrink:0;margin-top:2px}.auth-field{flex-direction:column;gap:6px;margin-bottom:0;display:flex}.auth-field__label-row{justify-content:space-between;align-items:center;gap:8px;display:flex}.auth-field__label{color:#475569;font-size:.84rem;font-weight:600}.auth-input-wrap{width:100%;position:relative}.auth-input{width:100%;height:var(--auth-control-h);border:1px solid var(--auth-border);color:var(--auth-text);appearance:none;background:#fff;border-radius:12px;outline:none;padding:0 14px;font-family:inherit;font-size:1rem;transition:border-color .15s,box-shadow .15s}.auth-input::placeholder{color:#94a3b8}.auth-input:hover{border-color:#cbd5e1}.auth-input:focus{border-color:var(--auth-primary);box-shadow:0 0 0 3px #4318ff1f}.auth-input.has-icon{padding-left:42px}.auth-input.has-trailing{padding-right:44px}.auth-input.is-otp{letter-spacing:.35em;text-align:center;padding-left:14px;padding-right:14px;font-size:1.15rem;font-weight:700}.auth-input-icon{color:#94a3b8;pointer-events:none;font-size:.9rem;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.auth-input-trailing{color:#64748b;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-family:inherit;font-size:.9rem;display:inline-flex;position:absolute;top:50%;right:10px;transform:translateY(-50%)}.auth-input-trailing:hover{color:var(--auth-text);background:#f1f5f9}.auth-input-trailing:active{transform:translateY(-50%)scale(.96)}.auth-strength{margin-top:8px}.auth-strength__bars{gap:4px;margin-bottom:6px;display:flex}.auth-strength__bar{background:#e5e7eb;border-radius:999px;flex:1;height:3px;transition:background .2s}.auth-strength__label{font-size:.72rem;font-weight:600}.auth-remember-row{justify-content:space-between;align-items:center;gap:12px;margin:4px 0 16px;display:flex}.auth-check{cursor:pointer;color:var(--auth-muted);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.84rem;display:inline-flex}.auth-check input{width:16px;height:16px;accent-color:var(--auth-primary);cursor:pointer}.auth-text-link{color:var(--auth-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;padding:0;font-family:inherit;font-size:.84rem;font-weight:600;text-decoration:none;display:inline-flex}.auth-text-link:hover{color:var(--auth-primary-dark)}.auth-text-link:disabled{opacity:.55;cursor:not-allowed}.auth-terms{cursor:pointer;color:var(--auth-muted);align-items:flex-start;gap:10px;margin:4px 0 18px;font-size:.82rem;line-height:1.5;display:flex}.auth-terms input{width:16px;height:16px;accent-color:var(--auth-primary);cursor:pointer;flex-shrink:0;margin-top:3px}.auth-terms a{color:var(--auth-primary);text-underline-offset:2px;font-weight:600;text-decoration:underline}.auth-inline-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;display:flex}.auth-submit{width:100%;height:var(--auth-control-h);background:var(--auth-primary);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:4px;font-family:inherit;font-size:.95rem;font-weight:700;transition:background .15s,transform .12s,opacity .15s;display:inline-flex}.auth-submit:hover:not(:disabled){background:var(--auth-primary-dark)}.auth-submit:active:not(:disabled){transform:scale(.985)}.auth-submit:disabled{opacity:.65;cursor:not-allowed}.auth-submit--success{background:#059669}.auth-submit--success:hover:not(:disabled){background:#047857}.auth-card-footer{border-top:1px solid var(--auth-border);text-align:center;color:var(--auth-muted);margin-top:22px;padding-top:18px;font-size:.87rem}.auth-card-footer a{color:var(--auth-primary);margin-inline-start:4px;font-weight:700;text-decoration:none}.auth-card-footer a:hover{color:var(--auth-primary-dark)}.auth-legal-links{justify-content:center;gap:16px;margin-top:14px;display:flex}.auth-legal-links a{color:#94a3b8;font-size:.78rem;text-decoration:none}.auth-legal-links a:hover{color:var(--auth-muted)}.auth-brand-panel__mockup{filter:drop-shadow(0 20px 40px #0006);width:100%;max-width:480px;margin-top:18px;transition:transform .3s}.auth-brand-mockup-img{object-fit:contain;width:100%;height:auto;display:block}@media (min-width:901px){.auth-brand-panel{display:flex}.auth-form-panel{padding:32px 48px;background:0 0!important}.auth-form-card{border-radius:24px;flex-direction:column;width:540px;height:680px;padding:32px 40px 24px;display:flex;overflow:hidden;box-shadow:0 30px 80px -10px #00000073,0 8px 30px -5px #00000040,0 0 0 1px #ffffff40}.auth-mobile-brand{display:none}.auth-desktop-brand{display:flex}}@media (max-width:900px){.auth-page{background:var(--auth-surface)}.auth-form-panel{min-height:100dvh;padding:max(16px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) max(20px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));background:var(--auth-surface);justify-content:flex-start}.auth-form-card{max-width:100%;box-shadow:none;min-height:calc(100dvh - 36px - env(safe-area-inset-top) - env(safe-area-inset-bottom));background:0 0;border:none;border-radius:0;flex-direction:column;flex:1;padding:8px 0 0;display:flex}.auth-form-card__body{flex:1}.auth-mobile-brand{margin-top:12px;margin-bottom:32px}.auth-mobile-brand__mark{border-radius:16px;width:56px;height:56px}.auth-header{text-align:left;margin-bottom:28px}.auth-header__icon{margin-left:0;margin-right:0}.auth-header__title{font-size:1.55rem}.auth-card-footer{border-top:none;margin-top:auto;padding-top:28px}.auth-submit{border-radius:14px;height:52px;font-size:1rem}.auth-input{border-radius:14px;height:52px;font-size:16px}.auth-input.is-otp{letter-spacing:.4em;font-size:1.25rem}}@media (max-width:900px) and (max-height:700px){.auth-mobile-brand{margin-top:4px;margin-bottom:16px}.auth-mobile-brand__mark{display:none}.auth-header{margin-bottom:16px}}@media (prefers-reduced-motion:reduce){.auth-route-stage .auth-form-card{transition:none}.auth-route-stage.is-exiting .auth-form-card,.auth-route-stage.is-entering .auth-form-card{transform:none}.auth-step-content,.auth-brand-orb{animation:none}}html.auth-v2,html.auth-v2 body{background:var(--auth-bg,#f4f6fb);height:100%;overflow:hidden!important}@media (max-width:900px){html.auth-v2,html.auth-v2 body{background:#fff;height:auto;overflow:auto!important}}