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