.track-page { min-height: calc(100vh - 78px); display: grid; grid-template-columns: minmax(330px, 42%) minmax(0, 58%); }
.track-intro { padding: clamp(65px, 9vw, 130px) clamp(34px, 7vw, 100px); color: white; background: linear-gradient(150deg, #263d9b, #17276f 58%, #101b55); }
.track-intro h1 { max-width: 500px; margin: 0; font: 800 clamp(44px, 5vw, 72px)/1.04 Manrope, sans-serif; letter-spacing: -.05em; }
.track-intro > p:last-of-type { max-width: 440px; color: #ffffffc7; font-size: 17px; line-height: 1.7; }
.track-security { max-width: 440px; margin-top: 55px; padding: 20px; border: 1px solid #ffffff22; border-radius: 12px; background: #07133d44; }
.track-security strong, .track-security span { display: block; }
.track-security span { margin-top: 6px; color: #ffffffad; font-size: 13px; line-height: 1.55; }
.track-panel { padding: clamp(50px, 8vw, 110px) 24px; display: flex; flex-direction: column; align-items: center; justify-content: flex-start; background: var(--cream); }
.track-panel .tracking-card { flex: 0 0 auto; width: 100%; max-width: 650px; min-width: 0; margin: 0; padding: 35px; background: white; }
.tracking-heading h2 { margin: 0; font: 800 27px/1.2 Manrope, sans-serif; }
.tracking-heading p:last-child { font-size: 13px; line-height: 1.5; }
.tracking-form .tracking-fields { display: grid; grid-template-columns: minmax(0, 1fr); gap: 16px; }
.tracking-form .tracking-field { min-width: 0; }
.tracking-form .tracking-field label { display: block; margin-bottom: 7px; }
.tracking-form .tracking-field input { width: 100%; min-height: 48px; }
.tracking-form .turnstile-wrap { margin: 0; }
.tracking-form .tracking-fields button {
  width: 100%;
  min-height: 50px;
  margin-top: 2px;
  border-radius: 9px;
  box-shadow: 0 8px 18px #17276f22;
  font-size: 14px;
  transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.tracking-form .tracking-fields button:hover:not(:disabled) {
  transform: translateY(-1px);
  box-shadow: 0 11px 22px #17276f2e;
}
.tracking-form .tracking-fields button:focus-visible {
  outline: 3px solid #4e75d755;
  outline-offset: 3px;
}
.track-help { margin-top: 18px; color: var(--muted); text-align: center; font-size: 12px; line-height: 1.5; }
.track-help a { color: var(--teal-dark); font-weight: 700; }
@media (max-width: 900px) { .track-page { grid-template-columns: 1fr; } .track-intro { padding-block: 65px; } .track-security { margin-top: 30px; } }
@media (max-width: 720px) {
  .track-panel .tracking-card { padding: 23px; }
}