.auth-v5{--auth-field:color-mix(in srgb, var(--np-surface) 38%, var(--np-raised));background:radial-gradient(ellipse at 80% 0, #5686ff0c, transparent 60%), var(--np-canvas);min-height:100svh;font-family:var(--np-font-sans);padding:clamp(24px,6vh,72px) 32px 24px;display:flex;position:relative}html[data-theme=dark] .auth-v5{--auth-field:#10182b;--np-ink-faint:#95a5c7}.auth-v5__wrap{width:min(100%,1120px);min-width:0;margin:auto}.auth-v5__panel{isolation:isolate;border:1px solid var(--np-line-strong);background:var(--np-raised);border-radius:24px;position:relative;box-shadow:0 30px 100px -40px #14244225}html[data-theme=dark] .auth-v5__panel{background:#080f20;box-shadow:0 30px 100px -40px #0009}.auth-v5__panel:after{content:"";z-index:-1;background:var(--np-line);pointer-events:none;width:1px;position:absolute;top:0;bottom:0;left:56%}.auth-v5__header{z-index:60;justify-content:space-between;align-items:center;gap:16px;padding:28px 36px 24px 44px;display:flex;position:relative}.auth-v5__brand{color:var(--np-ink);align-items:center;gap:20px;min-height:44px;text-decoration:none;display:inline-flex}.auth-v5__brand>span{font-family:"Manrope", var(--np-font-sans);letter-spacing:-1.1px;font-size:29px;font-weight:700}.auth-v5__brand>span>span{color:#4d82f3}.auth-v5__brand svg{transition:transform .18s}.auth-v5__brand:hover svg{transform:translate(-3px)}.auth-v5__controls{align-items:center;gap:8px;display:flex}.auth-v5__body{grid-template-columns:56% 44%;display:grid}.auth-v5__form{min-width:0;padding:8px 44px 38px}.auth-v5__tabs{background:var(--auth-field);border-color:var(--np-line-strong);border-radius:10px;margin-bottom:28px}.auth-v5__tabs>span{border:1px solid color-mix(in srgb, var(--np-accent) 60%, transparent);background:color-mix(in srgb, var(--np-accent) 14%, transparent);border-radius:7px}.auth-v5__tabs button{min-height:40px;padding:10px 8px}.auth-v5__tabs button[aria-selected=true]{color:var(--np-ink)}.auth-v5__stage{min-width:0}.auth-v5__stage :is(h1,h2){font-family:"Manrope", var(--np-font-sans);letter-spacing:-.8px;margin-bottom:10px;font-size:clamp(27px,2.4vw,34px);font-weight:700;line-height:1.3}.auth-v5__stage h1:focus{outline:none}.auth-v5__stage :is(h1,h2)+p{line-height:1.75}.auth-v5__stage>form>div:first-child,.auth-v5__stage>div:has(>h1){text-align:left;margin-bottom:26px}.auth-v5__form input:not([type=checkbox]):not([type=range]),.auth-v5__form .np-select__trigger{border-color:var(--np-line-strong);background:var(--auth-field);border-radius:9px;min-height:50px;font-size:15px;transition:border-color .16s,box-shadow .16s,background .16s}.auth-v5__form input:not([type=checkbox]):not([type=range]):focus{border-color:var(--np-accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--np-accent) 13%, transparent)}.auth-v5__form label{color:var(--np-ink);font-weight:500}.auth-v5__form [role=checkbox]{width:18px;height:18px}.auth-v5__form [role=checkbox][aria-checked=true]{background:#2463eb;border-color:#2463eb}.auth-v5__form button:has(.lucide-eye),.auth-v5__form button:has(.lucide-eye-off){place-items:center;min-width:44px;min-height:44px;display:grid;right:3px}.auth-v5 button[data-variant=accent]{color:#fff;background:linear-gradient(110deg,#2463d1,#6250d5);border-radius:9px;min-height:48px;padding-inline:20px;font-weight:600;transition:box-shadow .18s,filter .18s,transform .18s;box-shadow:0 5px 16px -8px #3467e680}html[data-theme=light] .auth-v5 button[data-variant=accent]{background:var(--hv4-primary-fill)}.auth-v5 button[data-variant=accent]:hover:not(:disabled){filter:brightness(1.07);box-shadow:0 7px 24px -8px #3467e680}.auth-v5 button[data-variant=accent]:active:not(:disabled){transform:translateY(1px)}.auth-v5__register-heading{margin-bottom:24px}.auth-v5__steps{color:var(--np-ink-faint);align-items:center;gap:12px;margin:24px 0;font-size:12px;display:flex}.auth-v5__steps span{align-items:center;gap:8px;display:flex}.auth-v5__steps b{border:1px solid var(--np-line-strong);border-radius:50%;place-items:center;width:26px;height:26px;font-weight:500;display:grid}.auth-v5__steps [aria-current=step]{color:var(--np-ink)}.auth-v5__steps [aria-current=step] b{color:#fff;background:#2463eb;border-color:#2463eb}.auth-v5__steps:after{content:"";background:var(--np-line);flex:1;height:1px}.auth-v5__aside{align-self:stretch;min-width:0;padding:8px 36px 36px}.auth-v5__workspace{margin-bottom:30px}.auth-v5__help-toggle{display:none}.auth-v5__guide h2{font-family:"Manrope", var(--np-font-sans);letter-spacing:-.5px;padding-bottom:20px;font-size:23px;font-weight:700}.auth-v5__guide-row{border-top:1px solid var(--np-line);align-items:flex-start;gap:16px;padding:22px 0;display:flex}.auth-v5__guide-icon{background:var(--auth-field);width:42px;height:42px;color:var(--np-ink-muted);border-radius:12px;flex-shrink:0;place-items:center;display:grid}.auth-v5__guide-row h3{margin:0 0 7px;font-size:14px;font-weight:600}.auth-v5__guide-row p{color:var(--np-ink-muted);margin:0;font-size:13px;line-height:1.7}.auth-v5__aside #auth-help-content>div>div:last-child{border-top:1px solid var(--np-line);margin-top:0;padding-top:18px}.auth-v5__aside button[aria-controls=auth-ai-assistant-panel]{min-height:58px;box-shadow:none;background:0 0;border:0;border-radius:10px;padding:8px 0}.auth-v5__aside button[aria-controls=auth-ai-assistant-panel]>div>div:first-child{background:var(--auth-field);width:42px;height:42px;color:var(--np-ink-muted);border-radius:12px}.auth-v5__aside button[aria-controls=auth-ai-assistant-panel] svg{color:inherit}.auth-v5__aside button[aria-controls=auth-ai-assistant-panel]:hover{background:var(--np-surface)}.auth-v5__footer{color:var(--np-ink-faint);flex-direction:column;align-items:center;gap:12px;padding:22px 12px 0;font-size:11px;display:flex}.auth-v5__footer nav{gap:24px;font-size:12px;display:flex}.auth-v5__footer a:hover{color:var(--np-accent)}.auth-v5 :is(a,button):focus-visible{outline:2px solid var(--np-accent);outline-offset:4px}.auth-v5__notice{background:color-mix(in srgb, var(--np-error) 9%, transparent);color:var(--np-ink);border-radius:10px;align-items:flex-start;gap:10px;margin-bottom:20px;padding:14px;font-size:14px;display:flex}.auth-v5__notice svg{color:var(--np-error);flex-shrink:0}.auth-v5__status{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:22px;min-height:380px;padding:44px;display:flex}.auth-v5__status h1{font-size:30px;font-weight:700}.auth-v5__status p{max-width:420px;color:var(--np-ink-muted);font-size:15px;line-height:1.8}.auth-v5__form .text-error-light{color:#e57987}html[data-theme=light] .auth-v5__form .text-error-light{color:#be2446}html[data-theme=light] .auth-v5__form .text-success-light{color:#13734e}@media (width<=1023px){.auth-v5{padding:28px 20px 20px}.auth-v5__wrap{max-width:560px}.auth-v5__header{padding:24px 28px}.auth-v5__body{display:block}.auth-v5__panel:after,.auth-v5__workspace{display:none}.auth-v5__form{padding:18px 28px 28px}.auth-v5__aside{padding:0 28px}.auth-v5__help-toggle{border-top:1px solid var(--np-line);text-align:left;align-items:center;gap:12px;width:100%;min-height:72px;padding:16px 0;font-size:14px;display:flex}.auth-v5__help-toggle span{flex:1}.auth-v5__help-toggle>svg:last-child{transition:transform .22s}.auth-v5__help-toggle[aria-expanded=true]>svg:last-child{transform:rotate(180deg)}.auth-v5__guide h2{display:none}.auth-v5__guide-row{padding:18px 0}.auth-v5__aside #auth-help-content>div>div:last-child{padding-bottom:20px}.auth-v5__form input:not([type=checkbox]):not([type=range]),.auth-v5__form .np-select__trigger{font-size:16px}}@media (width<=480px){.auth-v5{padding:0 0 max(20px, env(safe-area-inset-bottom));display:block}.auth-v5__panel{box-shadow:none;border:0;border-radius:0;min-height:calc(100svh - 85px)}html[data-theme=dark] .auth-v5__panel{box-shadow:none}.auth-v5__header{padding:max(20px, env(safe-area-inset-top)) 20px 20px}.auth-v5__brand{gap:12px}.auth-v5__brand>span{font-size:25px}.auth-v5__controls{gap:4px}.auth-v5__controls button{min-width:40px}.auth-v5__form{padding:12px 20px 28px}.auth-v5__aside{padding-inline:20px}.auth-v5__tabs{margin-bottom:28px}.auth-v5__tabs button{padding-inline:5px;font-size:13px}.auth-v5__stage :is(h1,h2){font-size:29px}.auth-v5__form [role=checkbox]+span{font-size:12px}.auth-v5__footer{gap:8px;padding-top:20px}}@media (prefers-reduced-motion:no-preference){.auth-v5__panel{animation:.42s cubic-bezier(.2,.8,.2,1) backwards auth-v5-enter}.auth-v5__stage,.auth-v5__guide{animation:.24s backwards auth-v5-enter}.auth-v5__stage .animate-auth-fade-in{animation:none}@keyframes auth-v5-enter{0%{opacity:0;translate:0 8px}to{opacity:1;translate:none}}}@media (prefers-reduced-motion:reduce){.auth-v5 *,.auth-v5 :before,.auth-v5 :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.auth-v5__assistant-content>div>div{padding-top:12px}.auth-v5__conditional{transition:height .24s cubic-bezier(.2,.8,.2,1),grid-template-rows .24s,opacity .18s,margin .24s}.auth-v5__conditional[data-open=false]{margin-block:0}@media (prefers-reduced-motion:no-preference){.auth-v5__field-swap{animation:.18s backwards auth-v5-enter}}.auth-v5__form input[autocomplete=one-time-code]{letter-spacing:.12em}.auth-v5__loading-brand{font:700 30px "Manrope", var(--np-font-sans);letter-spacing:-1px}.auth-v5__form input[aria-invalid=true]{border-color:var(--np-error)}html[data-theme=light] .auth-v5 .text-green-400{color:#13734e}
