.authpg{--g1:var(--accent);--g2:var(--cat-product);--g3:var(--cat-eng);--grad:linear-gradient(90deg, var(--g1), var(--g2), var(--g3));--au-ease:cubic-bezier(.2, .8, .3, 1);--au-fast:.18s;flex:1;justify-content:center;align-items:flex-start;padding:30px 16px 40px;line-height:1.8;display:flex}.authpg .num{font-variant-numeric:tabular-nums}.authpg .orbs{z-index:-1;pointer-events:none;position:fixed;inset:0;overflow:hidden}.authpg .orb{filter:blur(70px);opacity:.35;border-radius:50%;position:absolute}.authpg .orb.o1{background:var(--g1);top:-140px;width:420px;height:420px;inset-inline-start:-120px}.authpg .orb.o2{background:var(--g2);bottom:-120px;width:360px;height:360px;inset-inline-end:-100px}.authpg .orb.o3{background:var(--g3);top:38%;width:260px;height:260px;inset-inline-end:14%}@media (prefers-color-scheme:dark){:root:not(.mode-light) .authpg .orb{opacity:.22}}.mode-dark .authpg .orb{opacity:.22}@media (prefers-reduced-transparency:reduce){.authpg .orbs{display:none}}.authpg .authcard{background:var(--surface);border:1px solid var(--border);width:min(430px,100%);box-shadow:var(--sh-lift);border-radius:20px;padding:24px 26px 22px;position:relative;overflow:hidden}.authpg .authcard:before{content:"";background:var(--grad);border-radius:99px;height:2.5px;position:absolute;top:0;left:18px;right:18px}@keyframes au-shake{20%{transform:translate(6px)}40%{transform:translate(-6px)}60%{transform:translate(4px)}80%{transform:translate(-3px)}}.authpg .shake{animation:au-shake .4s var(--au-ease)}.authpg .vh{margin-bottom:14px}.authpg .vh h1{font-size:19px;font-weight:800}.authpg .vh p{color:var(--fg-muted);margin-top:2px;font-size:12.5px}.authpg .vh p b{color:var(--fg);direction:ltr;unicode-bidi:isolate}.authpg .field{margin-bottom:12px}.authpg .field label{color:var(--fg-muted);margin-bottom:5px;font-size:12px;font-weight:700;display:block}.authpg .field label .hint{color:var(--fg-faint);font-weight:500}.authpg .inwrap{position:relative}.authpg .inwrap input{width:100%;font:inherit;color:var(--fg);background:var(--surface-2);border:1.5px solid var(--border);transition:border-color var(--au-fast), box-shadow var(--au-fast);border-radius:12px;padding:12px 14px;font-size:14px}.authpg .inwrap input::placeholder{color:var(--fg-faint)}.authpg .inwrap input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);outline:none}.authpg .inwrap.ltr input{text-align:left;direction:ltr}.authpg .inwrap.ltr.hastail input{padding-left:48px}.authpg .inwrap input[type=tel]{font-variant-numeric:tabular-nums;letter-spacing:.4px}.authpg .inwrap .tail{top:50%;width:30px;height:30px;color:var(--fg-faint);cursor:pointer;transition:color var(--au-fast), background var(--au-fast), transform .12s;background:0 0;border:0;border-radius:9px;place-items:center;display:grid;position:absolute;inset-inline-end:10px;transform:translateY(-50%)}@media (hover:hover){.authpg .inwrap .tail:hover{color:var(--fg);background:color-mix(in srgb, var(--surface) 70%, transparent)}}.authpg .inwrap .tail:active{transform:translateY(-50%)scale(.92)}.authpg .pwreq{flex-wrap:wrap;gap:6px 14px;margin-top:8px;display:flex}.authpg .pwreq span{color:var(--fg-faint);transition:color var(--au-fast);align-items:center;gap:5px;font-size:11px;display:inline-flex}.authpg .pwreq span.ok{color:var(--g3)}.authpg .cta{cursor:pointer;background:var(--accent);width:100%;color:var(--on-primary);font:inherit;box-shadow:0 10px 26px -10px color-mix(in srgb, var(--accent) 55%, transparent);transition:transform .12s var(--au-ease), filter var(--au-fast), opacity var(--au-fast);border:0;border-radius:13px;justify-content:center;align-items:center;gap:9px;margin-top:14px;padding:13px 18px;font-size:14px;font-weight:800;display:inline-flex}@media (hover:hover){.authpg .cta:hover{filter:brightness(1.06)}}.authpg .cta:active{transform:scale(.98)}.authpg .cta:disabled{opacity:.6;cursor:progress}.authpg .cta .tri-loader i{background:currentColor}.authpg .formerr{background:var(--danger-bg);border:1px solid color-mix(in srgb, var(--danger) 35%, transparent);color:var(--danger);border-radius:12px;align-items:flex-start;gap:9px;margin-bottom:12px;padding:10px 13px;font-size:12.5px;display:flex}.authpg .formerr svg{flex:none;margin-top:4px}.authpg .sub{color:var(--fg-muted);margin-top:6px;font-size:12.5px;line-height:2}.authpg .sub b{color:var(--fg);font-weight:700}.authpg .field2col{grid-template-columns:1fr 1fr;gap:10px;display:grid}.authpg .hintline{color:var(--fg-faint)}.authpg .linkline{text-align:center;color:var(--fg-muted);margin-top:14px;font-size:12.5px}.authpg .linkline a,.authpg .linkline button{color:var(--accent-fg);cursor:pointer;font-weight:700;font:inherit;font-size:inherit;background:0 0;border:0}.authpg .chkrow{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:flex-start;gap:10px;margin:10px 0 0;display:flex;position:relative}.authpg .chkrow input{top:3px;opacity:0;cursor:pointer;width:20px;height:20px;margin:0;position:absolute;inset-inline-start:0}.authpg .cbox{border:1.5px solid var(--border-brand);background:var(--surface);color:#0000;width:20px;height:20px;transition:background var(--au-fast), border-color var(--au-fast), color var(--au-fast), transform .12s;border-radius:6px;flex:none;place-items:center;margin-top:3px;display:grid}.authpg .chkrow:active .cbox{transform:scale(.9)}.authpg .chkrow input:checked+.cbox{background:var(--accent);border-color:var(--accent);color:var(--on-primary)}.authpg .chkrow input:focus-visible+.cbox{outline:2px solid var(--ring);outline-offset:2px}.authpg .chkrow p{color:var(--fg-muted);font-size:12px}.authpg .chkrow p a{color:var(--accent-fg);font-weight:700}.authpg .doneic{background:var(--teal-bg);border:1px solid color-mix(in srgb, var(--teal-fg) 25%, transparent);width:64px;height:64px;color:var(--teal-fg);border-radius:22px;place-items:center;margin:6px auto 14px;display:grid}.authpg .doneic.brand{background:var(--accent-tint);border-color:var(--border-brand);color:var(--accent-fg)}.authpg .donev h1{text-align:center;font-size:19px;font-weight:800}.authpg .donev p{text-align:center;color:var(--fg-muted);margin-top:4px;font-size:13px}.authpg :is(button,a):focus-visible{outline:2px solid var(--ring);outline-offset:2px}.authpg .galt button[type=submit]{border:1px solid var(--border);background:var(--surface);transition:border-color var(--au-fast), transform .12s;border-radius:12px;padding:11px 16px;font-size:13px;font-weight:700}@media (hover:hover){.authpg .galt button[type=submit]:hover{border-color:var(--border-brand);background:var(--surface)}}.authpg .galt button[type=submit]:active{transform:scale(.98)}.authpg .legacy-field label span{color:var(--fg-faint);font-weight:500}.authpg .legacy-field input{width:100%;color:var(--fg);background:var(--surface-2);border:1.5px solid var(--border);transition:border-color var(--au-fast), box-shadow var(--au-fast);border-radius:12px;padding:12px 14px;font-size:14px}.authpg .legacy-field input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);outline:none}.authpg .legacy-resend{margin-top:14px}.authpg .legacy-resend button{color:var(--accent-fg);font-size:12.5px;font-weight:700;text-decoration:none}@media (max-width:480px){.authpg .authcard{border-radius:18px;padding:20px 16px 18px}.authpg .inwrap input,.authpg .legacy-field input{font-size:16px}}@media (prefers-reduced-motion:reduce){.authpg *,.authpg :before,.authpg :after{transition:none!important;animation:none!important}}.authpg .chead{justify-content:space-between;align-items:center;min-height:34px;margin-bottom:6px;display:flex}.authpg .backb{color:var(--fg-muted);cursor:pointer;visibility:hidden;transition:background var(--fast,.15s);background:0 0;border:none;border-radius:99px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;display:inline-flex}.authpg .backb.show{visibility:visible}@media (hover:hover){.authpg .backb:hover{background:var(--surface-2)}}.authpg .dots{gap:5px;display:flex}.authpg .dots i{background:var(--border);width:6px;height:6px;transition:width .3s var(--ease,ease), background .3s;border-radius:99px}.authpg .dots i.on{background:var(--accent);width:18px}.authpg .dots i.done{background:var(--border-strong)}.authpg .seg{background:var(--surface-2);border:1px solid var(--border);border-radius:999px;gap:4px;margin-bottom:14px;padding:4px;display:flex;position:relative}.authpg .seg button{z-index:1;color:var(--fg-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:999px;flex:1;justify-content:center;align-items:center;gap:7px;padding:8px 10px;font-family:inherit;font-size:13px;transition:color .25s,transform .18s;display:inline-flex;position:relative}.authpg .seg button:active{transform:scale(.97)}.authpg .seg button.on{color:var(--fg);background:var(--surface);border-color:var(--border-strong);font-weight:700;box-shadow:0 1px 2px #12162e0a}.authpg .seg button svg{width:15px;height:15px}.authpg .soon{background:var(--accent-tint);color:var(--accent-tint-fg);white-space:nowrap;border-radius:99px;padding:1px 7px;font-size:9.5px;font-weight:700}.authpg .phone{direction:ltr;display:flex}.authpg .phone .ccbtn{background:var(--surface-2);border:1.5px solid var(--border);color:var(--fg);font-variant-numeric:tabular-nums;border-right:0;border-radius:12px 0 0 12px;align-items:center;gap:7px;padding:0 12px;font-size:13.5px;display:inline-flex}.authpg .phone input{background:var(--surface-2);border:1.5px solid var(--border);min-width:0;color:var(--fg);direction:ltr;border-radius:0 12px 12px 0;flex:1;padding:12px 14px;font-family:inherit;font-size:14px}.authpg .phone input::placeholder{color:var(--fg-faint)}.authpg .soonhint{color:var(--fg-faint);margin-top:8px;font-size:11.5px;line-height:1.9}.authpg .altb{border:1px solid var(--border);background:var(--surface);width:100%;color:var(--fg-muted);border-radius:12px;justify-content:center;align-items:center;gap:10px;margin-top:10px;padding:11px 16px;font-family:inherit;font-size:13px;font-weight:700;display:flex}.authpg .altb:disabled{cursor:not-allowed;opacity:.75}.authpg .altb svg{width:16px;height:16px}.authpg .methods{gap:9px;display:grid}.authpg .mbtn{border:1.5px solid var(--border);background:var(--surface-2);width:100%;color:var(--fg);text-align:start;cursor:pointer;transition:border-color var(--au-fast), transform .12s, background var(--au-fast);border-radius:13px;align-items:center;gap:12px;padding:13px 15px;font-family:inherit;display:flex}@media (hover:hover){.authpg .mbtn:hover{border-color:var(--border-strong)}}.authpg .mbtn:active{transform:scale(.98)}.authpg .mbtn:disabled{cursor:progress;opacity:.6}.authpg .mbtn .mic{background:var(--surface);border:1px solid var(--border);width:38px;height:38px;color:var(--accent-fg);border-radius:11px;flex:none;place-items:center;display:grid}.authpg .mbtn b{font-size:13.5px;font-weight:800;display:block}.authpg .mbtn>span>span{color:var(--fg-faint);margin-top:2px;font-size:11.5px;font-weight:500;display:block}.authpg .mbtn.primary{border-color:var(--accent);background:var(--accent-tint)}.authpg .mbtn.primary b{color:var(--accent-tint-fg)}.authpg .mbtn.primary .mic{border-color:var(--border-strong)}.authpg .otp{direction:ltr;justify-content:center;gap:8px;margin:6px 0 4px;display:flex}.authpg .otp input{text-align:center;font-variant-numeric:tabular-nums;width:46px;min-width:0;height:54px;color:var(--fg);background:var(--surface-2);border:1.5px solid var(--border);transition:border-color var(--au-fast), box-shadow var(--au-fast), transform .12s;border-radius:12px;font-family:inherit;font-size:20px;font-weight:800}.authpg .otp input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 14%, transparent);outline:none;transform:translateY(-1px)}.authpg .otp input.filled{border-color:var(--g3)}.authpg .otpwrap.err .otp input{border-color:var(--danger)}@media (max-width:420px){.authpg .otp{gap:5px}.authpg .otp input{width:100%;height:50px;font-size:17px}}.authpg .magic{color:var(--fg-faint);justify-content:center;align-items:center;gap:7px;margin-top:12px;font-size:11.5px;display:flex}.authpg .ferr{color:var(--danger);align-items:center;gap:6px;margin-top:5px;font-size:11.5px;display:none}.authpg .field.err .ferr{display:flex}.authpg a.altb{text-decoration:none}@media (hover:hover){.authpg .altb:not(:disabled):hover{border-color:var(--border-strong);color:var(--fg)}}.authpg .sub-change{color:var(--accent-fg);cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:700}.authpg .sub-change:hover{text-decoration:underline}.authpg label .opt{color:var(--fg-faint);font-size:11px;font-weight:400}