/* .register-area {
  background: red !important;
} */


.register-area {
  background: #f4f6f8; /* light gray */
}

.register-area {
  display: flex;
  align-items: center;
  justify-content: center;
}


.register-wrap {
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}


.register-left {
  height: auto;
  min-height: 650px;
}

.register-right {
  padding: 6rem;
}



/* FULL SCREEN CENTER */
.register-area {
  background: #f4f6f8;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

/* CARD */
.register-wrap {
  display: flex;
  width: 100%;
  max-width: 1200px;
  height: 700px; /* FIXED HEIGHT */
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 20px 40px rgba(0, 0, 0, 0.08);
}

/* LEFT IMAGE FIXED */
.register-left {
  width: 50%;
  height: 100%;
  background-size: cover;
  background-position: center;
}

/* RIGHT FORM CONTAINER */
.register-right {
  width: 50%;
  padding: 4rem;
  height: 100%;
  overflow-y: auto;   /* ✅ SCROLL HERE */
}

/* SMOOTH SCROLL */
.register-right::-webkit-scrollbar {
  width: 6px;
}
.register-right::-webkit-scrollbar-thumb {
  background: #cfd6dd;
  border-radius: 10px;
}


.role-hint {
  display: block;
  margin-top: 6px;
  font-size: 12px;        /* 👈 same as Forgot Password */
  font-weight: 400;
  line-height: 22px;
  color: #707070;
}