.tracking-page{position:relative;overflow:hidden;padding:28px 0 75px;background:linear-gradient(180deg,#f5f8fc,#fff 650px)}.tracking-breadcrumb{display:flex;gap:9px;margin-bottom:25px;color:#8792a1;font-size:12px}.tracking-breadcrumb a{color:#536075}.tracking-breadcrumb span{color:#c5cbd4}.tracking-hero{position:relative;z-index:2;display:grid;grid-template-columns:1.12fr .78fr;align-items:center;gap:70px;min-height:460px;padding:58px 65px;overflow:hidden;border-radius:25px;background:radial-gradient(circle at 18% 18%,rgba(255,207,76,.18) 0 7%,transparent 7.5%),linear-gradient(130deg,#101d32 0%,#1f385e 68%,#941c29 145%);box-shadow:0 28px 75px rgba(19,31,50,.2);color:#fff}.tracking-hero:after{content:"";position:absolute;right:-170px;bottom:-230px;width:550px;height:550px;border:90px solid rgba(255,255,255,.04);border-radius:50%}.tracking-copy,.tracking-form-card{position:relative;z-index:2}.tracking-copy>span,.tracking-form-head span{color:#ff717a;font-size:11px;font-weight:900;letter-spacing:2px}.tracking-copy h1{margin:13px 0 19px;font-size:45px;line-height:1.1;letter-spacing:-1.6px}.tracking-copy h1 em{color:#ffcf4c;font-style:normal}.tracking-copy>p{max-width:640px;margin:0;color:#c6d1df;font-size:15px;line-height:1.8}.tracking-trust{display:flex;flex-wrap:wrap;gap:11px 19px;margin-top:29px;color:#b9c5d5;font-size:11px}.tracking-trust span{display:flex;align-items:center;gap:6px}.tracking-trust i{display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:rgba(38,205,112,.18);color:#65e69e;font-style:normal;font-weight:900}
.tracking-form-card{padding:29px;border:1px solid rgba(255,255,255,.2);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 22px 55px rgba(0,0,0,.2);color:#17243a}.tracking-form-head{display:flex;align-items:center;gap:12px}.tracking-form-head>b{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#fff0f1;color:#e3262e;font-size:22px}.tracking-form-head span{font-size:9px}.tracking-form-head h2{margin:4px 0 0;font-size:20px}.tracking-form-card form{margin-top:22px}.tracking-form-card form>label{display:block;margin-bottom:15px;color:#3c4a5f;font-size:11px;font-weight:850}.tracking-form-card label>span{position:relative;display:block;margin-top:7px}.tracking-form-card label i{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:#98a2b0;font-style:normal}.tracking-form-card input{width:100%;height:48px;padding:0 13px 0 37px;border:1px solid #dce2e9;border-radius:9px;background:#fafbfd;color:#17243a;font:inherit;font-size:12px;outline:none}.tracking-form-card input:focus{border-color:#e3262e;background:#fff;box-shadow:0 0 0 3px rgba(227,38,46,.08)}.tracking-form-card form>button{display:flex;align-items:center;justify-content:center;gap:20px;width:100%;height:49px;border:0;border-radius:9px;background:#e3262e;box-shadow:0 9px 22px rgba(227,38,46,.23);color:#fff;font:inherit;font-size:12px;font-weight:900;cursor:pointer}.tracking-form-card form>button b{font-size:18px}.tracking-form-card>p{margin:15px 0 0;text-align:center;color:#8b96a5;font-size:9px}.tracking-error{display:flex;align-items:center;gap:9px;margin-top:17px;padding:10px;border:1px solid #ffcdd1;border-radius:8px;background:#fff1f2;color:#a51e27;font-size:10px}.tracking-error>b{display:grid;place-items:center;flex:none;width:23px;height:23px;border-radius:50%;background:#e3262e;color:#fff}
.tracking-result{position:relative;z-index:2;margin-top:32px;padding:34px;border:1px solid #e0e5eb;border-radius:19px;background:#fff;box-shadow:0 17px 48px rgba(21,34,53,.08)}.tracking-result-head{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-bottom:26px;border-bottom:1px solid #edf0f3}.tracking-result-head span,.tracking-details small{display:block;color:#8994a3;font-size:9px;font-weight:850;letter-spacing:1px}.tracking-result-head h2{margin:5px 0 3px;font-size:24px}.tracking-result-head p{margin:0;color:#8792a1;font-size:11px}.tracking-status-pill{padding:10px 15px;border-radius:20px;background:#eafaf1;color:#168249;font-size:11px;font-weight:900}.tracking-timeline{display:grid;grid-template-columns:repeat(4,1fr);padding:38px 10px 31px}.tracking-timeline article{position:relative;text-align:center}.tracking-step-icon{position:relative;z-index:2;display:grid;place-items:center;width:48px;height:48px;margin:0 auto 13px;border:5px solid #fff;border-radius:50%;background:#e9edf2;box-shadow:0 0 0 1px #dce2e9;color:#9aa4b1;font-weight:900}.tracking-timeline article>span{position:absolute;left:50%;right:-50%;top:23px;height:3px;background:#e6eaf0}.tracking-timeline article:last-child>span{display:none}.tracking-timeline article.active .tracking-step-icon{background:#e3262e;box-shadow:0 0 0 1px #e3262e;color:#fff}.tracking-timeline article.active>span{background:#e3262e}.tracking-timeline article.current .tracking-step-icon{animation:tracking-pulse 2s infinite}.tracking-timeline h3{margin:0 0 5px;font-size:12px}.tracking-timeline p{margin:0;color:#909aa8;font-size:9px}.tracking-details{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #e3e7ed;border-radius:12px;background:#fafbfd}.tracking-details>div{padding:18px;border-right:1px solid #e3e7ed}.tracking-details>div:last-child{border:0}.tracking-details strong{display:block;margin-top:6px;font-size:12px}.tracking-cargo-note{display:flex;align-items:center;gap:13px;margin-top:18px;padding:17px;border-radius:11px;background:#eef6ff}.tracking-cargo-note>span{font-size:27px}.tracking-cargo-note>div{flex:1}.tracking-cargo-note strong,.tracking-cargo-note p{display:block;margin:0}.tracking-cargo-note strong{font-size:12px}.tracking-cargo-note p{margin-top:3px;color:#758399;font-size:10px}.tracking-cargo-note>b{padding:8px 11px;border-radius:7px;background:#fff;color:#1e5c9c;font-size:11px}.tracking-items{margin-top:18px;border:1px solid #e3e7ed;border-radius:11px}.tracking-items summary{display:flex;justify-content:space-between;padding:15px 17px;cursor:pointer;font-size:11px;font-weight:850;list-style:none}.tracking-items summary span{color:#e3262e}.tracking-items details-marker{display:none}.tracking-items>div{border-top:1px solid #edf0f3}.tracking-items article{display:flex;justify-content:space-between;gap:20px;padding:13px 17px;border-bottom:1px solid #edf0f3}.tracking-items article:last-child{border:0}.tracking-items article strong,.tracking-items article small{display:block}.tracking-items article strong{font-size:11px}.tracking-items article small{margin-top:4px;color:#8b96a5;font-size:9px}.tracking-items article>b{font-size:11px}.tracking-cancelled{display:flex;gap:13px;margin:25px 0;padding:17px;border-radius:11px;background:#fff1f2;color:#9e1b24}.tracking-cancelled>b{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#e3262e;color:#fff}.tracking-cancelled strong,.tracking-cancelled span{display:block}.tracking-cancelled span{margin-top:4px;font-size:10px}.is-cancelled .tracking-status-pill{background:#fff1f2;color:#b31d27}
.tracking-help{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:25px;padding:22px 25px;border:1px solid #e2e6eb;border-radius:14px;background:#fff}.tracking-help>div{display:flex;align-items:center;gap:12px}.tracking-help>div>span{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:#17243a;color:#fff;font-weight:900}.tracking-help strong,.tracking-help small{display:block}.tracking-help strong{font-size:12px}.tracking-help small{margin-top:4px;color:#7c8797;font-size:10px}.tracking-help a{padding:10px 13px;border:1px solid #dfe4ea;border-radius:8px;color:#4c5a6e;font-size:10px;font-weight:850}.tracking-help a:last-child{border-color:#e3262e;color:#e3262e}.tracking-orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{left:-90px;top:160px;width:210px;height:210px;background:rgba(227,38,46,.08)}.orb-two{right:-130px;top:580px;width:300px;height:300px;background:rgba(30,70,130,.07)}
@keyframes tracking-pulse{0%{box-shadow:0 0 0 0 rgba(227,38,46,.35)}70%{box-shadow:0 0 0 13px rgba(227,38,46,0)}100%{box-shadow:0 0 0 0 rgba(227,38,46,0)}}
@media(max-width:950px){.tracking-hero{grid-template-columns:1fr;gap:35px;padding:45px}.tracking-form-card{max-width:550px}.tracking-details{grid-template-columns:repeat(2,1fr)}.tracking-details>div:nth-child(2){border-right:0}.tracking-details>div:nth-child(-n+2){border-bottom:1px solid #e3e7ed}}
@media(max-width:650px){.tracking-page{padding-top:18px}.tracking-hero{padding:31px 22px;border-radius:17px}.tracking-copy h1{font-size:33px}.tracking-trust{align-items:flex-start;flex-direction:column}.tracking-form-card{padding:23px}.tracking-result{padding:23px 18px}.tracking-result-head{align-items:flex-start;flex-direction:column}.tracking-timeline{grid-template-columns:1fr;padding:25px 0}.tracking-timeline article{display:grid;grid-template-columns:50px 1fr;text-align:left;column-gap:12px;min-height:75px}.tracking-step-icon{grid-row:1/3;margin:0}.tracking-timeline article>span{left:23px;right:auto;top:45px;width:3px;height:32px}.tracking-timeline h3{align-self:end}.tracking-details{grid-template-columns:1fr}.tracking-details>div{border-right:0;border-bottom:1px solid #e3e7ed!important}.tracking-details>div:last-child{border-bottom:0!important}.tracking-cargo-note{align-items:flex-start;flex-wrap:wrap}.tracking-cargo-note>b{margin-left:45px}.tracking-help{align-items:flex-start;flex-direction:column}.tracking-help>div:last-child{width:100%}.tracking-help a{flex:1;text-align:center}}
@media(prefers-reduced-motion:reduce){.tracking-timeline article.current .tracking-step-icon{animation:none}}
