#login-page{z-index:1;background-color:#fff0;justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative}#login-page .content-login{background-color:#fff;border:1px solid #e9ecef;border-radius:1rem;width:100%;max-width:380px;padding:2.5rem;box-shadow:0 4px 6px -1px #0000000d}#login-page .loading-container{justify-content:center;align-items:center;padding:3rem 0;display:flex}#login-page .logo-container{justify-content:center;margin-bottom:1rem;display:flex}#login-page .title-container{text-align:center;margin-bottom:2rem}#login-page .title-container h1{color:#1a1a2e;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}#login-page .title-container p{color:#6b7280;margin:0;font-size:.875rem}#login-page .divider{align-items:center;margin-bottom:1.5rem;display:flex}#login-page .divider:before,#login-page .divider:after{content:"";background-color:#e5e7eb;flex:1;height:1px}#login-page .divider span{color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;padding:0 1rem;font-size:.75rem}#login-page .btn-microsoft{color:#fff;cursor:pointer;background-color:#1a1a1a;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.625rem;width:100%;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:background-color .15s;display:flex}#login-page .btn-microsoft:hover:not(:disabled){background-color:#333}#login-page .btn-microsoft:disabled{opacity:.6;cursor:not-allowed}#login-page .btn-microsoft span{white-space:nowrap}#login-page .footer-info{text-align:center;margin-top:1.5rem}#login-page .footer-info p{color:#9ca3af;margin:0;font-size:.75rem}#login-page .btn-email{color:#1a1a1a;cursor:pointer;background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;justify-content:center;align-items:center;gap:.625rem;width:100%;margin-top:.75rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:all .15s;display:flex}#login-page .btn-email:hover:not(:disabled){background-color:#f9fafb;border-color:#d1d5db}#login-page .btn-email:disabled{opacity:.6;cursor:not-allowed}#login-page .email-form-container{opacity:0;max-height:0;margin-top:0;transition:max-height .3s,opacity .3s,margin .3s;overflow:hidden}#login-page .email-form-container.show{opacity:1;max-height:400px;margin-top:1rem}#login-page .email-form{flex-direction:column;gap:1rem;display:flex}#login-page .form-group{flex-direction:column;gap:.375rem;display:flex}#login-page .form-group label{color:#374151;font-size:.875rem;font-weight:500}#login-page .form-group input{border:1px solid #e5e7eb;border-radius:.5rem;outline:none;width:100%;padding:.75rem 1rem;font-size:.875rem;transition:border-color .15s,box-shadow .15s}#login-page .form-group input:focus{border-color:#1a1a1a;box-shadow:0 0 0 3px #1a1a1a1a}#login-page .form-group input::placeholder{color:#9ca3af}#login-page .password-input-wrapper{align-items:center;display:flex;position:relative}#login-page .password-input-wrapper input{padding-right:2.75rem}#login-page .password-input-wrapper .toggle-password{color:#9ca3af;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .15s;display:flex;position:absolute;right:.75rem}#login-page .password-input-wrapper .toggle-password:hover{color:#1a1a1a}#login-page .remember-me{align-items:center;display:flex}#login-page .remember-me label{cursor:pointer;color:#374151;align-items:center;gap:.5rem;font-size:.875rem;display:flex}#login-page .remember-me label input[type=checkbox]{accent-color:#1a1a1a;cursor:pointer;width:1rem;height:1rem}#login-page .remember-me label span{-webkit-user-select:none;user-select:none}#login-page .btn-submit{color:#fff;cursor:pointer;background-color:#1a1a1a;border:none;border-radius:.5rem;justify-content:center;align-items:center;gap:.625rem;width:100%;margin-top:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;transition:background-color .15s;display:flex}#login-page .btn-submit:hover:not(:disabled){background-color:#333}#login-page .btn-submit:disabled{opacity:.6;cursor:not-allowed}#login-page .btn-back{color:#6b7280;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.5rem;font-size:.8rem;transition:color .15s;display:flex}#login-page .btn-back:hover{color:#1a1a1a}#login-page .error-message{color:#dc2626;text-align:center;margin-top:.5rem;font-size:.8rem}@media (max-width:480px){#login-page .content-login{border-radius:1rem;padding:2rem 1.5rem}#login-page .title-container h1{font-size:1.25rem}#login-page .btn-microsoft{padding:.75rem 1rem;font-size:.85rem}}