.auth-container{background:linear-gradient(160deg,#f8fafc 0%,#e2e8f0 50%,#cbd5e1 100%);min-height:100dvh;display:flex;position:relative;overflow:hidden}.auth-container:before{content:"";pointer-events:none;background:linear-gradient(135deg,#1024dd14 0%,#667eea0d 100%);border-radius:50%;width:500px;height:500px;position:absolute;top:-20%;right:-10%}.auth-container:after{content:"";pointer-events:none;background:linear-gradient(135deg,#667eea0f 0%,#1024dd08 100%);border-radius:50%;width:400px;height:400px;position:absolute;bottom:-15%;left:-10%}.auth-branding{color:#fff;text-align:center;z-index:1;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:3rem;display:none;position:relative}.auth-branding h1{color:#fff;margin-bottom:1rem;font-size:2.5rem;font-weight:700}.auth-branding p{opacity:.9;max-width:400px;font-size:1.1rem;line-height:1.6}.auth-branding-features{text-align:left;margin-top:2rem}.auth-branding-features li{opacity:.9;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:1rem;display:flex}.auth-branding-features li svg{flex-shrink:0;width:20px;height:20px}.auth-form-section{z-index:1;flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative}.auth-card{background:#fff;border:1px solid #fffc;border-radius:20px;width:100%;max-width:450px;padding:2.5rem;position:relative;box-shadow:0 4px 6px -1px #0000000d,0 10px 15px -3px #00000014,0 20px 25px -5px #0000000d}.auth-logo{justify-content:center;margin-bottom:2rem;display:flex}.auth-title{text-align:center;margin-bottom:2rem}.auth-title h2{color:#1a202c;text-align:center;margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.auth-title p{color:#718096;font-size:.95rem}.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-form-label{color:#4a5568;margin-bottom:.5rem;font-size:.875rem;font-weight:600;display:block}.auth-input-wrapper{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:12px;align-items:center;gap:.75rem;padding:.875rem 1rem;transition:all .2s;display:flex;position:relative}.auth-input-wrapper:hover{border-color:#cbd5e0}.auth-input-wrapper:focus-within{border-color:var(--btn-color,#1024dd);background:#fff;box-shadow:0 0 0 3px #1024dd14}.auth-input-wrapper.error{background:#fef2f2;border-color:#fc8181}.auth-input-wrapper.error:focus-within{box-shadow:0 0 0 3px #fc818126}.auth-input-icon{color:#94a3b8;flex-shrink:0;width:20px;height:20px;transition:color .2s}.auth-input-wrapper:focus-within .auth-input-icon{color:var(--btn-color,#1024dd)}.auth-input-wrapper.error .auth-input-icon{color:#f87171}.auth-input{color:#2d3748;background:0 0;border:none;outline:none;flex:1;min-width:0;font-size:.95rem}.auth-input::placeholder{color:#a0aec0}.auth-password-toggle{cursor:pointer;border-radius:6px;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:8px;align-items:center;gap:.5rem;margin-top:.5rem;padding:.5rem .75rem;font-size:.8rem;display:flex}.auth-alert{border-radius:12px;justify-content:center;align-items:center;gap:.5rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem;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(--btn-color,#1024dd);cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1.25rem;padding:.95rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s;display:flex;position:relative;overflow:hidden}.auth-submit-btn:hover:not(:disabled){background:#0d1eb8;transform:translateY(-1px);box-shadow:0 4px 12px #1024dd40}.auth-submit-btn:disabled{opacity:.5;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(--btn-color,#1024dd);font-weight:600;text-decoration:none;transition:all .2s}.auth-link:hover{color:#0d1eb8;text-decoration:underline}.auth-forgot-link{text-align:right;margin-top:-.25rem;margin-bottom:.5rem;font-size:.85rem;display:block}[dir=rtl] .auth-forgot-link{text-align:left}.auth-footer{text-align:center;border-top:1px solid #f1f5f9;margin-top:1.5rem;padding-top:1.25rem}.auth-footer p{color:#64748b;font-size:.9rem}.auth-footer-or{color:#94a3b8;margin-bottom:.5rem;font-size:.85rem}.auth-phone-wrapper{position:relative;overflow:visible;direction:ltr!important;background:#f8fafc!important;padding:0!important}.auth-phone-wrapper .auth-input-icon{z-index:2;pointer-events:none;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.auth-phone-wrapper .react-tel-input{flex:1;width:100%;direction:ltr!important;position:static!important}.auth-phone-wrapper .react-tel-input .form-control{color:#2d3748!important;width:100%!important;height:50px!important;box-shadow:none!important;text-align:left!important;direction:ltr!important;background:0 0!important;border:none!important;border-radius:12px!important;padding:.875rem 1rem .875rem 90px!important;font-size:.95rem!important}.auth-phone-wrapper .react-tel-input .form-control:focus{box-shadow:none!important;outline:none!important}.auth-phone-wrapper .react-tel-input .form-control::placeholder{color:#94a3b8!important}.auth-phone-wrapper .react-tel-input .flag-dropdown{background:0 0!important;border:none!important;border-radius:6px!important;height:auto!important;position:absolute!important;top:44%!important;left:34px!important;right:auto!important;transform:translateY(-50%)!important}.auth-phone-wrapper .react-tel-input .flag-dropdown.open{z-index:100!important;background:#e2e8f0!important}.auth-phone-wrapper .react-tel-input .selected-flag{background:0 0!important;border-radius:6px!important;width:auto!important;padding:6px 8px!important;transition:background .2s!important}.auth-phone-wrapper .react-tel-input .selected-flag:hover{background:#e2e8f0!important}.auth-phone-wrapper .react-tel-input .selected-flag .arrow{border-top-color:#64748b!important;margin-left:6px!important}.auth-phone-wrapper .react-tel-input .country-list{z-index:1000!important;background:#fff!important;border:1px solid #e2e8f0!important;border-radius:12px!important;width:280px!important;max-height:200px!important;margin-top:10px!important;position:absolute!important;top:100%!important;left:0!important;overflow-y:auto!important;box-shadow:0 10px 40px #00000026!important}.auth-phone-wrapper .react-tel-input .country-list .country{padding:10px 12px!important}.auth-phone-wrapper .react-tel-input .country-list .country:hover{background:#f1f5f9!important}.auth-phone-wrapper .react-tel-input .country-list .country.highlight{background:#e2e8f0!important}.auth-phone-wrapper .react-tel-input .country-list .search{border-bottom:1px solid #e2e8f0!important;padding:10px!important}.auth-phone-wrapper .react-tel-input .country-list .search-box{border:1px solid #e2e8f0!important;border-radius:8px!important;width:100%!important;padding:8px 10px!important;font-size:.9rem!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:rtl!important}[dir=rtl] .auth-phone-wrapper .auth-input-icon{left:auto!important;right:1rem!important}[dir=rtl] .auth-phone-wrapper .react-tel-input{text-align:right!important;direction:rtl!important}[dir=rtl] .auth-phone-wrapper .react-tel-input .form-control{text-align:right!important;direction:ltr!important;padding:.875rem 100px .875rem 1rem!important}[dir=rtl] .auth-phone-wrapper .react-tel-input .flag-dropdown{border-radius:6px!important;left:auto!important;right:44px!important}[dir=rtl] .auth-phone-wrapper .react-tel-input .selected-flag{flex-direction:row-reverse}[dir=rtl] .auth-phone-wrapper .react-tel-input .selected-flag .arrow{margin-left:0!important;margin-right:6px!important}[dir=rtl] .auth-phone-wrapper .react-tel-input .country-list{text-align:right!important;left:auto!important;right:0!important}[dir=rtl] .auth-phone-wrapper .react-tel-input .country-list .country{flex-direction:row-reverse;justify-content:flex-start;align-items:center;display:flex;text-align:right!important}[dir=rtl] .auth-phone-wrapper .react-tel-input .country-list .flag{margin-left:10px!important;margin-right:0!important}.auth-dropdown{position:relative}.auth-dropdown-btn{color:#2d3748;cursor:pointer;text-align:left;background:#f7fafc;border:2px solid #e2e8f0;border-radius:12px;justify-content:space-between;align-items:center;width:100%;padding:.75rem 1rem;font-size:.95rem;transition:all .3s;display:flex}[dir=rtl] .auth-dropdown-btn{text-align:right}.auth-dropdown-btn:hover{background:#edf2f7;border-color:#cbd5e0}.auth-dropdown-btn:focus{border-color:var(--btn-color,#1024dd);background:#fff;outline:none;box-shadow:0 0 0 4px #1024dd1a}.auth-dropdown-menu{z-index:100;background:#fff;border:2px solid #e2e8f0;border-radius:12px;max-height:200px;margin-top:.5rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto;box-shadow:0 10px 40px #0000001a}.auth-dropdown-item{cursor:pointer;padding:.75rem 1rem;font-size:.95rem;transition:all .2s}.auth-dropdown-item:hover{color:var(--btn-color,#1024dd);background:#f7fafc}.auth-dropdown-item:first-child{border-radius:10px 10px 0 0}.auth-dropdown-item:last-child{border-radius:0 0 10px 10px}@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 10px 25px #00000026}.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.35rem}.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-input-icon,.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-tel-input .form-control{height:44px!important;padding:.625rem .75rem .625rem 80px!important;font-size:.9rem!important}.auth-phone-wrapper .auth-input-icon{left:.75rem}.auth-phone-wrapper .react-tel-input .flag-dropdown{left:32px!important}}@media (min-width:576px) and (max-width:767.98px){.auth-form-section{padding:1rem}.auth-card{max-width:420px;padding:1.75rem}.auth-title h2{font-size:1.5rem}}@media (min-width:768px) and (max-width:991.98px){.auth-card{max-width:450px;padding:2.25rem}.auth-title h2{font-size:1.75rem}}@media (min-width:992px){.auth-branding{display:flex}.auth-card{max-width:460px;padding:2.5rem}.auth-title h2{font-size:1.85rem}}@media (min-width:1200px){.auth-card{max-width:480px;padding:3rem}.auth-title h2{font-size:2rem}}@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-divider{align-items:center;margin:1.5rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e2e8f0;flex:1;height:1px}.auth-divider span{color:#a0aec0;padding:0 1rem;font-size:.875rem}.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{flex-direction:row-reverse}[dir=rtl] .auth-form-group .react-tel-input{direction:ltr}[dir=rtl] .auth-dropdown-btn{flex-direction:row-reverse}