.tracking-page,.thank-you-page{min-height:70vh;padding:70px max(24px,calc((100% - 1040px)/2)) 90px;background:#f3f6fb}.tracking-search-card,.tracking-result,.thank-you-card{border:1px solid #d9e1ef;border-radius:18px;background:#fff;box-shadow:0 20px 60px rgba(21,42,84,.1)}.tracking-search-card{max-width:720px;margin:auto;padding:38px}.tracking-search-card h1,.thank-you-card h1{margin:12px 0;color:#0b1739;font-size:clamp(35px,5vw,52px);line-height:1.08}.tracking-search-card>p,.thank-you-lead{color:#65718a}.tracking-search-card form{margin-top:26px}.tracking-search-row{display:grid;grid-template-columns:1fr auto;gap:10px}.tracking-search-row input{min-height:52px;text-transform:uppercase;font-weight:800;letter-spacing:.7px}.tracking-error{margin-top:18px;padding:13px 15px;border:1px solid #f0c5c9;border-radius:9px;background:#fff4f4;color:#9f303a;font-size:12px}
.tracking-result{margin-top:26px;padding:34px}.tracking-result>header{padding-bottom:22px;border-bottom:1px solid #e0e6f0;display:flex;justify-content:space-between;gap:20px;align-items:center}.tracking-result h2{margin:5px 0;color:#0b1739;font-size:27px}.tracking-result>header p{margin:3px 0 0;color:#7b879c;font-size:9px}.tracking-current{padding:8px 12px;border-radius:999px;background:#eaf1ff;color:#246bfe;font-size:10px;font-weight:850}.customer-progress{margin:24px 0;padding:17px;border-radius:11px;background:#edf4ff}.customer-progress>div:first-child{display:flex;justify-content:space-between;gap:14px}.customer-progress b{color:#0b1739;font-size:13px}.customer-progress span{color:#60708b;font-size:9px}.progress-track{height:8px;margin-top:11px;border-radius:999px;background:#d7e4fb;overflow:hidden}.progress-track span{height:100%;display:block;border-radius:inherit;background:#246bfe}.tracking-summary,.thank-you-grid{margin:25px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.tracking-summary>div,.thank-you-grid>div{padding:13px;border-radius:9px;background:#f7f9fd;display:grid;gap:4px}.tracking-summary span,.thank-you-grid span{color:#77839a;font-size:9px;font-weight:800;text-transform:uppercase}.tracking-summary b,.thank-you-grid b{overflow-wrap:anywhere;color:#17213b;font-size:12px}.tracking-section-heading{margin-top:28px}.tracking-section-heading h3{margin:0;color:#0b1739;font-size:18px}.tracking-section-heading p{margin:5px 0;color:#6f7b91;font-size:10px}.tracking-customer-actions{margin-top:22px;display:flex;gap:9px;flex-wrap:wrap}
.tracking-timeline{margin:28px 0 0;padding:0;display:grid;gap:0;list-style:none}.tracking-step{position:relative;min-height:72px;padding:0 0 22px 54px}.tracking-step:not(:last-child)::before{content:"";position:absolute;left:18px;top:38px;bottom:0;width:2px;background:#dce3ee}.tracking-marker{position:absolute;left:0;top:0;width:38px;height:38px;border:2px solid #c9d1de;border-radius:50%;background:#fff;color:#8a95aa;display:grid;place-items:center;font-size:11px;font-weight:900}.tracking-step-heading{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:15px}.tracking-step-heading b{color:#0b1739;font-size:13px}.tracking-step-heading span{color:#8a95aa;font-size:9px;font-weight:800;text-transform:uppercase}.tracking-step time{display:block;color:#65718a;font-size:10px}.tracking-step p{margin:7px 0 0;padding:10px 12px;border-left:3px solid #246bfe;border-radius:7px;background:#f5f7fb;color:#59657d;font-size:10px;line-height:1.55}.tracking-step.current .tracking-marker{border-color:#246bfe;background:#246bfe;color:#fff}.tracking-step.current .tracking-step-heading span{color:#246bfe}.tracking-step.current:not(:last-child)::before{background:linear-gradient(#246bfe,#dce3ee)}.tracking-step.completed .tracking-marker{border-color:#0ca777;background:#0ca777;color:#fff}.tracking-step.completed .tracking-step-heading span{color:#07845f}.tracking-step.completed:not(:last-child)::before{background:#0ca777}
.thank-you-card{padding:42px}.thank-you-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}.email-confirmation{margin-top:20px;padding:13px;border-radius:8px;font-size:10px}.email-confirmation.sent{background:#e8f8f2;color:#087b5b}.email-confirmation.pending{background:#fff4e7;color:#9c671c}
@media(max-width:820px){.thank-you-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.tracking-page,.thank-you-page{padding:42px 14px 70px}.tracking-search-card,.tracking-result,.thank-you-card{padding:25px 19px}.tracking-search-row{grid-template-columns:1fr}.tracking-summary,.thank-you-grid{grid-template-columns:1fr}.tracking-result>header{align-items:flex-start;display:grid}.customer-progress>div:first-child{display:grid}.tracking-customer-actions .button{flex:1}}