/* Page Scope */
.hospital-registration-page {
  background: #e8f1f5;
  min-height: 100vh;
  padding: 20px 0;
}

/* Wrapper */
.hospital-registration-page .reg-wrapper {
  max-width: 750px;
  margin: auto;
}

/* Header */
.hospital-registration-page .reg-header {
  text-align: center;
  margin-bottom: 20px;
}

.hospital-registration-page .reg-icon {
  width: 60px;
  height: 60px;
  background: #1B4F8A;
  color: #fff;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto 10px;
  font-size: 26px;
}

.hospital-registration-page h2 {
  color: #1B4F8A;
  font-weight: 700;
}

.hospital-registration-page p {
  font-size: 13px;
  color: #1B4F8A;
}

/* Card */
.hospital-registration-page .reg-card {
  background: #fff;
  padding: 25px;
  border-radius: 12px;
  box-shadow: 0 4px 20px rgba(0,0,0,0.06);
}

/* Section titles */
.hospital-registration-page .section-title {
  font-size: 15px;
  font-weight: 700;
  margin: 15px 0 10px;
  color: #333;
}

/* Labels */
.hospital-registration-page label {
  font-size: 13px;
  font-weight: 600;
}

/* Inputs */
.hospital-registration-page .form-control {
  border-radius: 8px;
  border: 1px solid #dcdcdc;
  padding: 10px;
  font-size: 14px;
}

.hospital-registration-page .form-control:focus {
  border-color: #1B4F8A;
  box-shadow: 0 0 0 2px rgba(27,79,138,0.1);
}

/* Required */
.hospital-registration-page .req {
  color: red;
}

/* Footer */
.hospital-registration-page .form-footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 20px;
}

.hospital-registration-page .login-link {
  font-size: 13px;
  color: #1B4F8A;
  text-decoration: none;
}

.hospital-registration-page .login-link:hover {
  text-decoration: underline;
}

/* Note */
.hospital-registration-page .note {
  font-size: 12px;
  color: #777;
  margin-top: 10px;
}

/* Grid spacing */
.hospital-registration-page .row {
  --bs-gutter-x: 12px;
}