.auth-container{background-color:#0a0a10;justify-content:center;align-items:center;gap:150px;width:100%;height:100vh;min-height:100vh;display:flex}.auth-banner{width:30%;height:90%;position:relative}.auth-banner img{filter:drop-shadow(5px 10px 20px #ffd90046);object-fit:cover;border-radius:16px;overflow:hidden}.auth-form{direction:rtl;background-color:#0a0a10;flex-direction:column;align-items:center;gap:25px;width:400px;margin-right:30px;padding:40px 30px;display:flex}.auth-form img{width:140px;height:auto;margin-bottom:10px}.auth-form div{width:100%;position:relative}.auth-input{color:#fff;direction:rtl;background-color:#0000;border:1px solid #2e3451;border-radius:8px;outline:none;width:100%;padding:15px 40px 15px 15px;font-size:14px}.auth-input::placeholder{color:#747a9b}.auth-form svg{position:absolute;top:50%;right:12px;transform:translateY(-50%)}.auth-button{color:#fff;cursor:pointer;background-color:#4f5dec;border:none;border-radius:8px;justify-content:center;align-items:center;gap:5px;width:100%;max-height:46px;margin-top:10px;padding:15px;font-size:16px;transition:background-color .3s;display:flex;position:relative}.auth-button:hover{background-color:#404bd0}.auth-button[disabled]{cursor:not-allowed;background-color:#3a3f6a}.auth-button>svg{position:relative;right:0;transform:translateY(0%)}.auth-input:focus{border-color:#4f5dec;transition:all .3s;box-shadow:0 0 0 2px #4f5dec33}.auth-link{color:#4f5dec;font-size:14px;text-decoration:none;transition:color .3s;position:relative}.auth-link:hover{color:#6b76ee}.auth-link:after{content:"";background-color:#6b76ee;width:0;height:1px;transition:width .3s;position:absolute;bottom:-2px;left:0}.auth-link:hover:after{width:100%}.otp-input-container{direction:ltr;justify-content:center;gap:10px;width:100%;margin:10px 0;display:flex}.otp-input{color:#fff;text-align:center;background-color:#0000;border:1px solid #2e3451;border-radius:8px;outline:none;width:50px;height:50px;font-size:20px;transition:all .2s}.otp-input:focus{border-color:#4f5dec;box-shadow:0 0 0 2px #4f5dec33}.countdown-container{justify-content:center;width:100%;margin:15px 0;display:flex}.countdown{color:#747a9b;align-items:center;gap:8px;font-size:14px;display:flex}.countdown span:first-child{color:#4f5dec;font-weight:700}.resend-button{color:#4f5dec;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:5px 10px;font-size:14px;transition:all .2s}.resend-button:hover{background-color:#4f5dec1a;text-decoration:underline}.resend-button:disabled{color:#3a3f6a;cursor:not-allowed}.user-info-display{background-color:#4f5dec1a;border-radius:8px;justify-content:space-between;align-items:center;margin:10px 0;padding:12px;display:flex}.user-info-display p{color:#fff;margin:0;font-size:14px}.edit-button{color:#4f5dec;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:5px;padding:5px;font-size:14px;transition:all .2s;display:flex}.edit-button:hover{background-color:#4f5dec26}.otp-message{text-align:center;color:#747a9b;margin-bottom:10px;font-size:14px}.auth-error{color:#ff5252;text-align:center;background-color:#ff52521a;border-radius:6px;width:100%;padding:10px;font-size:14px}.loading-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:768px){.auth-banner{display:none}.auth-form{margin-right:0}}