.auth-container{background-color:var(--background);min-height:100svh;display:flex}.auth-form-panel{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.auth-form-wrapper{flex-direction:column;gap:1.25rem;width:100%;max-width:400px;animation:.6s ease-out auth-fade-in;display:flex}.auth-brand{align-items:center;gap:.625rem;margin-bottom:.5rem;display:flex}.auth-brand-icon{background:linear-gradient(135deg,var(--brand-purple),var(--brand-pink));color:#fff;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:2.25rem;height:2.25rem;display:flex}.auth-brand-name{color:var(--foreground);letter-spacing:-.02em;font-size:1.25rem;font-weight:700}.auth-back-button{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;width:fit-content;padding:0;font-size:.875rem;font-weight:500;transition:color .2s;display:inline-flex}.auth-back-button:hover{color:var(--foreground)}.auth-header{flex-direction:column;gap:.5rem;display:flex}.auth-title{color:var(--foreground);letter-spacing:-.025em;font-size:1.75rem;font-weight:700;line-height:1.2}.auth-subtitle{color:var(--muted-foreground);font-size:.9rem;line-height:1.6}.auth-email-highlight{color:var(--foreground);font-weight:600}.auth-error{color:#e40014;color:lab(48.4493% 77.4328 61.5452);background-color:#e4001414;background-color:lab(48.4493% 77.4328 61.5452/.08);border:1px solid #e4001433;border:1px solid lab(48.4493% 77.4328 61.5452/.2);border-radius:.5rem;padding:.75rem 1rem;font-size:.85rem;font-weight:500;line-height:1.4;animation:.4s auth-shake}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-field{flex-direction:column;gap:.5rem;display:flex}.auth-label{color:var(--foreground);font-weight:500}.auth-input-wrapper{position:relative}.auth-input-icon{width:1rem;height:1rem;color:var(--muted-foreground);pointer-events:none;z-index:1;position:absolute;top:50%;left:.75rem;transform:translateY(-50%)}.auth-input{background-color:var(--muted)!important;border-color:#0000!important;border-radius:.5rem!important;height:2.75rem!important;padding-left:2.5rem!important;transition:all .2s!important}.auth-input::placeholder{color:var(--muted-foreground);opacity:.6}.auth-input:focus{background-color:var(--background)!important;border-color:var(--ring)!important;box-shadow:0 0 0 3px oklch(from var(--ring)l c h/.15)!important}.auth-otp-field{align-items:flex-start}.auth-otp-field [data-slot=input-otp]{gap:.5rem}.auth-otp-field [data-slot=input-otp-group]{gap:0}.auth-otp-field [data-slot=input-otp-slot]{border-width:1px;border-color:var(--border);background-color:var(--muted);border-radius:0;width:3rem;height:3rem;font-size:1.125rem;font-weight:600;transition:all .2s}.auth-otp-field [data-slot=input-otp-slot]:first-child{border-top-left-radius:.5rem;border-bottom-left-radius:.5rem}.auth-otp-field [data-slot=input-otp-slot]:last-child{border-top-right-radius:.5rem;border-bottom-right-radius:.5rem}.auth-otp-field [data-slot=input-otp-slot][data-active=true]{background-color:var(--background);border-color:var(--ring)}.auth-submit-button{width:100%;margin-top:.25rem;border-radius:.5rem!important;gap:.5rem!important;height:2.75rem!important;font-size:.9rem!important;font-weight:600!important;transition:all .2s!important}.auth-submit-button:not(:disabled):hover{opacity:.9;box-shadow:0 4px 16px oklch(from var(--primary)l c h/.3)}.auth-submit-button:not(:disabled):active{transform:scale(.985)}.auth-toggle{text-align:center;color:var(--muted-foreground);font-size:.875rem}.auth-toggle-link{color:var(--primary);cursor:pointer;font-weight:600;font-size:inherit;background:0 0;border:none;padding:0;text-decoration:none;transition:all .2s}.auth-toggle-link:hover{text-underline-offset:2px;text-decoration:underline}.auth-resend{text-align:center;color:var(--muted-foreground);font-size:.875rem}.auth-image-panel{border-radius:1.25rem;flex:1;margin:.75rem;display:none;position:relative;overflow:hidden}.auth-image{object-fit:cover;object-position:center}.auth-image-overlay{pointer-events:none;background:linear-gradient(#0000 60%,#0006 100%);background:linear-gradient(lab(0% 0 0/0) 60%,lab(0% 0 0/.4) 100%);position:absolute;inset:0}@media (min-width:768px){.auth-image-panel{display:block}.auth-form-panel{flex:0 0 50%;max-width:50%}.auth-image-panel{flex:0 0 50%;max-width:calc(50% - .75rem)}}@media (min-width:1024px){.auth-form-panel{flex:0 0 45%;max-width:45%;padding:3rem}.auth-image-panel{flex:0 0 55%;max-width:calc(55% - .75rem)}.auth-title{font-size:2rem}}@media (max-width:767px){.auth-container{flex-direction:column;position:relative}.auth-image-panel{border-radius:0;flex:none;height:220px;margin:0;display:block;position:relative}.auth-image-overlay{background:linear-gradient(to top,var(--background)0%,#0003 50%,#0000 100%)}@supports (color:lab(0% 0 0)){.auth-image-overlay{background:linear-gradient(to top,var(--background)0%,lab(0% 0 0/.2) 50%,lab(0% 0 0/0) 100%)}}.auth-form-panel{z-index:2;margin-top:-2rem;padding:1.5rem;position:relative}.auth-form-wrapper{background-color:var(--card);border:1px solid var(--border);border-radius:1rem;padding:1.5rem;box-shadow:0 4px 24px #00000014,0 1px 3px #0000000a;box-shadow:0 4px 24px lab(0% 0 0/.08),0 1px 3px lab(0% 0 0/.04)}.auth-container{flex-direction:column;display:flex}.auth-image-panel{order:-1}.auth-title{font-size:1.5rem}.auth-subtitle{font-size:.85rem}.auth-otp-field [data-slot=input-otp-slot]{width:2.75rem;height:2.75rem}}@keyframes auth-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes auth-shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes caret-blink{0%,70%,to{opacity:1}20%,50%{opacity:0}}.animate-caret-blink{animation:1.2s ease-out infinite caret-blink}
