/* bring in signup styles first – this file only overrides the bits we need */
@import url('signup.css');

/* keep each “step” visually consistent with signup */
.fp-step { max-width: 500px; margin: 0 auto; padding: 50px 20px 20px; }

/* radio list (email / phone) */
.fp-radio label {
    display:flex; align-items:center; margin:22px 0; font-size:18px; font-weight:500;
}
.fp-radio input[type=radio]{
    appearance:none;
    width:28px;
    height:28px;
    border: 2px solid #800000;
    border-radius:50%;
    margin-right:16px;
}
.fp-radio input[type=radio]:checked{ background:#800000; }

/* tiny tweak so back arrow matches other screens */
.fp-step .back-btn {position: relative;top: 0px;left: 0px;margin-bottom: 10px;}

#error-msg, #fpMsg {
  background-color: #ffe5e5;
  color: #b30000;
  padding: 10px 0px;
  border-radius: 8px;
  font-size: 14px;
  margin: 5px auto;
  text-align: center;
  max-width: 500px;
}
