.auth-modal{max-width:42rem}.auth-modal__content{display:flex;flex-direction:column;gap:var(--space-l)}.auth-modal__oauth{display:flex;flex-direction:column;gap:var(--space-s);padding-top:var(--space-l)}.auth-modal__oauth-button{display:flex;align-items:center;justify-content:center;gap:var(--space-s);width:100%}.auth-modal__oauth-button .icon{width:2rem;height:2rem}.auth-modal__divider{position:relative;text-align:center;margin:var(--space-s) 0}.auth-modal__divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:var(--border)}.auth-modal__divider span{position:relative;display:inline-block;padding:0 var(--space-s);background-color:var(--surface-elevated);color:var(--fg-muted);font-size:var(--t-s);z-index:1}.auth-modal__form{display:flex;flex-direction:column;gap:var(--content-gap)}.auth-modal__error{color:var(--error);text-align:center}.auth-modal__form .form-field{display:flex;flex-direction:column;gap:var(--space-xs)}.auth-modal__form .input-with-icon{position:relative}.auth-modal__form .input-with-icon .icon{position:absolute;left:var(--space-s);top:50%;transform:translateY(-50%);width:2rem;height:2rem;color:var(--fg-muted);pointer-events:none}.auth-modal__form .input-with-icon input{padding-left:calc(var(--space-s) + 2rem + var(--space-xs))}.auth-modal__success{display:flex;flex-direction:column;align-items:center;gap:var(--space-m);text-align:center}.auth-modal__success-icon{width:var(--space-3xl);height:var(--space-3xl);color:var(--success);.icon{width:var(--space-3xl);height:var(--space-3xl)}}.auth-modal__success p{color:var(--fg-subtle);font-size:var(--t-m);line-height:1.6}.auth-modal__loading{display:flex;flex-direction:column;align-items:center;gap:var(--space-m);padding:var(--space-xl) 0;text-align:center}.auth-modal__loading-icon{width:4.8rem;height:4.8rem;color:var(--primary)}.auth-modal__loading p{color:var(--fg-subtle);font-size:var(--t-m)}.auth-modal__actions{display:flex;flex-direction:column;gap:var(--content-gap);justify-content:center}.auth-modal__actions .btn{align-self:anchor-center}.auth-modal__footer-text{color:var(--fg-muted);font-size:var(--t-s);text-align:center;line-height:1.6}.otp-input-group{display:flex;gap:var(--space-s);justify-content:center;width:100%}.otp-input{width:4.8rem;height:5.6rem;text-align:center;font-size:var(--t-xl);font-weight:600;border:2px solid var(--border);border-radius:var(--radius-m);background-color:var(--surface);color:var(--fg);transition:all .2s ease}.otp-input:focus{outline:none;border-color:var(--primary);background-color:var(--surface-elevated);box-shadow:0 0 0 3px var(--primary-alpha-20)}.otp-input:disabled{opacity:.5;cursor:not-allowed}.otp-resend{text-align:center;margin-top:var(--space-xs)}.otp-resend .btn--link{background:none;border:none;color:var(--primary);font-size:var(--t-s);cursor:pointer;padding:var(--space-xs);text-decoration:underline;transition:opacity .2s ease}.auth-panel{display:flex;flex-direction:column;gap:var(--space-l)}.auth-panel--page{margin-inline:auto;width:min(100%,44rem);padding:clamp(2.4rem,calc(4vw + 1.2rem),3.6rem);background-color:var(--surface);border-radius:var(--radius-xl);border:1px solid var(--border);box-shadow:0 20px 40px -24px rgba(15,23,42,.25)}.auth-panel__title{font-size:var(--text-title-s);font-weight:700;margin:0}.auth-panel__description{margin-top:var(--space-2xs);color:var(--fg-muted);font-size:var(--t-m);line-height:1.6}.otp-resend .btn--link:hover:not(:disabled){opacity:.8}.otp-resend .btn--link:disabled{opacity:.5;cursor:not-allowed}@media (max-width:640px){.auth-modal{max-width:100%}.auth-panel--page{width:100%;max-width:100%;border-radius:0;border-left:none;border-right:none}.otp-input-group{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--space-2xs);width:100%;max-width:100%}.otp-input{width:100%;min-width:0;height:5.6rem;font-size:var(--t-xl);padding:0}}