.track-hero{background:linear-gradient(145deg,#082d46,#123d5a);color:#fff;padding:54px 0 48px}
.track-hero h1{color:#fff;margin:0 0 10px;font-size:clamp(2rem,4vw,3rem)}
.track-hero p{margin:0;max-width:720px;color:rgba(255,255,255,.82)}
.track-main{padding:38px 0 70px;background:#f5f8fa}
.track-shell{width:min(960px,calc(100% - 40px));margin:auto}
.track-search{background:#fff;border:1px solid #dbe5ea;border-radius:18px;padding:22px;box-shadow:0 14px 34px rgba(12,43,63,.08)}
.track-search form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:end}
.track-field label{display:block;font-weight:800;color:#17384d;margin-bottom:7px}
.track-field input{width:100%;border:1px solid #c9d8df;border-radius:11px;padding:13px 14px;font:inherit;min-height:48px}
.track-btn{min-height:48px;border:0;border-radius:11px;background:#237d7a;color:#fff;font-weight:800;padding:0 22px;cursor:pointer}
.track-help{margin:9px 0 0;color:#6a7e8a;font-size:.84rem}
.track-alert{margin-top:18px;padding:14px 16px;border-radius:12px;background:#fff0ef;border:1px solid #efd3d0;color:#8a332d}
.track-result{margin-top:22px;background:#fff;border:1px solid #dbe5ea;border-radius:18px;overflow:hidden;box-shadow:0 14px 34px rgba(12,43,63,.08)}
.track-result__head{background:#0b3550;color:#fff;padding:22px;display:flex;justify-content:space-between;gap:18px;align-items:flex-start}
.track-result__head h2{color:#fff;margin:0 0 5px;font-size:1.35rem}
.track-result__head p{margin:0;color:rgba(255,255,255,.76);font-size:.84rem}
.track-status{display:inline-flex;border-radius:999px;padding:7px 11px;font-size:.78rem;font-weight:800;background:#e8f1f6;color:#204c68;white-space:nowrap}
.track-status--delivered{background:#dff3e9;color:#176044}
.track-status--rejected_undeliverable{background:#fde4e2;color:#8d2d26}
.track-result__body{padding:22px}
.track-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:24px}
.track-metric{border:1px solid #e0e8ed;border-radius:12px;background:#f8fafb;padding:14px}
.track-metric span{display:block;color:#6b7f8c;font-size:.75rem;text-transform:uppercase;letter-spacing:.04em;font-weight:700}
.track-metric strong{display:block;margin-top:6px;color:#163247;font-size:.95rem;overflow-wrap:anywhere}
.track-title{margin:0 0 15px;color:#17384d;font-size:1.05rem}
.track-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:4px 0 20px}
.track-step{position:relative;text-align:center;padding:0 8px}
.track-step::before{content:"";position:absolute;top:15px;left:-50%;width:100%;height:3px;background:#d7e1e6;z-index:0}
.track-step:first-child::before{display:none}
.track-dot{position:relative;z-index:1;width:31px;height:31px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;background:#e8eef2;color:#607582;font-size:.75rem;font-weight:900;border:3px solid #fff;box-shadow:0 0 0 1px #ccd9df}
.track-step.is-done::before,.track-step.is-done .track-dot,.track-step.is-current::before{background:#237d7a}
.track-step.is-done .track-dot,.track-step.is-current .track-dot{background:#237d7a;color:#fff;box-shadow:0 0 0 1px #237d7a}
.track-step strong{display:block;font-size:.78rem;color:#25475a}
.track-step span{display:block;margin-top:3px;color:#758894;font-size:.7rem}
.track-rejected{margin:16px 0 0;padding:14px 16px;border-radius:12px;background:#fff0ef;border:1px solid #efd3d0;color:#8d2d26;font-weight:750}
.track-history{border-top:1px solid #e4ebef;padding-top:18px;margin-top:18px}
.track-history ul{list-style:none;padding:0;margin:0}
.track-history li{display:flex;justify-content:space-between;gap:18px;padding:9px 0;border-bottom:1px solid #edf2f4;font-size:.84rem}
.track-history li:last-child{border-bottom:0}
.track-privacy{margin:16px 0 0;color:#738591;font-size:.78rem}
@media(max-width:760px){.track-search form{grid-template-columns:1fr}.track-btn{width:100%}.track-result__head{flex-direction:column}.track-grid{grid-template-columns:1fr 1fr}.track-steps{grid-template-columns:1fr;gap:10px}.track-step{text-align:left;display:grid;grid-template-columns:38px 1fr;align-items:center}.track-step::before{left:15px;top:-13px;width:3px;height:27px}.track-dot{margin:0}.track-step strong,.track-step span{grid-column:2}.track-history li{flex-direction:column;gap:2px}}
@media(max-width:480px){.track-grid{grid-template-columns:1fr}}