.modal-container{text-align:center;background:#fff;border-radius:10px;width:90%;max-width:400px;padding:20px;animation:.3s ease-in-out fadeIn;position:relative;box-shadow:0 4px 10px #0003}.close-btn{cursor:pointer;color:#333;background:0 0;border:none;font-size:40px;position:absolute;top:0;right:5px}.close-btn:focus{outline:none}.close-btn:hover{color:red}.modal-title{margin-bottom:15px;font-size:23px;font-weight:700}.input-field{border:1px solid #ddd;border-radius:5px;width:100%;margin:10px 0;padding:10px;font-size:16px;transition:border-color .3s ease-in-out}.input-field:focus{border-color:#007bff;outline:none}.error-text{color:red;margin-top:-5px;margin-bottom:10px;font-size:14px}.success-text{color:green;margin-bottom:10px;font-size:16px;font-weight:700}.action-btn{color:#fff;cursor:pointer;background:#fc8d1d;border:none;border-radius:5px;width:100%;padding:10px;font-size:16px;transition:background .3s ease-in-out;outline:none!important}.action-btn:hover{background:#e17305}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.otp-container{align-items:center;gap:10px;display:flex}.edit-icon{cursor:pointer;color:#0cdb21;font-size:25px}.edit-icon:hover{color:#04b716}.resend-text{color:#007bff;cursor:pointer;margin-top:10px;font-size:14px;text-decoration:underline}.resend-text:hover{color:#0056b3}