.scl-auth{--canvas:#0a0713;--surface:#15102a;--brand-200:#c9b3ff;--brand-300:#b08cff;--brand-400:#9b6bff;--brand-500:#8b5cf6;--brand-700:#6d28d9;--emerald:#34d399;--fg:#ece8ff;--fg-soft:#c4bce6;--fg-muted:#8b82b8;--fg-faint:#8b82b8;--border:#9b6bff24;--border-2:#9b6bff42;background:var(--canvas);min-height:100vh;color:var(--fg);grid-template-columns:1.05fr 1fr;display:grid}@media (max-width:900px){.scl-auth{grid-template-columns:1fr}.scl-auth .auth-aside{display:none}}.scl-auth .auth-aside{flex-direction:column;justify-content:space-between;padding:48px;display:flex;position:relative;overflow:hidden}.scl-auth .auth-aside>.aside-bg{z-index:0;position:absolute;inset:0}.scl-auth .aside-bg img{object-fit:cover;width:100%;height:100%;display:block}.scl-auth .aside-bg:after{content:"";background:linear-gradient(160deg,#0a0713c7,#140928eb);position:absolute;inset:0}.scl-auth .auth-aside>*{z-index:1;position:relative}.scl-auth .brand-mark{background:linear-gradient(150deg,var(--brand-400),var(--brand-700));border-radius:9px;flex-shrink:0;place-items:center;width:38px;height:38px;display:grid;position:relative;box-shadow:0 6px 18px -6px #7c3aede6,inset 0 1px #ffffff4d}.scl-auth .brand-mark:after{content:"";background:repeating-conic-gradient(#fff 0% 25%,#ffffff8c 0% 50%) 50%/8px 8px;border-radius:3px;width:15px;height:15px;box-shadow:0 0 0 2px #ffffff2e}.scl-auth .auth-main{z-index:1;justify-content:center;align-items:center;padding:40px 32px;display:flex;position:relative;overflow:hidden}.scl-auth .auth-main .bg-ambient{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.scl-auth .auth-main .bg-ambient:before{content:"";background:radial-gradient(120% 80% at 80% -10%,#7c3aed4d,#0000 55%),radial-gradient(90% 70% at 10% 0,#a855f72e,#0000 50%);position:absolute;inset:0}.scl-auth .auth-main .bg-grid{background-image:linear-gradient(#9b6bff0b 1px,#0000 1px),linear-gradient(90deg,#9b6bff0b 1px,#0000 1px);background-size:46px 46px;position:absolute;inset:-2px;-webkit-mask-image:radial-gradient(120% 100% at 50% 0,#000 30%,#0000 80%);mask-image:radial-gradient(120% 100% at 50% 0,#000 30%,#0000 80%)}.scl-auth .auth-main>.auth-card{z-index:1;position:relative}