.tracking-page{background:var(--paper)}
.tracking-hero{min-height:690px;padding:86px max(24px,calc((100vw - var(--max))/2 + 24px));display:grid;grid-template-columns:.85fr 1.15fr;gap:84px;align-items:center;background:radial-gradient(circle at 18% 20%,rgba(75,107,150,.14),transparent 32%),linear-gradient(135deg,#fff 0%,#f2f5f8 72%)}
.tracking-intro h1{margin:0;font-size:clamp(3.4rem,6vw,5.7rem);line-height:.96;letter-spacing:-.06em}.tracking-intro>p:not(.eyebrow){max-width:560px;margin:27px 0 0;color:var(--muted);font-size:1.08rem}.tracking-channels{margin-top:34px;display:flex;gap:8px;flex-wrap:wrap}.tracking-channels span{padding:8px 12px;border:1px solid #cbd5df;border-radius:999px;background:#fff;font-size:.75rem;font-weight:800}.tracking-channels small{flex-basis:100%;margin-top:7px;color:var(--muted)}
.tracking-card{position:relative;padding:34px;border:1px solid var(--line);border-radius:var(--radius-xl);background:#fff;box-shadow:var(--shadow);overflow:hidden}.tracking-card::before{content:"";position:absolute;inset:0 0 auto;height:5px;background:linear-gradient(90deg,var(--blue),var(--gold))}.tracking-card-head{display:flex;justify-content:space-between;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.tracking-card-head span{color:var(--gold-dark);font-size:.7rem;font-weight:850;letter-spacing:.14em}.tracking-card-head small{color:var(--muted);text-align:right}#tracking-form{margin-top:25px}
.tracking-choice{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0;padding:0;border:0}.tracking-choice legend{grid-column:1/-1;margin-bottom:10px;font-weight:800}.tracking-choice label{cursor:pointer}.tracking-choice input{position:absolute;opacity:0}.tracking-choice span{min-height:52px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;font-weight:780;text-align:center}.tracking-choice input:checked+span{border-color:var(--blue);background:#e9eff6;color:var(--blue-deep);box-shadow:inset 0 0 0 1px var(--blue)}.tracking-choice input:focus-visible+span{outline:3px solid var(--blue);outline-offset:3px}
.tracking-field{display:flex;flex-direction:column;gap:7px;margin-top:21px;font-size:.82rem;font-weight:780}.tracking-field input{width:100%;min-height:54px;padding:12px 14px;border:1px solid #c9d3df;border-radius:13px;color:var(--ink);background:#fff}.tracking-field small{color:var(--muted);font-weight:500}.tracking-contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tracking-contact-fields[hidden],[data-search-panel][hidden]{display:none!important}#tracking-form>.button{width:100%;margin-top:22px}.tracking-form-status{min-height:24px;margin:10px 0 0;color:var(--muted);font-size:.78rem;text-align:center}
.tracking-result{margin-top:28px;padding-top:28px;border-top:1px solid var(--line)}.tracking-result-title{display:flex;gap:14px;align-items:center}.tracking-result-title>span{width:46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#e4f4ee;color:var(--green);font-size:1.35rem;font-weight:900}.tracking-result-title small{color:var(--gold-dark);font-size:.65rem;font-weight:850;letter-spacing:.14em}.tracking-result-title h2{margin:2px 0 0;font-size:1.55rem;line-height:1.1}.tracking-result dl{margin:23px 0 0}.tracking-result dl>div{display:flex;justify-content:space-between;gap:24px;padding:10px 0;border-bottom:1px dashed var(--line)}.tracking-result dt{color:var(--muted)}.tracking-result dd{margin:0;font-weight:780;text-align:right}
.status-timeline{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);position:relative}.status-timeline::before{content:"";position:absolute;top:7px;left:8%;right:8%;height:2px;background:var(--line)}.status-timeline li{position:relative;padding-right:16px}.status-timeline li>span{position:relative;z-index:1;width:16px;height:16px;display:block;border:3px solid #c7d1dc;border-radius:50%;background:#fff}.status-timeline li.active>span{border-color:var(--green);background:var(--green);box-shadow:0 0 0 5px rgba(19,121,91,.12)}.status-timeline div{margin-top:13px;display:flex;flex-direction:column}.status-timeline b{font-size:.77rem}.status-timeline small{margin-top:3px;color:var(--muted);font-size:.67rem}.tracking-disclaimer{margin:22px 0 0;padding:12px 14px;border-radius:12px;background:var(--paper);color:var(--muted);font-size:.72rem}
.tracking-result-title>span.cancelled{background:#fff0ee;color:#a43a32}.payment-status{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border-radius:999px;background:#eef1f4;color:var(--ink);font-size:.72rem;font-weight:850}.payment-status.verified{background:#e4f4ee;color:#0c694d}.payment-status.pending{background:#fff5db;color:#805d11}.payment-status.rejected{background:#fff0ee;color:#96382f}.payment-status.to_collect{background:#e9eff6;color:#31557f}.status-timeline{grid-template-columns:repeat(5,1fr)}.status-timeline::before{left:4%;right:4%}.status-timeline li{padding-right:10px}.status-timeline b{font-size:.72rem}.status-timeline small{font-size:.62rem;line-height:1.35}
.tracking-help{max-width:var(--max);margin:0 auto;padding:100px 24px}.tracking-help>div:first-child{display:flex;justify-content:space-between;align-items:end}.tracking-help h2{max-width:600px;margin:0;font-size:clamp(2.4rem,4.5vw,4.1rem);line-height:1.04;letter-spacing:-.05em}.tracking-help-grid{margin-top:42px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.tracking-help article{padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff}.tracking-help article>span{color:var(--gold-dark);font-size:.72rem;font-weight:850}.tracking-help h3{margin:18px 0 0;font-size:1.35rem}.tracking-help p{color:var(--muted)}.tracking-help article a{display:inline-block;margin-top:12px;border-bottom:1px solid currentColor;font-weight:800}
@media(max-width:860px){.tracking-hero{grid-template-columns:1fr;gap:44px;padding:64px 20px}.tracking-intro h1{font-size:3.8rem}.tracking-help{padding:76px 20px}.tracking-help-grid{grid-template-columns:1fr}}
@media(max-width:560px){.tracking-hero{padding:48px 14px 60px}.tracking-intro h1{font-size:3rem}.tracking-card{padding:27px 18px;border-radius:22px}.tracking-card-head{display:block}.tracking-card-head small{display:block;margin-top:6px;text-align:left}.tracking-choice{grid-template-columns:1fr}.tracking-contact-fields{grid-template-columns:1fr}.status-timeline{grid-template-columns:1fr;gap:17px}.status-timeline::before{top:6px;bottom:6px;left:7px;right:auto;width:2px;height:auto}.status-timeline li{display:grid;grid-template-columns:16px 1fr;gap:13px}.status-timeline div{margin:0}.tracking-help{padding:64px 18px}.tracking-help h2{font-size:2.6rem}.tracking-result dl>div{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.tracking-page [data-reveal]{opacity:1;transform:none}}