/* Shared Early-Access-style form fields (register, early_access, …) */
.ea-field{ margin-bottom:1rem; }
.ea-field-label{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:.82rem;
  font-weight:600;
  color:rgba(207,210,220,.9);
  margin-bottom:8px;
}
.ea-field-label .bi{ color:rgba(138,92,255,.9); font-size:.95rem; }
.ea-input-wrap{ position:relative; }
.ea-input-icon{
  position:absolute;
  left:14px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(255,255,255,.75);
  font-size:1rem;
  pointer-events:none;
  transition:color .25s ease;
}
.ea-input-wrap--top .ea-input-icon{ top:16px; transform:none; }
.ea-input-wrap:focus-within .ea-input-icon{ color:#fff; }
.ea-input-wrap .form-control{
  background:rgba(255,255,255,.07);
  backdrop-filter:blur(8px);
  border:1.5px solid rgba(255,255,255,.18);
  color:#fff;
  padding:13px 16px 13px 42px;
  border-radius:14px;
  font-size:16px;
  min-height:48px;
  transition:border-color .3s ease, box-shadow .3s ease, background .3s ease;
}
.ea-input-wrap--top .form-control{
  padding-top:14px;
  min-height:100px;
  resize:vertical;
}
.ea-input-wrap .form-control::placeholder{ color:rgba(255,255,255,.45); }
.ea-input-wrap .form-control:hover{
  border-color:rgba(255,255,255,.3);
  background:rgba(255,255,255,.09);
}
.ea-input-wrap .form-control:focus{
  border-color:#8a5cff;
  box-shadow:0 0 0 3px rgba(138,92,255,.18), 0 0 20px rgba(138,92,255,.1);
  background:rgba(255,255,255,.1);
  outline:none;
}
.ea-input-wrap--validated .form-control{
  padding-right:45px;
}
.ea-input-wrap--validated .field-icon{
  position:absolute;
  right:14px;
  left:auto;
  top:50%;
  transform:translateY(-50%);
}
.ea-role-hint{
  font-size:.84rem;
  color:rgba(207,210,220,.78);
  line-height:1.45;
  margin:-4px 0 12px;
}
.ea-country-picker--error .ea-country-btn{
  border-color:#dc3545 !important;
  box-shadow:0 0 0 0.2rem rgba(220,53,69,0.25) !important;
}
.reg-address-block .ea-field{ margin-bottom:0.75rem; }
.reg-address-block .row.g-2{ --bs-gutter-y:0.5rem; margin-bottom:0.25rem; }
.reg-address-block .ea-input-wrap .form-control{ width:100%; }
#dob-wrapper .ea-input-wrap .form-control[readonly]{ cursor:pointer; }
