.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; align-items: flex-start; justify-content: center; background: var(--cream); }
.track-panel .tracking-card { width: min(650px, 100%); 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; }
.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: 600px) { .track-panel .tracking-card { padding: 23px; } }