.sk-auth{--art:url(/artwork/login-illustration.web.jpg);background:var(--bg);flex-wrap:wrap;min-height:100vh;display:flex}.sk-auth .auth-hero{color:#fff;background:linear-gradient(160deg,color-mix(in srgb,color-mix(in srgb,var(--primary)45%,#0b0830)58%,transparent),color-mix(in srgb,color-mix(in srgb,var(--primary)45%,#0b0830)84%,transparent)),var(--art)center/cover;flex-direction:column;flex:440px;justify-content:space-between;gap:40px;padding:48px;display:flex;position:relative;overflow:hidden}.sk-auth .auth-hero:before{content:"";opacity:.5;background-image:linear-gradient(#ffffff12 1px,#0000 1px),linear-gradient(90deg,#ffffff12 1px,#0000 1px);background-size:40px 40px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 20% 80%,#000,#0000 70%);mask-image:radial-gradient(circle at 20% 80%,#000,#0000 70%)}.sk-auth .auth-hero>*{position:relative}.sk-auth .auth-hero h1,.sk-auth .auth-hero p{text-shadow:0 2px 18px #0b083080}.sk-auth .auth-hero h1{font-family:var(--font-display),system-ui,sans-serif;max-width:520px;font-size:40px;font-weight:600;line-height:1.1}.sk-auth .auth-hero p{opacity:.92;max-width:460px;margin-top:12px;font-size:16px}.sk-auth .brandrow{align-items:center;gap:12px;display:flex}.sk-auth .brandrow small{opacity:.85;display:block}.sk-auth .hero-stats{flex-wrap:wrap;gap:28px;display:flex}.sk-auth .hero-stats b{font-family:var(--font-display),system-ui,sans-serif;font-size:24px;display:block}.sk-auth .hero-stats span{opacity:.88;font-size:13px}.sk-auth .auth-form{flex:480px;justify-content:center;align-items:center;padding:32px 20px;display:flex}.sk-auth .auth-card{background:var(--s0);border:1px solid var(--line);border-radius:24px;flex-direction:column;gap:16px;width:100%;max-width:440px;padding:32px;display:flex}.sk-auth .or{color:var(--tx2);align-items:center;gap:12px;font-size:12px;display:flex}.sk-auth .or:before,.sk-auth .or:after{content:"";background:var(--line);flex:1;height:1px}.sk-auth .demo{background:var(--s1);border-radius:16px;padding:14px}.sk-auth .demo>p{color:var(--tx2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px;font-size:12px;font-weight:600}.sk-auth .chips{flex-wrap:wrap;gap:8px;display:flex}.sk-auth .chipbtn{border:1px solid var(--line);background:var(--s0);min-height:32px;color:var(--tx);transition:background var(--t-micro);border-radius:999px;align-items:center;gap:6px;padding:4px 12px 4px 5px;font-size:13px;font-weight:600;display:inline-flex}.sk-auth .chipbtn:hover{background:var(--pc)}.sk-auth .auth-links{flex-wrap:wrap;gap:8px 16px;display:flex}.sk-auth .linkbtn{color:var(--plink);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600;text-decoration:underline}@media (max-width:899px){.sk-auth .auth-hero{gap:20px;min-height:280px;padding:28px 24px}.sk-auth .auth-hero h1{font-size:28px}.sk-auth .auth-card{padding:24px}}@media (prefers-reduced-motion:reduce){.sk-auth .chipbtn{transition:none}}.sk-auth-center{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.sk-auth-center .auth-card.box{text-align:center;background:var(--s0);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;align-items:center;gap:16px;width:100%;max-width:480px;padding:36px;display:flex}.sk-auth-center .auth-logo{border-radius:var(--r-md);background:var(--primary);width:40px;height:40px;color:var(--primary-foreground);flex:none;justify-content:center;align-items:center;display:inline-flex}.sk-auth-center .auth-card h2{font-family:var(--font-display),system-ui,sans-serif;color:var(--tx);font-size:24px;font-weight:600;line-height:1.2}.sk-auth-center .sub{color:var(--tx2);max-width:36ch;font-size:14px;line-height:1.45}.sk-auth-center .err{color:var(--bad);font-size:13px;font-weight:600}.sk-auth-center .otp{letter-spacing:.6em;text-align:center;font-size:28px;font-family:var(--font-display),system-ui,sans-serif;padding-left:.6em;font-weight:600}.sk-auth-center .fld{width:100%}.sk-auth-center .fld-left{text-align:left}.sk-auth-center .okc{background:var(--okbg);width:72px;height:72px;color:var(--ok);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.sk-auth-center .auth-logo.warn{background:var(--warnbg);color:var(--warn)}.sk-auth-center .banner{border-radius:var(--r-md);background:var(--infobg);color:var(--info);text-align:left;align-items:flex-start;gap:12px;width:100%;margin:0;padding:12px 16px;font-size:14px;font-weight:500;line-height:1.4;display:flex}.sk-auth-center .banner.warn-b{background:var(--warnbg);color:var(--warn)}.sk-auth-center .banner .ic{flex:none;margin-top:1px}.sk-auth-center .lifecycle-illu{color:var(--tx2);flex:none}.sk-auth-center .linkbtn{color:var(--plink);text-underline-offset:2px;cursor:pointer;background:0 0;border:0;padding:0;font-size:13px;font-weight:600;text-decoration:underline}.sk-auth-center .linkbtn:disabled{opacity:.5;cursor:not-allowed;text-decoration:none}.sk-auth-center.onboarding{align-items:flex-start;padding-top:48px;padding-bottom:48px}.sk-auth-center .onb-card{text-align:left;background:var(--s0);border:1px solid var(--line);border-radius:var(--r-lg);flex-direction:column;align-items:stretch;gap:20px;width:100%;max-width:720px;padding:32px;display:flex}.sk-auth-center .onb-card .brandrow{align-items:center;gap:12px;display:flex}.sk-auth-center .onb-card .sub{max-width:none;margin-top:2px;display:block}.sk-auth-center .onb-dots{gap:6px;display:flex}.sk-auth-center .onb-dots i{background:var(--s2);border-radius:3px;flex:1;height:6px}.sk-auth-center .onb-dots i.on{background:var(--primary)}.sk-auth-center .formgrid{grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:16px;display:grid}.sk-auth-center .formgrid .full{grid-column:1/-1}.sk-auth-center .fld .lab{color:var(--tx2);margin-bottom:6px;font-size:12px;font-weight:600;display:block}.sk-auth-center .dlg-f{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}@media (max-width:899px){.sk-auth-center .auth-card.box{padding:28px 24px}.sk-auth-center .otp{font-size:24px}.sk-auth-center.onboarding{padding-top:24px}.sk-auth-center .onb-card{padding:24px}}