/* Adim adim zaman cizelgesi, form paneli ve alanlari, alt CTA bandi */

.timeline{
  display:grid;
  gap:12px;
}
.step{
  display:grid;
  grid-template-columns:70px minmax(0,1fr);
  gap:18px;
  padding:22px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
}
.step-number{
  display:grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:6px;
  background:#edf4f1;
  color:var(--deep);
  font-weight:900;
}
.step h3{
  margin:0 0 6px;
  font-size:23px;
  line-height:1.25;
}
.step p{margin:0}

.form-wrap{
  display:grid;
  grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);
  gap:24px;
  align-items:start;
}
.form-panel{
  padding:26px;
  border:1px solid var(--line);
  border-radius:var(--radius);
  background:#fff;
  box-shadow:var(--shadow);
}
.form-panel h2{margin:0;font-size:34px;line-height:1.18}
.form-panel p{color:var(--muted);line-height:1.68}
.form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}
.field{display:grid;gap:7px}
.field.full{grid-column:1/-1}
.field label{
  color:#31413c;
  font-size:13px;
  font-weight:800;
}
.field input,.field textarea,.field select{
  width:100%;
  border:1px solid var(--line);
  border-radius:6px;
  background:#f8faf9;
  color:var(--ink);
  padding:13px 14px;
}
.field textarea{min-height:132px;resize:vertical}
.form-note{
  margin:14px 0 0;
  color:var(--muted);
  font-size:13px;
  line-height:1.55;
}

.cta-band{
  padding:58px var(--page-pad);
  background:var(--deep);
  color:#fff;
}
.cta-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:26px;
}
.cta-inner h2{
  margin:0;
  max-width:720px;
  font-size:42px;
  line-height:1.12;
}
.cta-inner p{
  max-width:620px;
  margin:14px 0 0;
  color:rgba(255,255,255,.76);
}
.cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:flex-end;
}

.event-page-hero,