/* Pre-Call Assessment page styles — extends css/style.css */

.pre-assessment-body{ background: var(--bg-0); }

.pa-main{ padding-top: 90px; }

.pa-hero{ padding: 40px 0 10px; text-align: center; }
.pa-hero-inner{ max-width: 720px; margin: 0 auto; }
.pa-hero h1{ font-size: clamp(1.8rem, 4vw, 2.6rem); margin-bottom: 14px; }
.pa-hero-sub{ color: var(--text-1); font-size: 1.02rem; }
.pa-hero-meta{
  display: flex; justify-content: center; gap: 20px; flex-wrap: wrap;
  margin-top: 22px; font-size: 0.85rem; color: var(--text-2);
}
.pa-hero-meta i{ color: var(--accent); margin-right: 6px; }

.pa-form-section{ padding: 40px 0 100px; }
.pa-form-container{ max-width: 680px; margin: 0 auto; }

.pa-card{
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 30px;
  margin-bottom: 24px;
}
.pa-card h3{
  display: flex; align-items: center; gap: 12px;
  font-size: 1.1rem; margin-bottom: 22px;
}
.pa-num{
  display: inline-flex; align-items: center; justify-content: center;
  width: 30px; height: 30px; border-radius: 50%; flex-shrink: 0;
  background: linear-gradient(135deg, var(--accent), var(--accent-2));
  color: #05070d; font-family: 'Space Grotesk', sans-serif; font-weight: 700; font-size: 0.9rem;
}

.pa-success{
  text-align: center;
  background: var(--surface);
  border: 1px solid var(--border);
  border-radius: var(--radius-lg);
  padding: 50px 30px;
}
.pa-success i{ font-size: 3rem; color: var(--accent); margin-bottom: 16px; }
.pa-success h2{ color: var(--text-0); }

.pa-footer{ padding: 30px 0; }
.pa-footer a{ color: var(--accent); }

@media (max-width: 600px){
  .pa-card{ padding: 22px; }
}