:root {
  --card-max-w: 920px;
  --brand-color: #2f80ed;
  --bg-muted: #f7f7f8;
}

body {
  min-height: 100vh;
  background:
    radial-gradient(20px 20px at 20px 20px, rgba(0,0,0,.03) 1px, transparent 1px) repeat,
    linear-gradient(180deg, #fafafa, #f1f5f9);
  background-size: 24px 24px, 100% 100%;
}

.register-card {
  max-width: var(--card-max-w);
  border-radius: 1.25rem;
  box-shadow: 0 10px 30px rgba(16, 24, 40, 0.08);
  overflow: hidden;
}

.brand-badge {
  width: 44px; height: 44px;
  border-radius: 12px;
  display: grid; place-items: center;
  background: var(--brand-color);
  color: #fff;
}

.brand-title {
  font-weight: 800;
  letter-spacing: .2px;
}

.form-check .form-check-input {
  width: 1.1rem; height: 1.1rem;
}

.muted-links a { color: var(--bs-secondary-color); }
.muted-links a:hover { color: var(--brand-color); }

@media(min-width: 768px) {
  #formB { border-left: 1px solid rgba(16,24,40,.08); padding-left: 1rem; }
}