:root {
                --sl-auth-ink: #17171b;
                --sl-auth-muted: #696970;
                --sl-auth-line: #e7e6eb;
                --sl-auth-surface: #ffffff;
                --sl-auth-soft: #f7f6f9;
                --sl-auth-accent: #3F88FD;
            }

            .sl-auth-body {
                min-height: 100vh;
                color: var(--sl-auth-ink);
                background:
                    radial-gradient(circle at 8% 4%, rgba(255, 204, 219, .58), transparent 28rem),
                    radial-gradient(circle at 92% 96%, rgba(214, 198, 255, .55), transparent 31rem),
                    #f7f6f9;
                font-family: "Instrument Sans", Inter, ui-sans-serif, system-ui, sans-serif;
            }

            .sl-auth-frame {
                box-shadow: 0 36px 110px -58px rgba(25, 18, 37, .42);
                animation: sl-auth-enter .65s cubic-bezier(.16, 1, .3, 1) both;
            }

            .sl-auth-showcase {
                isolation: isolate;
                background:
                    radial-gradient(circle at 78% 16%, rgba(63, 136, 253, .36), transparent 18rem),
                    radial-gradient(circle at 10% 88%, rgba(139, 92, 246, .38), transparent 22rem),
                    #17171b;
            }

            .sl-auth-showcase::before {
                position: absolute;
                z-index: -1;
                inset: 0;
                border-radius: inherit;
                background-image: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.045) 1px, transparent 1px);
                background-size: 48px 48px;
                mask-image: linear-gradient(to bottom, black, transparent 82%);
                content: "";
            }

            .sl-auth-orb {
                filter: blur(1px);
                animation: sl-auth-float 8s ease-in-out infinite;
            }

            .sl-auth-preview {
                box-shadow: 0 30px 90px -42px rgba(0, 0, 0, .74);
                animation: sl-auth-preview 6s ease-in-out infinite;
            }

            .sl-auth-form-surface .font-serif {
                font-family: "Instrument Sans", Inter, ui-sans-serif, system-ui, sans-serif !important;
            }

            .sl-auth-form-surface input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
            .sl-auth-form-surface select,
            .sl-auth-form-surface textarea {
                min-height: 3.25rem !important;
                border-width: 1px !important;
                border-color: var(--sl-auth-line) !important;
                border-radius: .9rem !important;
                background: #faf9fb !important;
                color: var(--sl-auth-ink) !important;
                box-shadow: none !important;
            }

            .sl-auth-form-surface input:not([type="checkbox"]):not([type="radio"]):focus,
            .sl-auth-form-surface select:focus,
            .sl-auth-form-surface textarea:focus {
                border-color: rgba(63, 136, 253, .68) !important;
                background: #fff !important;
                box-shadow: 0 0 0 4px rgba(63, 136, 253, .09) !important;
            }

            .sl-auth-form-surface input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):-webkit-autofill,
            .sl-auth-form-surface input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):-webkit-autofill:hover,
            .sl-auth-form-surface input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):-webkit-autofill:focus {
                color: var(--sl-auth-ink) !important;
                -webkit-text-fill-color: var(--sl-auth-ink) !important;
                -webkit-box-shadow: 0 0 0 1000px #faf9fb inset !important;
                transition: background-color .2s ease, border-color .2s ease, box-shadow .2s ease;
            }

            .sl-auth-form-surface label {
                color: #3e3e44;
            }

            .sl-auth-form-surface button[type="submit"] {
                min-height: 3.25rem;
                border: 1px solid #17171b !important;
                border-radius: .9rem !important;
                background: #17171b !important;
                color: #fff !important;
                box-shadow: 0 14px 30px -20px rgba(23, 23, 27, .7) !important;
            }

            .sl-auth-form-surface button[type="submit"]:hover {
                transform: translateY(-2px);
                background: #2a292f !important;
            }

            html[data-theme-resolved='dark'] body.sl-auth-body {
                --sl-auth-ink: #f6f6f7;
                --sl-auth-muted: #aaaab2;
                --sl-auth-line: #303038;
                --sl-auth-surface: #17171b;
                --sl-auth-soft: #1c1c21;
                background:
                    radial-gradient(circle at 8% 4%, rgba(63, 136, 253, .16), transparent 28rem),
                    radial-gradient(circle at 92% 96%, rgba(139, 92, 246, .18), transparent 31rem),
                    #0f0f12 !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-frame,
            html[data-theme-resolved='dark'] .sl-auth-form-panel {
                background: var(--sl-auth-surface) !important;
                border-color: var(--sl-auth-line) !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-form-surface input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]),
            html[data-theme-resolved='dark'] .sl-auth-form-surface select,
            html[data-theme-resolved='dark'] .sl-auth-form-surface textarea {
                background: var(--sl-auth-soft) !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-form-surface input:not([type="checkbox"]):not([type="radio"]):focus,
            html[data-theme-resolved='dark'] .sl-auth-form-surface select:focus,
            html[data-theme-resolved='dark'] .sl-auth-form-surface textarea:focus {
                background: #202026 !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-form-surface input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):-webkit-autofill,
            html[data-theme-resolved='dark'] .sl-auth-form-surface input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):-webkit-autofill:hover,
            html[data-theme-resolved='dark'] .sl-auth-form-surface input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):-webkit-autofill:focus {
                color: #f6f6f7 !important;
                -webkit-text-fill-color: #f6f6f7 !important;
                -webkit-box-shadow: 0 0 0 1000px #1c1c21 inset !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-showcase .sl-auth-preview .bg-white,
            html[data-theme-resolved='dark'] .sl-auth-showcase .sl-auth-preview .bg-white\/90 {
                background-color: #fff !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-showcase .sl-auth-preview [class*='text-[#17171b]'] {
                color: #17171b !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-form-surface label,
            html[data-theme-resolved='dark'] .sl-auth-form-surface [class*='text-[#181714]'],
            html[data-theme-resolved='dark'] .sl-auth-form-surface [class*='text-[#17171b]'] {
                color: var(--sl-auth-ink) !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-form-surface [class*='text-[#6d685f]'],
            html[data-theme-resolved='dark'] .sl-auth-form-surface [class*='text-[#696970]'],
            html[data-theme-resolved='dark'] .sl-auth-form-surface [class*='text-[#57534b]'] {
                color: var(--sl-auth-muted) !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-back {
                color: #a8a8b0 !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-back:hover {
                color: #fff !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-tools .guest-marketing-action-button,
            html[data-theme-resolved='dark'] .sl-auth-tools > .relative > button {
                border-color: #35353d !important;
                background: #1d1d23 !important;
                color: #d7d7dc !important;
                box-shadow: none !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-tools .guest-marketing-action-button > button {
                background: transparent !important;
                color: #96969f !important;
                box-shadow: none !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-tools .guest-marketing-action-button > button.shadow-sm {
                background: #303037 !important;
                color: #fff !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-tools .guest-marketing-language-dropdown {
                border-color: #35353d !important;
                background: rgba(29, 29, 35, .98) !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-form-surface button[type="submit"] {
                border-color: #3F88FD !important;
                background: #3F88FD !important;
                color: #fff !important;
                box-shadow: 0 14px 34px -20px rgba(63, 136, 253, .72) !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-form-surface button[type="submit"]:hover {
                border-color: #ff5c78 !important;
                background: #ff5c78 !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-social {
                border-color: #35353d !important;
                background: #1c1c21 !important;
                color: #f4f4f5 !important;
                box-shadow: none !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-social:hover {
                border-color: #4a4a54 !important;
                background: #24242b !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-social .fa-x-twitter {
                color: #f4f4f5 !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-secondary-panel {
                border: 1px solid #2f2f36 !important;
                background: #1c1c21 !important;
                color: #a8a8b0 !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-divider-line,
            html[data-theme-resolved='dark'] .sl-auth-security-footer {
                border-color: #2f2f36 !important;
                background-color: #2f2f36 !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-security-footer {
                background: transparent !important;
                color: #777780 !important;
            }

            html[data-theme-resolved='dark'] .sl-auth-checkbox {
                border-color: #44444d !important;
                background: #1c1c21 !important;
            }

            @media (min-width: 1024px) and (min-height: 1170px) {
                .sl-auth-main {
                    align-items: center;
                }
            }

            @keyframes sl-auth-enter {
                from { opacity: 0; transform: translateY(16px) scale(.99); }
                to { opacity: 1; transform: translateY(0) scale(1); }
            }

            @keyframes sl-auth-preview {
                0%, 100% { transform: translateY(0) rotate(-.35deg); }
                50% { transform: translateY(-8px) rotate(.35deg); }
            }

            @keyframes sl-auth-float {
                0%, 100% { transform: translate3d(0, 0, 0); }
                50% { transform: translate3d(0, -12px, 0); }
            }

            @media (prefers-reduced-motion: reduce) {
                .sl-auth-frame,
                .sl-auth-preview,
                .sl-auth-orb {
                    animation: none !important;
                }
            }

/* Auth redesign: shared layout for login, registration and recovery. */
.sl-auth-body{background:radial-gradient(circle at 2% 20%,#cbdcff 0,transparent 31%),radial-gradient(circle at 96% 85%,#ded8ff 0,transparent 34%),#edf2ff;color:#141721}
.sl-auth-page{min-height:100vh;padding:clamp(10px,3.5vw,48px)}
.sl-auth-main{max-width:1360px;margin:auto}
.sl-auth-frame{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(960px,calc(100vh - 96px));overflow:hidden;padding:5px;border:1px solid #d7dcfb;border-radius:34px;background:#fff;box-shadow:0 26px 85px #304d9726}
.sl-auth-showcase{position:relative;display:flex;flex-direction:column;min-width:0;overflow:hidden;padding:clamp(30px,4.4vw,62px);border-radius:29px;background:radial-gradient(circle at 74% 8%,#244e9a9c,transparent 40%),radial-gradient(circle at 90% 90%,#294b9e70,transparent 35%),#0d111d;color:#fff}
.sl-auth-showcase:before{content:"";position:absolute;inset:-20% -50% 5% 12%;border:1px solid #6485ff55;border-radius:50%;transform:rotate(-18deg);pointer-events:none}
.sl-auth-showcase-logo{position:relative;z-index:2;display:inline-flex;align-items:center;width:max-content;min-height:38px;color:#fff;font-size:26px;font-weight:800;text-decoration:none}
.sl-auth-showcase-logo img{width:auto;height:38px;max-width:205px;object-fit:contain;filter:none!important}
.sl-auth-showcase-copy{position:relative;z-index:2;margin-top:clamp(40px,5vw,70px)}
.sl-auth-showcase-kicker{font-size:10px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:#b9c3e4}
.sl-auth-showcase-copy h2{margin:24px 0 16px;color:#fff;font-size:clamp(47px,5.1vw,74px);line-height:.99;letter-spacing:-.065em;font-weight:800}
.sl-auth-showcase-copy h2 span{background:linear-gradient(100deg,#5eb5ff,#8294ff 52%,#b878fa);background-clip:text;-webkit-background-clip:text;color:transparent}
.sl-auth-showcase-copy>p:last-child{max-width:465px;color:#e9eaf3;font-size:clamp(15px,1.4vw,20px);line-height:1.4}
.sl-auth-visual{position:relative;flex:1;min-height:370px;margin-top:20px}
.sl-auth-orbit{position:absolute;left:11%;top:14%;width:78%;height:76%;border:3px solid #587cff;border-radius:50%;box-shadow:0 0 34px #456aff88;transform:rotate(-25deg)}
.sl-auth-phone{position:absolute;z-index:2;left:34%;top:0;width:260px;max-width:55%;padding:8px;border:5px solid #4a568b;border-radius:35px;background:#dfeaff;box-shadow:0 22px 60px #0009,0 0 24px #597effaa;transform:rotate(8deg)}
.sl-auth-phone-inner{padding:23px 14px 14px;border-radius:23px;background:linear-gradient(#e7edff,#fdfdff);color:#151b2d;text-align:center}
.sl-auth-phone-inner>img{width:76px;height:76px;margin:0 auto 7px;border-radius:50%;object-fit:cover}
.sl-auth-phone-inner strong,.sl-auth-phone-inner small{display:block}.sl-auth-phone-inner strong{font-size:13px}.sl-auth-phone-inner small{font-size:9px;color:#596176}
.sl-auth-phone-inner>span{display:flex;justify-content:space-between;margin-top:7px;padding:9px 10px;border-radius:9px;background:#fff;text-align:left;font-size:10px;font-weight:700;box-shadow:0 4px 9px #1e2d5b1c}.sl-auth-phone-inner>span:first-of-type{background:linear-gradient(110deg,#3f88fd,#8950f1);color:#fff}.sl-auth-phone-social{display:flex;justify-content:center;gap:20px;margin-top:12px;font-size:14px}
.sl-auth-mini-stat,.sl-auth-mini-qr{position:absolute;z-index:3;background:#fff;color:#1b2032;box-shadow:0 16px 36px #0007}.sl-auth-mini-stat{left:0;top:34%;width:170px;padding:15px;border-radius:16px;transform:rotate(-8deg)}.sl-auth-mini-stat small{display:flex;justify-content:space-between;font-size:9px;font-weight:700}.sl-auth-mini-stat b{color:#7760dc}.sl-auth-bars{display:flex;align-items:end;gap:6px;height:65px;margin-top:10px}.sl-auth-bars i{flex:1;height:35%;border-radius:4px 4px 0 0;background:linear-gradient(#9c73f8,#557dff)}.sl-auth-bars i:nth-child(2){height:53%}.sl-auth-bars i:nth-child(3){height:41%}.sl-auth-bars i:nth-child(4){height:76%}.sl-auth-bars i:nth-child(5){height:60%}.sl-auth-bars i:nth-child(6){height:86%}.sl-auth-bars i:nth-child(7){height:95%}.sl-auth-mini-qr{right:0;top:9%;padding:12px;border-radius:15px;text-align:center;transform:rotate(8deg)}.sl-auth-mini-qr div{font-size:63px;line-height:1}.sl-auth-mini-qr small{font-size:9px;font-weight:700}
.sl-auth-showcase-bottom{position:relative;z-index:3;display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:20px;color:#d8ddf0;font-size:11px}.sl-auth-showcase-bottom i{margin-right:5px;color:#82aaff}
.sl-auth-form-panel{display:flex;flex-direction:column;min-width:0;padding:clamp(24px,4vw,56px);border-radius:29px;background:#fff}.sl-auth-form-surface{display:flex;align-items:center;flex:1;width:100%;max-width:555px;margin:auto;padding:42px 0}.sl-auth-form-surface .auth-content{width:100%}
.sl-auth-body .auth-eyebrow{background:#e9edff;color:#315cf4}.sl-auth-body .auth-form a:not(.btn),.sl-auth-body .auth-secondary a{color:#365fff}.sl-auth-body .auth-form a:not(.btn):hover,.sl-auth-body .auth-secondary a:hover{color:#223ec4}
.sl-auth-body .auth-heading h1{font-size:clamp(34px,3.5vw,49px)}.sl-auth-body .auth-heading p{margin-top:8px;font-size:19px;line-height:1.4}
.sl-auth-body .sl-auth-form-surface input:not([type=checkbox]):not([type=radio]):not([type=hidden]),.sl-auth-body .sl-auth-form-surface select{min-height:59px!important;background:#f7f8fc!important;border-color:#d9dfef!important}.sl-auth-body .sl-auth-form-surface input:focus,.sl-auth-body .sl-auth-form-surface select:focus{border-color:#3f88fd!important;box-shadow:0 0 0 4px #3f88fd20!important}
.sl-auth-body .sl-auth-form-surface button[type=submit]{min-height:59px;border-color:#17191d!important;border-radius:12px!important;background:#17191d!important}.sl-auth-body .sl-auth-form-surface button[type=submit]:hover{background:#303b59!important;border-color:#303b59!important}.sl-auth-body .auth-secondary{padding:18px;border:1px solid #e5e9f5;background:#f6f7fb}.sl-auth-body .auth-theme-switch{border-color:#dce2ef}.sl-auth-body .auth-theme-switch button{background:transparent}.sl-auth-body .auth-theme-switch button[aria-pressed=true]{background:#e8ecfa}
html[data-theme-resolved=dark] body.sl-auth-body{background:radial-gradient(circle at 3% 17%,#152a6a,transparent 36%),radial-gradient(circle at 96% 4%,#3923a1,transparent 31%),#070d20!important}
html[data-theme-resolved=dark] .sl-auth-frame{border-color:#6379e9;background:#111724;box-shadow:0 0 45px #3f55ef38}html[data-theme-resolved=dark] .sl-auth-form-panel{background:#151a25!important}html[data-theme-resolved=dark] .sl-auth-body .auth-heading h1{color:#f7f8ff}html[data-theme-resolved=dark] .sl-auth-body .auth-eyebrow{background:#191e3e;color:#5f7aff}html[data-theme-resolved=dark] .sl-auth-body .auth-secondary{background:#1c2434;border-color:#34415c}html[data-theme-resolved=dark] .sl-auth-body .sl-auth-form-surface input:not([type=checkbox]):not([type=radio]):not([type=hidden]),html[data-theme-resolved=dark] .sl-auth-body .sl-auth-form-surface select{background:#222c3e!important;border-color:#42516e!important;color:#f2f5ff!important}html[data-theme-resolved=dark] .sl-auth-body .sl-auth-form-surface button[type=submit]{background:linear-gradient(100deg,#3f88fd,#6548f5,#ae55ee)!important;border-color:#6d67f6!important}html[data-theme-resolved=dark] .sl-auth-body .sl-auth-form-surface button[type=submit]:hover{filter:brightness(1.12)}html[data-theme-resolved=dark] .sl-auth-body .auth-theme-switch{border-color:#47526c}html[data-theme-resolved=dark] .sl-auth-body .auth-theme-switch button[aria-pressed=true]{background:#303b8c}
@media(max-width:1100px){.sl-auth-showcase{padding:30px}.sl-auth-showcase-copy h2{font-size:50px}.sl-auth-mini-stat{width:130px}.sl-auth-phone{left:28%}}
@media(max-width:900px){.sl-auth-page{padding:0}.sl-auth-frame{display:block;min-height:100vh;border:0;border-radius:0;padding:0}.sl-auth-showcase{display:none}.sl-auth-form-panel{min-height:100vh;border-radius:0;padding:22px clamp(18px,5vw,40px)}.sl-auth-form-surface{padding:48px 0;align-items:flex-start;max-width:580px}.sl-auth-body .auth-heading h1{font-size:36px}.sl-auth-body .auth-heading p{font-size:16px}}
@media(max-width:480px){.sl-auth-body .auth-field-grid{grid-template-columns:1fr}.sl-auth-body .auth-form{gap:17px}.sl-auth-body .auth-heading h1{font-size:32px}.sl-auth-form-surface{padding:42px 0}.sl-auth-body .auth-forgot{font-size:12px}}