/* signup.html supplemental styles */
.signup-hero {
  background: linear-gradient(135deg, var(--blue-900) 0%, var(--blue-700) 100%);
  padding: 72px 0;
}
.signup-hero-inner {
  display: grid; grid-template-columns: 1fr 440px; gap: 3rem; align-items: center;
}
.signup-hero-text h1 {
  font-family: var(--font-serif); font-size: clamp(1.8rem, 3.5vw, 2.6rem);
  font-weight: 900; color: var(--white); margin: 1rem 0;
}
.signup-hero-text p { font-size: 1rem; color: rgba(255,255,255,.8); line-height: 1.7; margin-bottom: 1.5rem; }
.signup-stats { display: flex; gap: 2rem; }
.signup-stat { display: flex; flex-direction: column; }
.signup-stat-value { font-family: var(--font-serif); font-size: 1.5rem; font-weight: 700; color: var(--gold-400); }
.signup-stat-label { font-size: .72rem; color: rgba(255,255,255,.6); }

.signup-card {
  background: var(--white); border-radius: var(--radius-lg);
  padding: 2rem; box-shadow: var(--shadow-lg);
}
.signup-card h2 { font-size: 1.3rem; font-weight: 700; color: var(--blue-900); margin-bottom: .35rem; }
.signup-card-sub { font-size: .875rem; color: var(--text-secondary); margin-bottom: 1.5rem; }

.signup-form .form-group { margin-bottom: 1rem; }
.signup-form label { display: block; font-size: .85rem; font-weight: 600; color: var(--text-primary); margin-bottom: .35rem; }
.signup-form .req { color: var(--red-600); }
.signup-form input {
  width: 100%; padding: .6rem .85rem; border: 1.5px solid var(--gray-200);
  border-radius: var(--radius-sm); font-size: .9rem; font-family: var(--font-sans);
  transition: border-color var(--transition), box-shadow var(--transition);
}
.signup-form input:focus { outline: none; border-color: var(--blue-500); box-shadow: 0 0 0 3px rgba(37,99,184,.15); }
.btn-full { width: 100%; }

.signup-success { text-align: center; padding: 1.5rem 0; }
.success-icon {
  width: 52px; height: 52px; border-radius: 50%;
  background: #16a34a; color: var(--white);
  font-size: 1.4rem; display: flex; align-items: center; justify-content: center;
  margin: 0 auto 1rem;
}
.signup-success h3 { font-size: 1.2rem; font-weight: 700; color: var(--blue-900); margin-bottom: .5rem; }
.signup-success p { font-size: .9rem; color: var(--text-secondary); }

.signup-disclaimer { font-size: .75rem; color: var(--gray-400); margin-top: 1rem; line-height: 1.5; }
.signup-disclaimer a { color: var(--blue-500); text-decoration: underline; }

@media (max-width: 860px) {
  .signup-hero-inner { grid-template-columns: 1fr; }
}