.auth-layout{--auth-login-header-height:12.5rem;background:linear-gradient(to bottom, var(--color-surface) 0%, var(--color-surface) 50%, var(--color-background) 50%, var(--color-background) 100%);flex:1;justify-content:center;align-items:flex-start;min-height:100svh;padding-inline:1rem;display:flex}.auth-login-card{width:100%;max-width:412px;margin-top:max(1rem, calc(49.6svh - var(--auth-login-header-height)));border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);overflow:hidden}.auth-login-header{box-sizing:border-box;min-height:var(--auth-login-header-height);background:var(--color-surface);text-align:center;align-content:center;justify-items:center;gap:1.2rem;padding:2rem;display:grid;position:relative}.auth-login-back{display:none}.auth-login-brand{color:var(--color-primary);align-items:center;gap:.5rem;display:flex}.auth-login-brand img{width:12.5rem;height:auto}.auth-login-brand-mark{background:currentColor;border-radius:9999px;width:2rem;height:2rem}.auth-login-brand-name{letter-spacing:-.025em;font-size:1.25rem;font-weight:700}.auth-login-heading-group{gap:.5rem;display:grid}.auth-login-title{color:var(--color-text-muted);font-size:.725rem;font-weight:400}.auth-login-description{color:var(--color-text-muted);font-size:.75rem;line-height:1.25rem}.auth-login-form{border-top:1px dashed var(--color-border);background:var(--color-background);gap:.75rem;padding:1.75rem 2rem 2rem;display:grid}.auth-login-fields{gap:inherit;display:grid}.auth-login-mobile-input,.auth-login-password-input{border-radius:var(--radius-md);background:var(--color-surface);min-height:2.75rem}.auth-login-field-error{text-align:center;justify-content:center;align-items:center;gap:.25rem;font-size:.75rem;display:flex}.auth-login-submit{border-radius:var(--radius-md);width:100%;min-height:2.75rem;font-size:.875rem}.auth-login-terms{color:var(--color-text-muted);text-align:center;font-size:.625rem;line-height:1rem}.auth-login-terms-link,.auth-login-one-time-password{color:var(--color-primary)}.auth-login-mobile-summary{color:var(--color-text);align-items:center;gap:.25rem;font-size:1.1rem;font-weight:500;display:inline-flex}.auth-login-mobile-summary svg{width:.875rem;height:.875rem;color:var(--color-primary)}.auth-login-otp-input{margin-block:.25rem 0}.auth-timer-login{width:3.125rem;color:var(--color-text);font-size:1rem}.auth-login-resend{min-height:1.25rem;color:var(--color-text-muted);text-align:center;font-size:.75rem}.auth-login-resend p{align-items:center;gap:.5rem;display:inline-flex}.auth-login-resend-button{width:6.25rem;min-height:auto;color:var(--color-primary);padding:0;font-size:.85rem;font-weight:500}.auth-login-resend-button:hover,.auth-login-password-action:hover,.auth-login-one-time-password:hover{background:0 0}.auth-login-password-actions{justify-content:space-between;align-items:center;gap:1rem;margin:.625rem 0;display:flex}.auth-login-password-action,.auth-login-one-time-password{min-height:auto;padding:0;font-size:.75rem}.auth-login-password-action{color:var(--color-text-muted)}.auth-login-one-time-password{cursor:pointer;font-size:.85rem;font-weight:600}.auth-login-back:focus-visible,.auth-login-mobile-summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.auth-login-step{animation:.15s ease-out auth-login-enter}@keyframes auth-login-enter{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.auth-login-step{animation:none}}@media (max-width:63.999rem){.auth-layout{--auth-login-header-height:10.3125rem;align-items:center;padding:0}.auth-login-card{max-width:none;box-shadow:none;background:0 0;border:0;border-radius:0;margin-top:0;transform:translateY(-10svh)}.auth-login-header{gap:.875rem;padding:1.75rem 1rem 1.5rem}.auth-login-back{inset-inline-start:1rem;width:2rem;height:2rem;color:var(--color-text);background:0 0;border:0;place-items:center;padding:0;display:grid;position:absolute;top:0}.auth-login-back svg{width:1.5rem;height:1.5rem}.auth-login-brand img{width:11.5rem}.auth-login-heading-group{gap:.375rem}.auth-login-title{color:var(--color-text);font-size:1.1rem;font-weight:700}.auth-login-description{font-size:.8rem;line-height:1rem}.auth-login-form{border-top:0;gap:.5rem;padding:2rem 1rem 0}.auth-login-terms{font-size:.8rem}}