.sp-auth *{box-sizing:border-box}.sp-auth{font-family:var(--font-sans);background:var(--app-canvas);color:#f3f1f4;color:lab(95.3093% .969201 -1.0659);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:var(--leading-normal);min-height:100dvh}.sp-auth a{color:inherit;text-decoration:none}.sp-auth .mark svg{fill:currentColor;width:auto;height:100%;display:block}.sp-auth .auth{grid-template-columns:max-content minmax(440px,1fr);width:100%;min-height:100dvh;display:grid}.sp-auth .form-panel{order:2}.sp-auth .brand-panel{order:1}.sp-auth.sp-solo .auth{grid-template-columns:1fr}.sp-auth .form-panel{background:var(--app-surface);border-radius:var(--radius-xl);color:var(--foreground);flex-direction:column;justify-content:center;margin:16px;padding:56px clamp(40px,6vw,88px);display:flex;box-shadow:0 1px 3px #00000059,0 24px 56px -28px #000000a6}.sp-auth .form-inner{flex-direction:column;gap:28px;width:100%;max-width:360px;margin:0 auto;display:flex}.sp-auth .wordmark{color:var(--foreground);align-items:center;gap:9px;display:flex}.sp-auth .wordmark .mark{height:26px}.sp-auth .wordmark .name{letter-spacing:-.02em;font-size:19px;font-weight:600}.sp-auth .wordmark .name em{font-style:italic}.sp-auth .head{flex-direction:column;gap:8px;display:flex}.sp-auth .head h1{letter-spacing:-.02em;margin:0;font-size:26px;font-weight:600}.sp-auth .head p{color:var(--muted-foreground);margin:0;font-size:14px;line-height:1.55}.sp-auth form{flex-direction:column;gap:16px;display:flex}.sp-auth .field{flex-direction:column;gap:7px;display:flex}.sp-auth .field label{font-size:13px;font-weight:500}.sp-auth .input{width:100%;height:40px;color:var(--foreground);background:var(--card);border:1px solid var(--input);border-radius:var(--radius-md);outline:none;padding:0 13px;font-family:inherit;font-size:14px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 2px #1410180d}.sp-auth .input::placeholder{color:var(--muted-foreground)}.sp-auth .input:focus-visible{border-color:var(--ring);box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 45%, transparent)}.sp-auth .input.invalid{border-color:var(--destructive)}.sp-auth .input.invalid:focus-visible{box-shadow:0 0 0 3px color-mix(in oklch, var(--destructive) 35%, transparent)}.sp-auth .err{color:var(--destructive);font-size:12.5px}.sp-auth .btn{border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:40px;padding:0 16px;font-family:inherit;font-size:14px;font-weight:500;transition:background-color .15s,color .15s,box-shadow .15s,opacity .15s;display:inline-flex}.sp-auth .btn-primary{background:var(--primary);color:var(--primary-foreground);width:100%}.sp-auth .btn-primary:hover{background:color-mix(in oklch, var(--primary) 90%, transparent)}.sp-auth .btn-outline{background:var(--card);border-color:var(--border);color:var(--foreground);width:100%;box-shadow:0 1px 2px #1410180d}.sp-auth .btn-outline:hover{background:var(--accent);color:var(--accent-foreground)}.sp-auth .btn[disabled]{opacity:.5;pointer-events:none}.sp-auth .btn svg{stroke:currentColor;fill:none;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.sp-auth .btn-link{cursor:pointer;color:var(--foreground);background:0 0;border:0;align-self:center;padding:0;font-family:inherit;font-size:13px;font-weight:500}.sp-auth .btn-link:hover{text-decoration:underline}.sp-auth .fineprint{color:var(--muted-foreground);text-align:center;margin:0;font-size:12px;line-height:1.5}.sp-auth .fineprint a{color:var(--foreground);text-underline-offset:2px;text-decoration:underline}.sp-auth .recover{color:var(--muted-foreground);margin-top:2px;font-size:13px}.sp-auth .recover a{color:var(--foreground);font-weight:500}.sp-auth .recover a:hover{text-decoration:underline}.sp-auth .resend{color:var(--muted-foreground);font-size:13px}.sp-auth .recover{color:var(--muted-foreground);text-align:center;font-size:13px}.sp-auth .recover a,.sp-auth .resend a{color:var(--foreground);font-weight:500}.sp-auth .recover a:hover,.sp-auth .resend a:hover{text-decoration:underline}.sp-auth .spin{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.sp-auth .fade-in{animation:.25s fade-in}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.sp-auth .sent-icon{background:var(--accent);width:38px;height:38px;color:var(--accent-foreground);border-radius:9px;flex:none;place-items:center;display:grid}.sp-auth .sent-icon svg{stroke:currentColor;fill:none;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:19px;height:19px}.sp-auth .sent-head{align-items:center;gap:10px;display:flex}.sp-auth .sent-head h1{letter-spacing:-.01em;margin:0;font-size:22px;font-weight:600}.sp-auth .sent-body{color:var(--muted-foreground);margin:0;font-size:14px;line-height:1.55}.sp-auth .sent-body .em{color:var(--foreground);font-weight:500}.sp-auth .brand-panel{color:#f3f1f4;color:lab(95.3093% .969201 -1.0659);background:0 0;flex-direction:column;justify-content:center;gap:40px;padding:48px clamp(28px,4vw,56px) 48px clamp(40px,7vw,120px);display:flex}.sp-auth .brand-panel .mark{height:52px;color:var(--lilac)}.sp-auth .brand-panel .pitch{flex-direction:column;gap:22px;display:flex}.sp-auth .brand-panel h2{letter-spacing:-.02em;color:#fff;text-wrap:balance;margin:0;font-size:32px;font-weight:600;line-height:1.12}.sp-auth .props{flex-direction:column;gap:13px;display:flex}.sp-auth .prop{color:#c8c1ce;color:lab(78.8684% 4.62461 -5.57272);align-items:flex-start;gap:10px;font-size:14px;line-height:1.45;display:flex}.sp-auth .prop .ck{color:var(--lilac);flex:none;margin-top:2px}.sp-auth .prop .ck svg{stroke:currentColor;fill:none;stroke-width:2.5px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}.sp-auth .methods{color:#8a838f;color:lab(55.6669% 4.63674 -5.56077);font-size:12px;font-family:var(--font-mono);align-items:center;gap:10px;display:flex}@media (max-width:900px){.sp-auth .auth{grid-template-columns:1fr}.sp-auth .brand-panel{display:none}.sp-auth .form-panel{box-shadow:none;border-radius:0;order:1;justify-content:safe center;min-height:100dvh;margin:0;padding:48px clamp(28px,7vw,56px);overflow-y:auto}}