:root{--background:0 0% 100%;--foreground:0 0% 14.5%;--primary:271 76% 53%;--primary-foreground:0 0% 98%;--muted-foreground:0 0% 45.1%;--border:0 0% 89.8%;--input:0 0% 89.8%;--ring:271 76% 53%;--radius:.5rem;--panel-light:#f3f4f6;--panel-dark:#000;--form-muted:#9ca3af;--form-border:#4b5563;--form-input-bg:#111;--char-purple:#7c3aed;--char-orange:#fb923c;--char-yellow:#facc15}*,:before,:after{box-sizing:border-box}.split-login{-webkit-font-smoothing:antialiased;font-family:Geist,ui-sans-serif,system-ui,sans-serif}.split-login--setup{background:var(--panel-dark);grid-template-columns:1fr}.panel-right--full{grid-column:1/-1}.split-login--setup .form-title,.split-login--setup .form-heading-sub,.split-login--setup .form-link{color:#f9fafb}.login-inline-code{color:#e5e7eb;background:#272727;border-radius:.25rem;padding:.1rem .35rem;font-size:.8125rem}.ui-input{border-radius:calc(var(--radius) - 2px);border:1px solid hsl(var(--input));background-color:hsl(var(--background));width:100%;height:2.5rem;color:hsl(var(--foreground));outline:none;padding:.5rem .75rem;font-size:.875rem;line-height:1.25rem;transition:border-color .15s,box-shadow .15s;display:flex}.ui-input::placeholder{color:hsl(var(--muted-foreground))}.ui-input:focus-visible{border-color:hsl(var(--primary));box-shadow:0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--ring) / .35)}.ui-input.ui-input--lg{height:2.75rem;font-size:.875rem}.ui-input.ui-input--dark{background-color:var(--form-input-bg);border-color:var(--form-border);color:#f9fafb}.ui-input.ui-input--dark::placeholder{color:var(--form-muted)}.ui-input.ui-input--dark:focus-visible{border-color:#6b7280;box-shadow:0 0 0 2px #000,0 0 0 4px #ffffff1f}.btn{cursor:pointer;white-space:nowrap;background-repeat:no-repeat;border:none;border-radius:999px;align-items:center;gap:16px;font-family:Geist,ui-sans-serif,system-ui,sans-serif;font-weight:600;text-decoration:none;transition:background-size .5s cubic-bezier(.22,1,.36,1),color .45s cubic-bezier(.22,1,.36,1),background-color .35s;display:inline-flex}.btn:disabled{pointer-events:none;opacity:.55;cursor:not-allowed}.btn-primary{color:#fff;background-image:linear-gradient(105deg,#fff 0%,#fafafa 100%),linear-gradient(#9334eb,#9334eb);background-position:0%,0%;background-size:0% 100%,100% 100%;padding:14px 7px 14px 34px}.btn-primary:hover,.btn-primary:focus-visible{color:#9334eb;background-size:100% 100%,100% 100%}.btn-primary .btn-icon,.btn-primary .btn-icon-sm{background:#fff;transition:background .45s cubic-bezier(.22,1,.36,1)}.btn-primary:hover .btn-icon,.btn-primary:hover .btn-icon-sm,.btn-primary:focus-visible .btn-icon,.btn-primary:focus-visible .btn-icon-sm{background:#9334eb}.btn-primary .btn-icon svg path,.btn-primary .btn-icon-sm svg path{stroke:#9334eb;transition:stroke .45s cubic-bezier(.22,1,.36,1)}.btn-primary:hover .btn-icon svg path,.btn-primary:hover .btn-icon-sm svg path,.btn-primary:focus-visible .btn-icon svg path,.btn-primary:focus-visible .btn-icon-sm svg path{stroke:#fff;transition:stroke .12s}.btn-icon-sm{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;overflow:hidden}.btn .btn-icon-sm svg{transition:transform .48s cubic-bezier(.22,1,.35,1);display:block;transform:translate(0,0)}.btn:hover .btn-icon-sm svg,.btn:focus-visible .btn-icon-sm svg{transition:transform .5s cubic-bezier(.22,1,.35,1) .1s;transform:translate(16px,-16px)}.split-login .login-submit.btn-primary{letter-spacing:-.01em;justify-content:center;gap:.5rem;width:100%;padding:.5rem .35rem .5rem 1rem;font-size:.875rem;font-weight:500}.split-login .login-submit.btn-primary .btn-icon-sm{width:1.625rem;height:1.625rem}@media (prefers-reduced-motion:reduce){.btn{transition-duration:.16s}.btn .btn-icon-sm svg,.btn:hover .btn-icon-sm svg,.btn:focus-visible .btn-icon-sm svg{transition-duration:.16s;transform:none}}.ui-checkbox{appearance:none;border-radius:calc(var(--radius) - 4px);border:1px solid hsl(var(--primary));background-color:hsl(var(--background));cursor:pointer;flex-shrink:0;width:1rem;height:1rem;transition:background-color .15s,border-color .15s;position:relative}.ui-checkbox:checked{background-color:hsl(var(--primary));border-color:hsl(var(--primary))}.ui-checkbox:checked:after{content:"";border:solid hsl(var(--primary-foreground));border-width:0 2px 2px 0;width:.3rem;height:.55rem;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%)rotate(45deg)}.ui-checkbox:focus-visible{box-shadow:0 0 0 2px hsl(var(--background)), 0 0 0 4px hsl(var(--ring))}.ui-checkbox.ui-checkbox--dark{background-color:#0000;border-color:#6b7280}.ui-checkbox.ui-checkbox--dark:checked{background-color:#f9fafb;border-color:#f9fafb}.ui-checkbox.ui-checkbox--dark:checked:after{border-color:#0a0a0a}.ui-label{font-size:.875rem;font-weight:500;line-height:1}.ui-label--normal{font-weight:400}.split-login{grid-template-columns:1fr;width:100%;min-height:100svh;display:grid}@media (min-width:768px){.split-login{grid-template-columns:1fr 1fr}}.char-stage-wrap{flex:1;justify-content:center;align-items:center;width:100%;min-height:0;padding:1rem 0;display:flex;overflow:visible}.char-stage{transform-origin:50%;flex-shrink:0;width:550px;max-width:100%;height:400px;position:relative}.char{transform-origin:bottom;transition:transform .7s ease-in-out,height .7s ease-in-out;position:absolute;bottom:0}.hidden{display:none!important}.brand-row{z-index:10;align-items:center;gap:.5rem;display:flex;position:relative}.form-header{text-align:center;margin-bottom:2rem}.field-group{flex-direction:column;gap:.5rem;display:flex}#login-form{flex-direction:column;gap:1.25rem;display:flex}.password-wrap{position:relative}.password-wrap .ui-input{padding-right:2.5rem}.password-toggle{color:#9ca3af;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;top:50%;right:.625rem;transform:translateY(-50%)}.password-toggle:hover{color:#fff}.form-row-options{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.form-row-options-left{align-items:center;gap:.5rem;display:flex}.label-white{color:#fff}.label-pointer{cursor:pointer}.text-center{text-align:center}#error-box{color:#f87171;background:#450a0a33;border:1px solid #7f1d1d4d;border-radius:.5rem;padding:.625rem;font-size:.75rem;display:none}#error-box.is-visible{display:block}.eyes{transition:left .7s ease-in-out,top .7s ease-in-out;display:flex;position:absolute}.eyes.gap-6{gap:1.5rem}.eyes.gap-8{gap:2rem}.eyes--fast{transition:left .2s ease-out,top .2s ease-out}.eyeball{background-color:#fff;border-radius:9999px;justify-content:center;align-items:center;transition:height .15s;display:flex;overflow:hidden}.eyeball-pupil,.pupil-dot{background-color:#2d2d2d;border-radius:9999px;transition:transform .1s ease-out}.panel-left,.brand-row--desktop{display:none}.brand-row--mobile{width:100%;margin-bottom:.5rem;display:flex}.brand-row--mobile .brand-logo img{filter:brightness(0)invert()}.panel-right{background-color:var(--panel-dark);color:#f9fafb;padding:max(1.25rem, env(safe-area-inset-top)) 1.25rem max(1.25rem, env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-start;align-items:stretch;min-height:100dvh;display:flex}.panel-right-footer{border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:center;gap:.75rem 1rem;margin-top:1.5rem;padding-top:1rem;font-size:.6875rem;display:flex}.form-panel-inner{flex-direction:column;flex:auto;justify-content:flex-start;width:100%;max-width:none;display:flex}.form-row-options{flex-direction:column;align-items:flex-start;gap:.75rem}.ui-input.ui-input--lg{min-height:2.75rem;scroll-margin-bottom:6rem;font-size:16px}@media (min-width:768px){.panel-left{background:linear-gradient(165deg, #f9fafb 0%, var(--panel-light) 45%, #eceef2 100%);color:#0a0a0a;flex-direction:column;justify-content:space-between;min-height:100svh;padding:2rem 2.5rem;display:flex}.brand-row--desktop{display:flex}.brand-row--mobile{display:none}.panel-right{justify-content:center;align-items:center;padding:2.5rem 2rem}.panel-right-footer{display:none}.form-panel-inner{flex:none;max-width:400px;margin:0 auto;display:block}.form-row-options{flex-direction:row;justify-content:space-between;align-items:center}.ui-input.ui-input--lg{min-height:2.75rem;scroll-margin-bottom:0;font-size:.875rem}}.brand-logo{flex-shrink:0;line-height:0;text-decoration:none;display:block}.brand-logo img{-o-object-fit:contain;object-fit:contain;-o-object-position:left center;object-position:left center;width:auto;max-width:min(152px,42vw);height:28px;display:block}.panel-left-footer{flex-wrap:wrap;gap:1rem 1.5rem;font-size:.75rem;display:flex}.panel-left-footer a{color:#6b7280}.panel-left-footer a:hover{color:#111827}.form-title{letter-spacing:-.025em;color:#fff;margin:0 0 .5rem;font-size:1.875rem;font-weight:700;line-height:1.2}.form-heading-sub,.ui-label,.ui-label--normal,.form-row-options{font-size:.875rem}.form-signup{margin-top:.25rem;font-size:.875rem}.icon-sm{width:1.125rem;height:1.125rem}.form-heading-sub{color:var(--form-muted)}.form-link{color:#f9fafb}.form-link:hover{text-decoration:underline}.form-link-button{font:inherit;cursor:pointer;background:0 0;border:none;padding:0}.form-link-muted{color:var(--form-muted)}.form-signup a{color:#f9fafb;font-weight:500}.panel-right-footer a{color:var(--form-muted);text-decoration:none}.panel-right-footer a:hover{color:#f9fafb}@media (max-width:767px){.split-login{display:block}.form-header{margin-bottom:1.5rem}.form-title{font-size:1.5rem}.split-login .login-submit.btn-primary{min-height:2.75rem}}
