/* ================= login-signup ================= */
  .vinayak-modal {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.4);
    justify-content: center;
    align-items: center;
  }
  .vinayak-modal-content {
    position:relative;  
    background: #fff;
    width: 90%;
    max-width: 400px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
  }
  .vinayak-modal-content h2 {
    margin-bottom: 20px;
    text-align: center;
  }
  .vinayak-close {
   position: absolute;
   top: 12px;
   right: 15px;
   font-size: 26px;
   font-weight: bold;
   color: #555;
   cursor: pointer;
 }

  .vinayak-close:hover {
   color: red;
 }
  .login-section { margin-bottom: 15px; }
  .input-wrapper { position: relative; margin-bottom: 15px; }
  .input-wrapper .icon {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 18px;
    color: #555;
  }
  .input-wrapper input {
    width: 100%;
    padding: 10px 10px 10px 40px;
    border: 1px solid #aaa;
    border-radius: 6px;
    font-size: 16px;
    box-sizing: border-box;
  }
  .btn {
    padding: 10px 15px;
    border: none;
    border-radius: 20px;
    font-size: 15px;
    cursor: pointer;
    width: 100%;
    margin-top: 5px;
  }
  .btn-otp { background-color: #f0e9fb; color: #6a4fb3; }
  .btn-submit { background-color: #6a4fb3; color: white; }
  .footer-buttons {
    display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 20px;
  }
  .btn-email { background-color: #d6f1ff; color: #007acc; flex: 1; margin-right: 5px; }
  .btn-signup { background-color: #ffe9d6; color: #ff6f00; flex: 1; margin-left: 5px; }
  .resend-wrapper {
    text-align: right;
    margin-bottom: 10px;
  }
.otp-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}

.otp-actions .btn-submit {
  flex: 1 1 50%;
  max-width: 50%;
  padding: 10px 16px;
  border-radius: 20px;
  font-size: 16px;
}

.otp-actions .resend-otp {
  color: #007acc;
  cursor: pointer;
  user-select: none;
  font-weight: 500;
}

.otp-actions .resend-otp.disabled {
  color: #999;
  cursor: default;
}
  @media (max-width: 350px) {
    .footer-buttons { flex-direction: column; }
    .btn-email, .btn-signup { margin: 5px 0 !important; width: 100%; }
  }