.auth-container{--auth-bg:#f5f7fb;--auth-card:#fff;--auth-border:#e6e9f0;--auth-text:#111827;--auth-muted:#6b7280;--auth-primary:#1d2ed8;--auth-primary-hover:#1626b8;--auth-focus:#1d2ed81f;--auth-shadow:0px 3.5px 5.5px 0px #00000005;--btn-color:var(--auth-primary);background:radial-gradient(900px 520px at 10% -12%, #eef1ff 0%, transparent 60%), radial-gradient(780px 520px at 110% 6%, #edf6ff 0%, transparent 55%), var(--auth-bg);min-height:100dvh;color:var(--auth-text);display:flex;position:relative;overflow:hidden}.auth-form-section{z-index:1;flex:1;justify-content:center;align-items:center;padding:2.5rem 1.25rem;display:flex;position:relative}.auth-card{background:var(--auth-card);border:1px solid var(--auth-border);width:100%;max-width:380px;box-shadow:var(--auth-shadow);border-radius:16px;padding:2rem 1.75rem;animation:.42s ease-out both auth-card-in;position:relative}.auth-logo{justify-content:center;margin-bottom:1.25rem;display:flex}.auth-logo img{width:120px!important;height:auto!important}.auth-title{text-align:center;margin-bottom:1.25rem}.auth-title h2{color:var(--auth-text);text-align:center;margin-bottom:0;font-size:1.1rem;font-weight:700}.auth-title p{color:var(--auth-muted);font-size:.9rem}.auth-lang-switcher{z-index:10;position:absolute;top:1.25rem;right:1.25rem}[dir=rtl] .auth-lang-switcher{left:1.25rem;right:auto}.auth-form-group{margin-bottom:1rem}.auth-input-wrapper{background:var(--auth-card);border:1px solid var(--auth-border);border-radius:10px;align-items:center;gap:.75rem;min-height:44px;padding:.75rem .95rem;transition:all .2s;display:flex;position:relative}.auth-input-wrapper:hover{border-color:#d9dde6}.auth-input-wrapper:focus-within{border-color:var(--auth-primary);box-shadow:0 0 0 3px var(--auth-focus)}.auth-input-wrapper.error{background:#fff5f5;border-color:#fc8181}.auth-input-wrapper.error:focus-within{box-shadow:0 0 0 2px #fc81811a}.auth-input{color:#1f2937;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.92rem}.auth-input::placeholder{color:#9aa3b2}.auth-password-toggle{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:.25rem;transition:all .2s;display:flex}.auth-password-toggle svg{color:#718096;width:20px;height:20px}.auth-error-message{color:#c53030;background:#fff5f5;border-radius:10px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.78rem;display:flex}.auth-alert{border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.82rem;display:flex}.auth-alert-error{color:#c53030;background:linear-gradient(135deg,#fed7d7 0%,#feb2b2 100%);border:1px solid #fc8181}.auth-alert-success{color:#276749;background:linear-gradient(135deg,#c6f6d5 0%,#9ae6b4 100%);border:1px solid #68d391}.auth-submit-btn{color:#fff;background:var(--auth-primary);cursor:pointer;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:44px;margin-top:1.25rem;padding:.85rem 1.5rem;font-size:.95rem;font-weight:600;transition:all .2s;display:flex}.auth-submit-btn:hover:not(:disabled){background:var(--auth-primary-hover)}.auth-submit-btn:disabled{opacity:.6;cursor:not-allowed;background:#94a3b8}.auth-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-link{color:var(--auth-primary);font-weight:600;text-decoration:none;transition:all .2s}.auth-link:hover{color:var(--auth-primary-hover);text-decoration:underline}.auth-forgot-link{text-align:left;margin-top:.5rem;margin-bottom:.5rem;font-size:.78rem;display:block}[dir=rtl] .auth-forgot-link{text-align:right}.auth-footer p{color:#6b7280;font-size:.85rem}.auth-phone-wrapper{border:1px solid var(--auth-border);border-radius:10px;align-items:center;display:flex;position:relative;overflow:visible;background:var(--auth-card)!important;direction:ltr!important;padding:0!important}.auth-phone-wrapper .react-international-phone-input-container{direction:ltr;align-items:center;gap:0;width:100%;display:flex;background:0 0!important;border:none!important}.auth-phone-wrapper .react-international-phone-input{color:#2d3748!important;height:44px!important;box-shadow:none!important;text-align:left!important;direction:ltr!important;background:0 0!important;border:none!important;border-radius:0 10px 10px 0!important;outline:none!important;flex:1!important;padding:0 .75rem!important;font-size:.9rem!important}.auth-phone-wrapper .react-international-phone-input::placeholder{color:#9aa3b2!important}.auth-phone-wrapper .react-international-phone-country-selector-button{border:1px solid var(--auth-border)!important;cursor:pointer!important;background:#f3f4f6!important;border-radius:8px!important;justify-content:center!important;align-items:center!important;gap:4px!important;min-width:60px!important;height:32px!important;margin:0 6px 0 10px!important;padding:0 8px!important;display:flex!important}.auth-phone-wrapper .react-international-phone-country-selector-button:hover{background:#eef2f7!important}.auth-phone-wrapper .react-international-phone-country-selector-dropdown{border:1px solid var(--auth-border)!important;z-index:1000!important;background:var(--auth-card)!important;border-radius:12px!important;min-width:300px!important;max-height:220px!important;position:absolute!important;top:calc(100% + 6px)!important;left:0!important;overflow-y:auto!important;box-shadow:0 16px 40px #0f172a2e!important}.auth-phone-wrapper .react-international-phone-country-selector-dropdown__list-item{cursor:pointer!important;padding:8px 12px!important}.auth-phone-wrapper .react-international-phone-country-selector-dropdown__list-item:hover{background:#f3f5f9!important}.auth-phone-wrapper .react-international-phone-country-selector-dropdown__list-item--selected{background:#e8edf5!important}[dir=rtl] .auth-input-wrapper{direction:rtl!important;flex-direction:row!important}[dir=rtl] .auth-input{text-align:right!important;direction:rtl!important}[dir=rtl] .auth-input::placeholder{text-align:right!important}[dir=rtl] .auth-phone-wrapper{direction:ltr!important}[dir=rtl] .auth-phone-wrapper .react-international-phone-country-selector-button{margin:0 10px 0 6px!important}[dir=rtl] .auth-phone-wrapper .react-international-phone-country-selector-dropdown{left:auto!important;right:0!important}.auth-dropdown{position:relative}.auth-dropdown-btn{color:#2d3748;background:var(--auth-card);border:1px solid var(--auth-border);cursor:pointer;text-align:left;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:44px;padding:.7rem .95rem;font-size:.9rem;transition:all .2s;display:flex}[dir=rtl] .auth-dropdown-btn{text-align:right;flex-direction:row-reverse}.auth-dropdown-btn:hover{border-color:#d9dde6}.auth-dropdown-btn:focus{border-color:var(--auth-primary);box-shadow:0 0 0 3px var(--auth-focus);outline:none}.auth-dropdown-menu{background:var(--auth-card);border:1px solid var(--auth-border);z-index:100;border-radius:12px;max-height:220px;margin-top:.5rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 16px 40px #0f172a2e}.auth-dropdown-item{cursor:pointer;padding:.65rem 1rem;font-size:.9rem;transition:all .2s}.auth-dropdown-item:hover{color:var(--auth-primary);background:#f3f5f9}.auth-dropdown-item:first-child{border-radius:8px 8px 0 0}.auth-dropdown-item:last-child{border-radius:0 0 8px 8px}@media (max-width:575.98px){.auth-container{padding:0}.auth-form-section{padding:2rem .75rem .75rem}.auth-card{border-radius:16px;max-width:100%;margin:0;padding:1.25rem;box-shadow:0 16px 30px #0f172a1f}.auth-logo{margin-bottom:1rem}.auth-logo img{width:140px!important;height:auto!important}.auth-title{margin-bottom:1.25rem}.auth-title h2{font-size:1.25rem}.auth-title p{font-size:.85rem}.auth-lang-switcher{top:.75rem;right:.75rem}[dir=rtl] .auth-lang-switcher{left:.75rem;right:auto}.auth-form-group{margin-bottom:1rem}.auth-input-wrapper{border-radius:10px;gap:.5rem;padding:.625rem .75rem}.auth-input{font-size:.9rem}.auth-password-toggle svg{width:18px;height:18px}.auth-submit-btn{border-radius:10px;margin-top:1rem;padding:.875rem 1rem;font-size:.95rem}.auth-forgot-link{margin-bottom:.75rem;font-size:.8rem}.auth-footer{margin-top:1rem;padding-top:1rem}.auth-footer p{font-size:.85rem}.auth-alert{border-radius:10px;padding:.75rem;font-size:.8rem}.auth-error-message{padding:.4rem .6rem;font-size:.75rem}.auth-dropdown-btn{border-radius:10px;padding:.625rem .75rem;font-size:.9rem}.auth-dropdown-menu{border-radius:10px}.auth-dropdown-item{padding:.625rem .75rem;font-size:.9rem}.auth-phone-wrapper .react-international-phone-input{height:42px!important;font-size:.9rem!important}.auth-phone-wrapper .react-international-phone-country-selector-button{min-width:52px!important}}@media (min-width:576px) and (max-width:767.98px){.auth-form-section{padding:1rem}.auth-card{max-width:400px;padding:1.75rem}.auth-title h2{font-size:1.3rem}}@media (min-width:768px) and (max-width:991.98px){.auth-card{max-width:420px;padding:2.25rem}.auth-title h2{font-size:1.35rem}}@media (min-width:992px){.auth-card{max-width:420px;padding:2.5rem}.auth-title h2{font-size:1.4rem}}@media (min-width:1200px){.auth-card{max-width:440px;padding:3rem}.auth-title h2{font-size:1.45rem}}@media (max-height:700px) and (max-width:575.98px){.auth-form-section{align-items:flex-start;padding-top:1rem}.auth-card{padding:1rem}.auth-logo{margin-bottom:.75rem}.auth-logo img{width:120px!important}.auth-title{margin-bottom:1rem}.auth-title h2{font-size:1.25rem}.auth-form-group{margin-bottom:.75rem}.auth-submit-btn{margin-top:.75rem;padding:.75rem 1rem}.auth-footer{margin-top:.75rem;padding-top:.75rem}}@media (max-height:500px) and (orientation:landscape){.auth-container{min-height:auto;padding:1rem 0}.auth-form-section{align-items:flex-start}.auth-card{max-height:none;overflow:visible}}.auth-input:focus-visible,.auth-submit-btn:focus-visible,.auth-link:focus-visible{outline:2px solid var(--btn-color,#1024dd);outline-offset:2px}[dir=rtl] .auth-input-wrapper,[dir=rtl] .auth-dropdown-btn{flex-direction:row-reverse}.auth-label{color:var(--auth-muted);text-align:right;margin-bottom:.5rem;font-size:.82rem;font-weight:600;display:block}[dir=rtl] .auth-label{text-align:right}[dir=ltr] .auth-label{text-align:left}.auth-required{color:#e53e3e}.auth-support-links{justify-content:center;align-items:center;gap:1rem;margin-top:1rem;padding:.5rem 0;display:flex}.auth-support-link{color:var(--auth-primary);font-size:.8rem;font-weight:500;text-decoration:none;transition:all .2s}.auth-support-link:hover{text-decoration:underline}.auth-support-divider{color:#cbd5e0;font-size:.9rem}.auth-footer-text{color:#6b7280;margin-bottom:.25rem;font-size:.82rem}.auth-link-bold{font-size:.92rem;font-weight:600}.auth-input-wrapper:has(.auth-input:only-child){padding:.875rem 1rem}.auth-footer{text-align:center;border-top:none;margin-top:1rem;padding-top:0}@keyframes auth-card-in{0%{opacity:0;transform:translateY(12px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}