/* Modern, clean look; center username field; no beige background */
.fnbrf-form {
  border: 1px solid rgba(0,0,0,.06);
  background: #fff;
  padding: 1.25rem;
  border-radius: 12px;
  max-width: 720px;
  box-shadow: 0 6px 18px rgba(0,0,0,.04);
}

.fnbrf-fieldset { margin-bottom: 1rem; }
.fnbrf-fieldset label { display:block; font-weight:600; margin-bottom:.35rem; }

/* Center the username field container */
.fnbrf-username {
  max-width: 420px;
  margin-left: auto;
  margin-right: auto;
}

.fnbrf-fieldset input[type="text"] {
  width: 100%;
  padding:.65rem .8rem;
  border:1px solid #d0d7de;
  border-radius:8px;
}

.fnbrf-fieldset legend { font-weight:700; margin-bottom:.35rem; }
.fnbrf-fieldset > label { font-weight:500; display:inline-flex; align-items:center; gap:.4rem; margin-right:1rem; }

.fnbrf-btn { background:#1e73be; color:#fff; border:none; padding:.7rem 1rem; border-radius:10px; cursor:pointer; font-weight:700; }
.fnbrf-btn:hover { transform: translateY(-1px); }

.fnbrf-counter {
  margin-top: .9rem;
  display: inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.4rem .7rem;
  border:1px solid #e5e7eb;
  border-radius:999px;
  font-weight:600;
}
.fnbrf-counter__num { font-weight:800; }

.fnbrf-notice { margin-bottom: .75rem; padding:.6rem .8rem; background:#ecfff1; border:1px solid #b8efc8; border-radius:8px; }