.register-container {
  max-width: 680px;
  margin: 30px auto;
  background: #fff;
  padding: 25px;
  box-shadow: 0 0 15px #ddd;
  border-radius: 10px;
  font-family: Arial, Helvetica, sans-serif;
}
.register-container h2 { text-align:center; margin-bottom:15px; font-size:20px; }
.register-container label { display:block; margin-top:10px; font-weight:600; color:#333; }
.register-container input, .register-container select, .register-container textarea {
  width:100%;
  padding:10px;
  margin-top:6px;
  border:1px solid #ccc;
  border-radius:6px;
  box-sizing:border-box;
}
.btns { display:flex; justify-content:space-between; gap:10px; margin-top:20px; }
.nextBtn, .prevBtn, .submitBtn, .otpBtn {
  padding:10px 18px; border:none; background:#ff4d4d; color:#fff; border-radius:6px; cursor:pointer;
}
.prevBtn { background:#777; }
.steps { display:flex; justify-content:center; gap:8px; margin-bottom:18px; }
.step { height:12px; width:12px; background:#ddd; border-radius:50%; }
.step.active { background:#ff4d4d; }
.form-step { display:none; }
.form-step.active { display:block; }
.small-note { font-size:13px; color:#666; margin-top:8px; }
.selfie-modal { display:none; position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); background:#fff; padding:15px; border-radius:8px; box-shadow:0 8px 30px rgba(0,0,0,0.15); z-index:9999; }
.selfie-modal video { max-width:100%; border-radius:6px; }
.selfie-modal .close { background:#eee; color:#333; padding:6px 10px; border-radius:5px; border:none; cursor:pointer; margin-top:10px; }
@media (max-width:600px){ .register-container { padding:16px; margin:10px; } .btns{flex-direction:column;} }