.login-page-root{background:var(--mud-palette-background);justify-content:center;align-items:center;min-height:100%;padding:1.5rem;display:flex}.login-page-root.has-bg-image{background-position:50%;background-repeat:no-repeat;background-size:cover}.login-card{background:var(--mud-palette-surface);width:100%;max-width:400px;color:var(--mud-palette-text-primary);border:1px solid var(--mud-palette-lines-default,#00000014);border-radius:16px;padding:2rem;box-shadow:0 4px 24px #00000014}.mud-theme-dark .login-card{border-color:var(--mud-palette-lines-default,#ffffff14);box-shadow:0 4px 24px #0000004d}.login-card-title{text-align:center;color:var(--mud-palette-text-primary);margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.login-card-icon-wrap{background:color-mix(in srgb,var(--mud-palette-primary)14%,transparent);border-radius:50%;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin:0 auto 1rem;display:flex}.login-card-icon{width:2.25rem!important;height:2.25rem!important;font-size:2.25rem!important}.login-divider{align-items:center;gap:.75rem;margin:1.25rem 0;display:flex}.login-divider-line{background:var(--mud-palette-lines-default);flex:1;height:1px}.login-divider-text{color:var(--mud-palette-text-secondary);font-size:.8rem}.login-link{color:var(--mud-palette-primary);font-size:.85rem;text-decoration:none}.login-link:hover{text-decoration:underline}.login-card form .mud-input-slot{width:100%;color:var(--mud-palette-text-primary);border:1px solid var(--mud-palette-lines-default);background:0 0;border-radius:4px;padding:16px 12px 4px;font-family:inherit;font-size:1rem;line-height:1.5;transition:border-color .2s,box-shadow .2s;display:block}.login-card form .mud-input-slot:focus{border-color:var(--mud-palette-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--mud-palette-primary)25%,transparent);outline:none}.login-card form .mud-input-label-outlined{color:var(--mud-palette-text-secondary);margin-bottom:4px;font-size:.75rem;display:block}.login-card form div,.otp-pin-container{margin-bottom:.5rem}.otp-pin-label{color:var(--mud-palette-text-secondary);text-align:center;white-space:nowrap;margin-bottom:10px;font-size:.875rem;font-weight:500;display:block}.otp-pin-boxes{direction:ltr;justify-content:center;align-items:center;gap:.5rem;display:flex}.otp-pin-box{text-align:center;width:3rem;height:3.5rem;color:var(--mud-palette-text-primary);background:var(--mud-palette-background);border:2px solid var(--mud-palette-lines-default);direction:ltr;border-radius:8px;font-size:1.5rem;font-weight:600;transition:border-color .2s,box-shadow .2s}.otp-pin-box:focus{border-color:var(--mud-palette-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--mud-palette-primary)25%,transparent);outline:none}.otp-pin-box:disabled{opacity:.6;cursor:not-allowed}.otp-pin-box::placeholder{color:var(--mud-palette-text-disabled)}.login-mobile-input-wrap{margin-bottom:.5rem}.login-mobile-label{color:var(--mud-palette-text-secondary);text-align:center;white-space:nowrap;margin-bottom:6px;font-size:.75rem;display:block}.login-mobile-boxes{direction:ltr;justify-content:center;align-items:center;gap:.22rem;width:100%;display:flex}.login-mobile-box{text-align:center;width:clamp(1.45rem,6.2vw,1.75rem);height:2.85rem;color:var(--mud-palette-text-primary);background:var(--mud-palette-background);border:2px solid var(--mud-palette-lines-default);direction:ltr;border-radius:8px;padding:0;font-size:1.15rem;font-weight:700;transition:border-color .2s,box-shadow .2s}.login-mobile-box:focus{border-color:var(--mud-palette-primary);box-shadow:0 0 0 2px color-mix(in srgb,var(--mud-palette-primary)25%,transparent);outline:none}.login-mobile-box-separator{flex:0 0 .35rem;width:.35rem}.login-mobile-hint{text-align:center;color:var(--mud-palette-text-secondary);direction:ltr;margin-top:6px;font-size:.75rem;display:block}@media (width<=360px){.login-mobile-boxes{gap:.16rem}.login-mobile-box{border-radius:7px;width:1.34rem;height:2.55rem;font-size:1rem}.login-mobile-box-separator{flex-basis:.2rem;width:.2rem}}