:root{--background:#fff;--foreground:#020817;--primary:#0f172a;--primary-foreground:#f8fafc;--secondary:#f1f5f9;--secondary-foreground:#0f172a;--muted:#f1f5f9;--muted-foreground:#64748b;--accent:#f1f5f9;--accent-foreground:#0f172a;--destructive:#ef4444;--destructive-foreground:#f8fafc;--border:#e2e8f0;--input:#e2e8f0;--ring:#020817;--radius:.75rem}*,:before,:after{box-sizing:border-box;border-color:var(--border)}body{background-color:var(--background);color:var(--foreground);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.btn{white-space:nowrap;border-radius:calc(var(--radius) - 2px);cursor:pointer;border:none;outline:none;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;transition:color .15s,background-color .15s,border-color .15s;display:inline-flex}.btn:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.btn:disabled{pointer-events:none;opacity:.5}.btn--default{background-color:var(--primary);color:var(--primary-foreground)}.btn--default:hover:not(:disabled){background-color:#0f172ae6}.btn--outline{border:1px solid var(--input);background-color:var(--background);color:var(--foreground)}.btn--outline:hover:not(:disabled){background-color:var(--accent);color:var(--accent-foreground)}.btn--md{height:2.5rem;padding:.5rem 1rem}.btn--lg{height:2.75rem;padding:0 2rem}.input{border-radius:calc(var(--radius) - 2px);border:1px solid var(--input);background-color:var(--background);width:100%;height:2.5rem;color:var(--foreground);outline:none;padding:.5rem .75rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s;display:flex}.input::placeholder{color:var(--muted-foreground)}.input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.input:disabled{cursor:not-allowed;opacity:.5}.input--lg{height:3rem}.input--with-icon{padding-right:2.5rem}.input--soft-border{border-color:#e2e8f099}.input--soft-border:focus-visible{border-color:var(--primary);outline:none;box-shadow:0 0 0 2px #0f172a26}.input[type=password]::-ms-reveal{display:none}.input[type=password]::-ms-clear{display:none}.input[type=password]::-webkit-textfield-decoration-container{display:none}.input[type=password]::-webkit-credentials-auto-fill-button{visibility:hidden;pointer-events:none;position:absolute;right:0}.label{font-size:.875rem;font-weight:500;line-height:1}.label--normal{font-weight:400}.label--clickable{cursor:pointer}.checkbox{border-radius:calc(var(--radius) - 4px);border:1px solid var(--primary);cursor:pointer;background-color:#0000;outline:none;flex-shrink:0;justify-content:center;align-items:center;width:1rem;height:1rem;transition:background-color .15s,color .15s;display:inline-flex}.checkbox:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.checkbox:disabled{cursor:not-allowed;opacity:.5}.checkbox[data-state=checked]{background-color:var(--primary);color:var(--primary-foreground)}.checkbox__indicator{color:currentColor;justify-content:center;align-items:center;display:flex}.checkbox__icon{width:1rem;height:1rem}.login-page{min-height:100vh;display:grid}@media (width>=1024px){.login-page{grid-template-columns:1fr 1fr}}.login-panel{color:var(--primary-foreground);background:linear-gradient(to bottom right, #0f172ae6, var(--primary), #0f172acc);flex-direction:column;justify-content:space-between;padding:3rem;display:none;position:relative}@media (width>=1024px){.login-panel{display:flex}}.login-panel__header{z-index:20;position:relative}.login-panel__brand{align-items:center;gap:.5rem;font-size:1.125rem;font-weight:600;display:flex}.login-panel__brand-icon{border-radius:var(--radius);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#f8fafc1a;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.login-panel__brand-icon svg{width:1rem;height:1rem}.login-panel__characters{z-index:20;justify-content:center;align-items:center;height:500px;display:flex;position:relative}.login-panel__footer{z-index:20;color:#f8fafc99;align-items:center;gap:2rem;font-size:.875rem;display:flex;position:relative}.login-panel__footer a{color:inherit;text-decoration:none;transition:color .15s}.login-panel__footer a:hover{color:var(--primary-foreground)}.login-panel__grid{background-image:linear-gradient(#ffffff0d 1px,#0000 1px),linear-gradient(90deg,#ffffff0d 1px,#0000 1px);background-size:20px 20px;position:absolute;inset:0}.login-panel__blur-top{filter:blur(64px);background-color:#f8fafc1a;border-radius:9999px;width:16rem;height:16rem;position:absolute;top:25%;right:25%}.login-panel__blur-bottom{filter:blur(64px);background-color:#f8fafc0d;border-radius:9999px;width:24rem;height:24rem;position:absolute;bottom:25%;left:25%}.login-form-section{background-color:var(--background);justify-content:center;align-items:center;padding:2rem;display:flex}.login-form-container{width:100%;max-width:420px}.login-form__mobile-brand{justify-content:center;align-items:center;gap:.5rem;margin-bottom:3rem;font-size:1.125rem;font-weight:600;display:flex}@media (width>=1024px){.login-form__mobile-brand{display:none}}.login-form__mobile-brand-icon{border-radius:var(--radius);background-color:#0f172a1a;justify-content:center;align-items:center;width:2rem;height:2rem;display:flex}.login-form__mobile-brand-icon svg{width:1rem;height:1rem;color:var(--primary)}.login-form__header{text-align:center;margin-bottom:2.5rem}.login-form__title{letter-spacing:-.025em;margin:0 0 .5rem;font-size:1.875rem;font-weight:700}.login-form__subtitle{color:var(--muted-foreground);margin:0;font-size:.875rem}.login-form{flex-direction:column;gap:1.25rem;display:flex}.form-field{flex-direction:column;gap:.5rem;display:flex}.form-field__control{position:relative}.password-toggle{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;padding:0;transition:color .15s;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.password-toggle:hover{color:var(--foreground)}.password-toggle svg{width:1.25rem;height:1.25rem}.form-row{justify-content:space-between;align-items:center;display:flex}.form-row__checkbox{align-items:center;gap:.5rem;display:flex}.form-link{color:var(--primary);font-size:.875rem;font-weight:500;text-decoration:none}.form-link:hover{text-decoration:underline}.form-error{color:#f87171;border-radius:var(--radius);background-color:#811d1d33;border:1px solid #811d1d4d;padding:.75rem;font-size:.875rem}.btn--full{width:100%;height:3rem;font-size:1rem}.btn--full-outline{border-color:#e2e8f099;width:100%;height:3rem}.btn__icon{width:1.25rem;height:1.25rem;margin-right:.5rem}.social-login{margin-top:1.5rem}.signup-link{text-align:center;color:var(--muted-foreground);margin-top:2rem;font-size:.875rem}.signup-link a{color:var(--foreground);font-weight:500;text-decoration:none}.signup-link a:hover{text-decoration:underline}.rounded-full{border-radius:9999px}.absolute{position:absolute}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.transition-all{transition:all .15s}.transition-all--slow{transition:all .7s ease-in-out}.transition-all--medium{transition:all .2s ease-out}.gap-8{gap:2rem}.gap-6{gap:1.5rem}.character-stage{position:relative}.character{transition:all .7s ease-in-out;position:absolute;bottom:0}.character__eyes{transition:all .7s ease-in-out;position:absolute}.character__eyes--fast{transition:all .2s ease-out}.character__mouth{background-color:#2d2d2d;border-radius:9999px;width:5rem;height:4px;transition:all .2s ease-out;position:absolute}