.sup-auth{color-scheme:light;--bg: #F5F6F8;--bg-2: #ECEEF2;--surface: #FFFFFF;--surface-2: #F8F9FB;--fill: #EEF0F4;--ink: #0A0D14;--ink-2: #3C4250;--ink-3: #6B7280;--ink-4: #9AA1AE;--line: #E6E8EE;--line-2: #D6DAE2;--primary: #2563EB;--primary-strong: #1D4ED8;--primary-soft: #EEF3FE;--primary-text: #1F54C8;--ok: #16A34A;--ok-soft: #E8F7EE;--ok-text: #15803D;--warn: #D97706;--warn-soft: #FDF3E1;--warn-text: #9A5205;--bad: #DC2626;--bad-soft: #FDECEC;--bad-text: #B91C1C;--violet-soft: #F1ECFE;--violet-text: #6D28D9;--sh-1: 0 1px 2px rgba(10,13,20,.05);--sh-2: 0 1px 2px rgba(10,13,20,.04), 0 8px 24px -12px rgba(10,13,20,.18);--sh-3: 0 24px 60px -20px rgba(10,13,20,.35);--font: "Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-ar: "Readex Pro", "Geist", ui-sans-serif, system-ui, sans-serif;--mono: "Geist Mono", ui-monospace, Menlo, monospace;--ease: cubic-bezier(.2,.8,.2,1);--r-sm: 8px;--r-md: 12px;--r-lg: 16px;--r-xl: 20px;--hairline: 1px solid color-mix(in srgb, var(--ink) 8%, transparent);--ease-pop: cubic-bezier(.2,.8,.2,1);--dur-pop: .22s;--ease-sheet: cubic-bezier(.32,.72,0,1);--dur-sheet: .38s}.sup-auth[data-theme=dark]{color-scheme:dark;--bg: #07090F;--bg-2: #0E121B;--surface: #11151F;--surface-2: #161B27;--fill: #1B2130;--ink: #F2F4F9;--ink-2: #C2C8D4;--ink-3: #98A1B3;--ink-4: #6F7789;--line: #1F2534;--line-2: #2A3142;--primary: #4F80F0;--primary-strong: #2563EB;--primary-soft: rgba(79,128,240,.15);--primary-text: #8EB0F6;--ok: #22C55E;--ok-soft: rgba(34,197,94,.14);--ok-text: #4ADE80;--warn: #F0A030;--warn-soft: rgba(240,160,48,.14);--warn-text: #F6BD62;--bad: #F87171;--bad-soft: rgba(248,113,113,.14);--bad-text: #FCA5A5;--violet-soft: rgba(139,92,246,.16);--violet-text: #C4B5FD;--sh-1: 0 1px 2px rgba(0,0,0,.4);--sh-2: 0 1px 2px rgba(0,0,0,.4), 0 8px 24px -12px rgba(0,0,0,.6);--sh-3: 0 24px 60px -20px rgba(0,0,0,.8)}.sup-auth{min-height:100vh;background:var(--bg);color:var(--ink);font:400 14px/20px var(--font);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums;text-align:start}html[lang=ar] .sup-auth{font-family:var(--font-ar)}.sup-auth *,.sup-auth *:before,.sup-auth *:after{box-sizing:border-box}.sup-auth h1,.sup-auth h2,.sup-auth h3{font-family:inherit;font-weight:700}.sup-auth a{color:inherit;text-decoration:none}.sup-auth button,.sup-auth input,.sup-auth select,.sup-auth textarea{font:inherit;color:inherit}.sup-auth .lucide{width:18px;height:18px;stroke-width:1.8;flex:none}.sup-auth .mono{font-family:var(--mono)}.sup-auth .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sup-auth :focus-visible{outline:2px solid var(--primary);outline-offset:2px;border-radius:8px}.sup-auth .muted{color:var(--ink-3)}html[dir=rtl] .sup-auth .rtl-flip{transform:scaleX(-1)}.sup-auth .b{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 15px;border:1px solid transparent;border-radius:var(--r-sm);background:var(--fill);color:var(--ink);font-size:14px;font-weight:600;white-space:nowrap;cursor:pointer;text-decoration:none;transition:background .15s,border-color .15s,transform .1s,opacity .15s,box-shadow .15s}.sup-auth .b:active{transform:scale(.97)}.sup-auth .b:hover{background:var(--bg-2)}.sup-auth .b.pri{background:var(--primary);color:#fff;box-shadow:inset 0 1px #ffffff2e}.sup-auth .b.pri:hover{background:var(--primary-strong)}.sup-auth .b.line{background:var(--surface);border-color:var(--line-2)}.sup-auth .b.line:hover{border-color:var(--ink-4)}.sup-auth .b.plain{background:none;color:var(--primary-text);padding:0 8px}.sup-auth .b.plain:hover{background:var(--primary-soft)}.sup-auth .b.danger{background:var(--bad-soft);color:var(--bad-text)}.sup-auth .b.danger:hover{background:var(--bad);color:#fff}.sup-auth .b.lgb{height:44px;padding:0 20px;font-size:15px;border-radius:var(--r-md);gap:8px}.sup-auth .b.sm{height:32px;padding:0 12px;font-size:13.5px;border-radius:var(--r-sm)}.sup-auth .b.full{width:100%}.sup-auth .b.icon{width:36px;padding:0}.sup-auth .b.lgb.icon{width:44px}.sup-auth .b.sm.icon{width:32px}.sup-auth .b[disabled],.sup-auth .b.busy{opacity:.55;pointer-events:none}.sup-auth .b.busy:after{content:"";width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:auth-spin .7s linear infinite}@keyframes auth-spin{to{transform:rotate(360deg)}}.sup-auth .au-spin{display:block;width:28px;height:28px;margin:0 auto 18px;border:2.5px solid var(--primary);border-right-color:transparent;border-radius:50%;animation:auth-spin .7s linear infinite}.sup-auth .ib{position:relative;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:var(--r-sm);background:none;color:var(--ink-2);cursor:pointer;transition:background .15s,transform .1s}.sup-auth .ib:hover{background:var(--fill)}.sup-auth .ib:active{transform:scale(.94)}.sup-auth .ib[aria-label]:after{content:attr(aria-label);position:absolute;bottom:calc(100% + 9px);left:50%;transform:translate(-50%,4px);padding:5px 9px;border-radius:6px;background:#11151f;color:#fff;font-size:12px;font-weight:500;line-height:1.3;white-space:nowrap;max-width:220px;opacity:0;pointer-events:none;box-shadow:var(--sh-2);z-index:60;transition:opacity .12s ease,transform .12s ease;transition-delay:0s}.sup-auth .au-top .ib[aria-label]:after{bottom:auto;top:calc(100% + 9px);transform:translate(-50%,-4px)}.sup-auth .ib[aria-label]:hover:after,.sup-auth .ib[aria-label]:focus-visible:after{opacity:1;transform:translate(-50%);transition-delay:.4s}.sup-auth[data-theme=dark] .ib[aria-label]:after{background:#262c3a}.sup-auth .f{display:grid;gap:6px;margin-bottom:16px}.sup-auth .f>label{font-size:13.5px;font-weight:600;color:var(--ink-2)}.sup-auth .f .opt{font-weight:400;color:var(--ink-4)}.sup-auth .in{display:flex;align-items:center;gap:10px;height:40px;padding:0 13px;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);transition:border-color .15s,box-shadow .15s}.sup-auth .in:focus-within{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.sup-auth .in input,.sup-auth .in select,.sup-auth .in textarea{flex:1;min-width:0;height:100%;padding:0;border:0;outline:0;background:none;box-shadow:none;font-size:14.5px;color:var(--ink)}.sup-auth .in input[readonly]{color:var(--ink-3)}.sup-auth .in input::-moz-placeholder,.sup-auth .in textarea::-moz-placeholder{color:var(--ink-4);opacity:1}.sup-auth .in input::placeholder,.sup-auth .in textarea::placeholder{color:var(--ink-4);opacity:1}.sup-auth .in select{-moz-appearance:none;appearance:none;-webkit-appearance:none;cursor:pointer}.sup-auth .in.ta{height:auto;padding:11px 13px}.sup-auth .in.ta textarea{min-height:84px;resize:vertical}.sup-auth select:not(.in select){-moz-appearance:none;appearance:none;-webkit-appearance:none;background-color:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);height:40px;padding-inline:13px 30px;color:var(--ink);font-size:14.5px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239AA1AE' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 10px center;cursor:pointer}html[dir=rtl] .sup-auth select:not(.in select){background-position:left 10px center;padding-inline:30px 13px}.sup-auth select:not(.in select):focus-visible{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft);outline:0}.sup-auth .in .lucide{color:var(--ink-4)}.sup-auth .in .pre{font-size:14px;color:var(--ink-3)}.sup-auth .in .eye{border:0;background:none;padding:6px;margin:-6px;cursor:pointer;color:var(--ink-4);display:grid}.sup-auth .f .hint{font-size:12.5px;color:var(--ink-3)}.sup-auth .f .err{display:none;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--bad-text)}.sup-auth .f .err .lucide{width:15px;height:15px}.sup-auth .f.bad .in{border-color:var(--bad);box-shadow:0 0 0 4px var(--bad-soft)}.sup-auth .f.bad .err{display:flex}.sup-auth .f.bad .hint{display:none}.sup-auth .row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}.sup-auth .check{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--ink-2);cursor:pointer}.sup-auth .check input{width:18px;height:18px;margin:2px 0 0;flex:none;accent-color:var(--primary)}.sup-auth .f.bad>.check{color:var(--bad-text)}.sup-auth .otp{display:flex;gap:10px;justify-content:center;direction:ltr}.sup-auth .otp input{width:48px;height:56px;padding:0;border:1px solid var(--line-2);border-radius:12px;background:var(--surface);color:var(--ink);text-align:center;font:600 22px var(--mono);outline:0;transition:border-color .15s,box-shadow .15s}.sup-auth .otp input:focus{border-color:var(--primary);box-shadow:0 0 0 4px var(--primary-soft)}.sup-auth .otp input:disabled{opacity:.55}.sup-auth .otp.bad input{border-color:var(--bad);animation:auth-shake .35s}@keyframes auth-shake{25%{transform:translate(-4px)}75%{transform:translate(4px)}}.sup-auth .alert{display:flex;gap:10px;align-items:flex-start;padding:12px 14px;border-radius:var(--r-md);font-size:14px;margin-bottom:16px}.sup-auth .alert .lucide{margin-top:1px}.sup-auth .alert.bad{background:var(--bad-soft);color:var(--bad-text)}.sup-auth .alert.warn{background:var(--warn-soft);color:var(--warn-text)}.sup-auth .alert.ok{background:var(--ok-soft);color:var(--ok-text)}.sup-auth .alert.info{background:var(--primary-soft);color:var(--primary-text)}.sup-auth .alert b{font-weight:600}.sup-auth .alert a{text-decoration:underline;font-weight:600}.sup-auth .banner{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:20px;border-radius:14px;font-size:14px;flex-wrap:wrap}.sup-auth .banner.warn{background:var(--warn-soft);color:var(--warn-text)}.sup-auth .banner.info{background:var(--primary-soft);color:var(--primary-text)}.sup-auth .banner .b{margin-inline-start:auto}.sup-auth .lg{display:inline-flex;align-items:center;gap:10px}.sup-auth .lg img{display:block;height:17px;width:auto;max-width:none}.sup-auth .lg span{padding-inline-start:10px;border-inline-start:1px solid var(--line-2);font-size:14px;font-weight:600;color:var(--ink-3)}.sup-auth .lg .lg-w,.sup-auth[data-theme=dark] .lg .lg-n{display:none}.sup-auth[data-theme=dark] .lg .lg-w{display:block}.sup-auth .au-side .lg .lg-n{display:none}.sup-auth .au-side .lg .lg-w{display:block}.sup-auth .au-side .lg span{border-color:#fff3;color:#b9c0ce}.sup-auth .au-top .lg img{height:15px;width:auto}.sup-auth .au{min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.sup-auth .au-side{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding:40px 48px;background:#0a0d14;color:#e7eaf1;overflow:hidden}.sup-auth .au-side:before{content:"";position:absolute;inset:-30% -20% auto auto;width:640px;height:640px;background:radial-gradient(closest-side,rgba(37,99,235,.35),transparent);pointer-events:none}.sup-auth .au-side>*{position:relative}.sup-auth .au-side h2{position:relative;margin:0;max-width:14em;font-size:clamp(28px,2.2vw + 10px,40px);line-height:1.12;letter-spacing:-.03em;color:#e7eaf1}html[lang=ar] .sup-auth .au-side h2{letter-spacing:0;line-height:1.35}.sup-auth .au-side ul{position:relative;display:grid;gap:16px;margin:28px 0 0;padding:0;list-style:none}.sup-auth .au-side li{display:flex;gap:12px;align-items:flex-start;font-size:14.5px;color:#b9c0ce}.sup-auth .au-side li>span{display:grid;place-items:center;width:34px;height:34px;flex:none;border-radius:10px;background:#ffffff14;color:#8eb0f6}.sup-auth .au-side li b{display:block;color:#fff;font-weight:600}.sup-auth .au-side small{position:relative;color:#7f889c;font-size:13px}.sup-auth .au-side small a{color:#8eb0f6}.sup-auth .au-side small a.u{text-decoration:underline}.sup-auth .au-main{display:flex;flex-direction:column;min-width:0;padding:28px 40px}.sup-auth .au-top{display:flex;justify-content:space-between;align-items:center;gap:12px}.sup-auth .au-top .lg-m{display:none}.sup-auth .au-tools{display:flex;gap:4px;margin-inline-start:auto}.sup-auth .au-box{display:block;width:100%;max-width:420px;margin:auto;padding-block:32px}.sup-auth .au-box h1{margin:0;font-size:30px;line-height:1.15;letter-spacing:-.03em;color:var(--ink)}html[lang=ar] .sup-auth .au-box h1{letter-spacing:0}.sup-auth .au-box .lead{margin:8px 0 28px;color:var(--ink-3);font-size:15.5px}.sup-auth .au-alt{margin:22px 0 0;text-align:center;font-size:14.5px;color:var(--ink-3)}.sup-auth .au-alt a,.sup-auth .lnk{color:var(--primary-text);font-weight:600;cursor:pointer;background:none;border:0;padding:0;font-size:inherit}.sup-auth .au-alt a:hover,.sup-auth .lnk:hover{text-decoration:underline}.sup-auth .lnk[disabled]{color:var(--ink-4);cursor:default;text-decoration:none}.sup-auth .au-row{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin:-2px 0 22px}.sup-auth .au-ic{display:grid;place-items:center;width:52px;height:52px;margin-bottom:18px;border-radius:16px;background:var(--primary-soft);color:var(--primary)}.sup-auth .au-ic .lucide{width:24px;height:24px}.sup-auth .au-ic.ok{background:var(--ok-soft);color:var(--ok)}.sup-auth .au-ic.warn{background:var(--warn-soft);color:var(--warn)}.sup-auth .au-ic.bad{background:var(--bad-soft);color:var(--bad)}.sup-auth .au-trust{display:flex;align-items:center;justify-content:center;gap:6px;margin:18px 0 0;font-size:12.5px;color:var(--ink-3)}.sup-auth .au-trust .lucide{width:14px;height:14px;color:var(--ok)}.sup-auth .au-trust i{width:3px;height:3px;margin:0 6px;border-radius:50%;background:var(--ink-4)}.sup-auth .au-remember{justify-content:center;margin:18px 0 0}.sup-auth .back{display:inline-flex;align-items:center;gap:4px;margin-bottom:12px;padding:0;border:0;background:none;font-size:14px;font-weight:500;color:var(--primary-text);cursor:pointer}.sup-auth .back:hover{text-decoration:underline}.sup-auth .steps{display:flex;gap:6px;margin-bottom:10px}.sup-auth .steps i{flex:1;height:4px;border-radius:4px;background:var(--line)}.sup-auth .steps i.on{background:var(--primary)}.sup-auth .steps-l{margin:0 0 22px;font-size:13px;color:var(--ink-3)}.sup-auth .done-ic{display:grid;place-items:center;width:64px;height:64px;margin-bottom:20px;border-radius:50%;background:var(--ok-soft);color:var(--ok)}.sup-auth .done-ic .lucide{width:30px;height:30px}.sup-auth .pwr{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin:8px 0 0;padding:0;list-style:none;font-size:12.5px;color:var(--ink-3)}.sup-auth .pwr li{display:flex;align-items:center;gap:7px}.sup-auth .pwr-i{position:relative;flex:none;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--line-2);transition:background .2s,border-color .2s}.sup-auth .pwr li.ok{color:var(--ok-text)}.sup-auth .pwr li.ok .pwr-i{background:var(--ok);border-color:var(--ok)}.sup-auth .pwr li.ok .pwr-i:after{content:"";position:absolute;left:3.5px;top:1.5px;width:3px;height:6px;border:solid #fff;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}.sup-auth .pwr .pwr-en{display:none}.sup-auth .pwr.bad-chars .pwr-en{display:flex;color:var(--bad-text)}.sup-auth .pwr.bad-chars .pwr-en .pwr-i{border-color:var(--bad)}.sup-auth .pwr bdi{font-family:var(--mono);word-break:break-all}.sup-auth .tfa{display:grid;gap:18px;margin:0 0 6px;padding:0;list-style:none;counter-reset:s}.sup-auth .tfa>li{position:relative;padding-inline-start:40px;counter-increment:s}.sup-auth .tfa>li:before{content:counter(s);position:absolute;inset-inline-start:0;top:0;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--fill);font-size:13px;font-weight:700;color:var(--ink-2)}.sup-auth .tfa>li>b{display:block;font-size:15px}.sup-auth .tfa>li>span{display:block;margin-top:2px;font-size:13.5px;color:var(--ink-3)}.sup-auth .tfa .otp{justify-content:flex-start;margin-top:12px}.sup-auth .tfa .otp input{width:44px;height:52px}.sup-auth .tfa-qr{display:flex;align-items:center;gap:16px;margin-top:12px}.sup-auth .qr{flex:none;width:132px;height:132px;padding:8px;border:1px solid var(--line);border-radius:14px;background:#fff;color:#0a0d14}.sup-auth .qr img,.sup-auth .qr svg,.sup-auth .qr canvas{display:block;width:100%;height:100%}.sup-auth .tfa-qr small{display:block;font-size:12.5px;color:var(--ink-3)}.sup-auth .tfa-qr code{display:block;margin:6px 0 4px;font:600 14px var(--mono);letter-spacing:.06em;color:var(--ink);word-break:break-all}.sup-auth .tfa-qr .b{margin-inline-start:-8px}.sup-auth .ref-box{margin:2px 0 14px}.sup-auth .ref-tog{display:inline-flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border:0;border-radius:999px;background:none;color:var(--primary-text, var(--primary));font:500 14px var(--font);cursor:pointer}html[lang=ar] .sup-auth .ref-tog{font-family:var(--font-ar)}.sup-auth .ref-tog:hover{background:var(--primary-soft)}.sup-auth .ref-tog:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.sup-auth .ref-tog .lucide{width:16px;height:16px}.sup-auth .ref-tog>.lucide:last-child{width:14px;height:14px;opacity:.7}.sup-auth .ref-tog[hidden]{display:none}.sup-auth .ref-ic{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--primary-soft)}.sup-auth .ref-ic .lucide{width:14px;height:14px}.sup-auth .ref-box.on .ref-body{animation:auth-refIn .22s ease-out}@keyframes auth-refIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.sup-auth .ref-learn{display:inline-flex;align-items:center;gap:5px;margin-top:6px;font-size:13px}.sup-auth .ref-learn .lucide{width:14px;height:14px}.sup-auth .card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);box-shadow:var(--sh-1);min-width:0;overflow:hidden}.sup-auth .grid{display:grid;gap:16px;min-width:0}.sup-auth .g3{grid-template-columns:repeat(3,minmax(0,1fr))}.sup-auth .list{display:grid}.sup-auth .li{display:flex;align-items:center;gap:14px;padding:14px 20px;border:0;border-top:1px solid var(--line);background:none;color:inherit;font:inherit;transition:background .15s;width:100%;min-width:0;text-align:start}.sup-auth .li:first-child{border-top:0}.sup-auth a.li,.sup-auth button.li,.sup-auth .li.tap{cursor:pointer}.sup-auth a.li:hover,.sup-auth button.li:hover,.sup-auth .li.tap:hover{background:var(--surface-2)}.sup-auth button.li[disabled]{cursor:default;opacity:.6}.sup-auth .li .grow{flex:1;min-width:0}.sup-auth .li b{display:block;font-size:14.5px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sup-auth .li small{display:block;font-size:13px;color:var(--ink-3);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sup-auth .li>.lucide:last-child{color:var(--ink-4)}.sup-auth .ico{display:grid;place-items:center;flex:none;width:38px;height:38px;border-radius:11px;background:var(--primary-soft);color:var(--primary)}.sup-auth .ico.ok{background:var(--ok-soft);color:var(--ok)}.sup-auth .ico.warn{background:var(--warn-soft);color:var(--warn)}.sup-auth .ico.bad{background:var(--bad-soft);color:var(--bad)}.sup-auth .ico.vi{background:var(--violet-soft);color:var(--violet-text)}.sup-auth .ico.gr{background:var(--fill);color:var(--ink-3)}.sup-auth .pill{display:inline-flex;align-items:center;gap:6px;height:22px;padding:0 9px;border-radius:999px;background:var(--fill);color:var(--ink-2);font-size:12px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.sup-auth .pill:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;flex:none;opacity:.85}.sup-auth .pill.ok{background:var(--ok-soft);color:var(--ok-text)}.sup-auth .pill.warn{background:var(--warn-soft);color:var(--warn-text)}.sup-auth .pill.bad{background:var(--bad-soft);color:var(--bad-text)}.sup-auth .pill.info{background:var(--primary-soft);color:var(--primary-text)}.sup-auth .au-layer{position:relative;z-index:100}.sup-auth .scrim{position:fixed;inset:0;background:#0a0d1452;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);opacity:0;transition:opacity .2s}.sup-auth .scrim.on{opacity:1}@media (prefers-reduced-transparency: reduce){.sup-auth .scrim{backdrop-filter:none;background:#0a0d1480}}.sup-auth .modal{position:fixed;top:50%;left:50%;width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 48px);overflow:auto;padding:24px;border-radius:var(--r-xl);background:var(--surface);color:var(--ink);box-shadow:var(--sh-3);transform:translate(-50%,-47%) scale(.96);opacity:0;transition:transform var(--dur-pop) var(--ease-pop),opacity .18s}.sup-auth .modal.on{transform:translate(-50%,-50%) scale(1);opacity:1}.sup-auth .modal.sz-md{width:min(640px,calc(100vw - 32px))}.sup-auth .modal-x{position:absolute;top:16px;inset-inline-end:16px;display:grid;place-items:center;width:32px;height:32px;border:0;border-radius:var(--r-sm);background:none;color:var(--ink-3);cursor:pointer}.sup-auth .modal-x:hover{background:var(--fill);color:var(--ink)}.sup-auth .modal h3{margin:0;padding-inline-end:36px;font-size:18px;font-weight:600;letter-spacing:-.01em}.sup-auth .modal .mb{margin:6px 0 0;color:var(--ink-3);font-size:13px;line-height:1.5}.sup-auth .modal .mf{display:flex;justify-content:flex-end;gap:8px;margin-top:22px;padding-top:18px;border-top:var(--hairline)}.sup-auth .modal .mi{display:grid;place-items:center;width:40px;height:40px;margin-bottom:14px;border-radius:var(--r-sm)}.sup-auth .modal .mi.bad{background:var(--bad-soft);color:var(--bad)}.sup-auth .modal .mi.ok{background:var(--ok-soft);color:var(--ok)}.sup-auth .modal .mi.info{background:var(--primary-soft);color:var(--primary)}.sup-auth .modal .mi.warn{background:var(--warn-soft);color:var(--warn)}.sup-auth .modal .mform{margin-top:18px}@media (max-width: 900px){.sup-auth .au{grid-template-columns:minmax(0,1fr)}.sup-auth .au-side{display:none}.sup-auth .au-top .lg-m{display:inline-flex}.sup-auth .au-main{padding:18px 20px}.sup-auth .ib[aria-label]:after{display:none}.sup-auth .row2,.sup-auth .g3{grid-template-columns:minmax(0,1fr)}.sup-auth .modal{top:auto;bottom:0;left:0;width:100vw;max-height:90vh;border-radius:20px 20px 0 0;transform:translateY(100%);padding-bottom:calc(24px + env(safe-area-inset-bottom))}.sup-auth .modal.on{transform:none}.sup-auth .modal .mf{flex-direction:column-reverse}.sup-auth .modal .mf .b{width:100%;height:48px}}@media (max-width: 480px){.sup-auth .pwr{grid-template-columns:1fr}.sup-auth .tfa .otp input{width:40px;height:48px}.sup-auth .tfa-qr{flex-direction:column;align-items:flex-start}.sup-auth .otp{gap:8px}.sup-auth .otp input{width:44px;height:52px}}@media (prefers-reduced-motion: reduce){.sup-auth *,.sup-auth *:before,.sup-auth *:after{transition:none!important;animation:none!important}}