:root{font-family:Arial,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#17243a;background:#f4f7fb;font-synthesis:none;--brand:#075985;--accent:#0369a1;--tint:#eaf5fc;--border:#dce4ed;--muted:#53647c;--shadow:0 24px 70px -36px #142a4b65;color-scheme:light}
*{box-sizing:border-box}body{margin:0;min-width:280px}button,input{font:inherit}a{color:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.site-header{background:#fff;border-bottom:1px solid var(--border)}.nav{max-width:1120px;margin:auto;min-height:92px;padding:18px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{height:48px;width:48px;display:grid;place-items:center;border-radius:13px;background:var(--brand);color:white;font-weight:800;font-size:21px;letter-spacing:-1px}.brand-name{font-size:20px;font-weight:800;letter-spacing:.025em}.brand-meta{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:5px}.staff-link{display:flex;gap:9px;align-items:center;font-size:14px;text-decoration:none;font-weight:700;padding:12px 15px;border:1px solid var(--border);border-radius:10px;background:#fff}.staff-link svg{width:17px;height:17px}.staff-link:hover{border-color:var(--brand);color:var(--brand)}
main{max-width:1120px;margin:auto;padding:52px 32px 64px}.workspace{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:44px;align-items:start}.intro{padding-top:14px}.eyebrow{color:var(--brand);font-size:13px;font-weight:800;letter-spacing:.13em;text-transform:uppercase;display:flex;align-items:center;gap:8px}.eyebrow:before{content:"";display:block;width:23px;height:3px;background:var(--brand)}h1{font-size:clamp(32px,4.4vw,48px);line-height:1.17;letter-spacing:-1.7px;margin:23px 0 18px;max-width:470px}h1 span{color:var(--brand)}.lead{font-size:17px;line-height:1.7;color:var(--muted);max-width:390px;margin:0}.steps{display:grid;gap:23px;margin-top:38px;padding:0;list-style:none}.steps li{display:flex;gap:14px;align-items:start}.step-icon{width:38px;height:38px;display:grid;place-items:center;color:var(--brand);background:#fff;border:1px solid var(--border);border-radius:10px;flex-shrink:0}.step-icon svg{width:19px;height:19px}.steps strong{display:block;font-size:15px;margin:1px 0 5px}.steps p{font-size:14px;line-height:1.5;color:var(--muted);margin:0;max-width:330px}.search-card{background:#fff;border:1px solid var(--border);border-radius:23px;box-shadow:var(--shadow);padding:30px}.card-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.card-heading h2{font-size:22px;letter-spacing:-.6px;margin:0}.card-symbol{height:42px;width:42px;background:var(--tint);color:var(--brand);border-radius:12px;display:grid;place-items:center}.field{margin-bottom:22px}label{display:block;font-size:15px;font-weight:700;margin-bottom:9px}.input-wrap{position:relative}.input-wrap svg{position:absolute;left:16px;top:18px;height:20px;width:20px;color:#687a90;pointer-events:none}input{height:58px;border:1.5px solid #cdd8e5;border-radius:11px;width:100%;padding:14px 16px 14px 47px;font-size:18px;background:#fff;color:#182943;transition:border-color .15s,box-shadow .15s}input::placeholder{color:#8190a2;font-size:16px;opacity:1}input:focus{outline:0;border-color:var(--brand);box-shadow:0 0 0 4px var(--tint)}.help{font-size:13px;color:var(--muted);line-height:1.5;margin:8px 0 0}.submit{display:flex;align-items:center;justify-content:center;gap:10px;border:0;width:100%;min-height:56px;border-radius:11px;background:var(--brand);color:#fff;font-size:17px;font-weight:700;cursor:pointer}.submit:hover{background:var(--accent)}.submit:disabled{opacity:.7;cursor:wait}.submit svg{height:20px;width:20px}.privacy-note{display:flex;gap:8px;margin:20px 0 0;color:var(--muted);font-size:13px;line-height:1.6}.privacy-note svg{width:17px;height:17px;margin-top:2px}.message{margin-top:20px;padding:15px 17px;border:1px solid #eacb86;border-radius:11px;background:#fff9eb;color:#795012;font-size:15px;line-height:1.6}.message:empty{display:none}[hidden]{display:none!important}
.result{grid-column:1/-1;margin-top:3px;outline:none}.result-shell{border:1px solid var(--border);border-radius:23px;background:#fff;overflow:hidden;box-shadow:var(--shadow)}.result-top{display:flex;gap:20px;justify-content:space-between;align-items:center;padding:27px 30px;border-bottom:1px solid var(--border)}.small-label{font-size:13px;color:var(--muted);margin-bottom:7px}.tracking-number{font-size:27px;letter-spacing:1px;font-weight:800}.status{font-size:15px;font-weight:700;line-height:1.45;color:#075985;background:#eaf5fc;padding:11px 15px;border-radius:10px;display:flex;align-items:center;gap:8px}.status[data-state=delivered]{background:#e7f6ec;color:#126337}.status[data-state=failed],.status[data-state=returned],.status[data-state=returning],.status[data-state=cancelled]{background:#fff2df;color:#855713}.result-content{padding:29px 30px;display:grid;grid-template-columns:.8fr 1.2fr;gap:36px}.facts{display:flex;flex-wrap:wrap;gap:14px 32px;margin:4px 0 24px}.facts dt{font-size:13px;color:var(--muted);margin-bottom:8px}.facts dd{margin:0;font-size:18px;font-weight:700}.status-copy{font-size:16px;line-height:1.65;color:var(--muted);margin:0 0 20px}.checked{font-size:13px;color:var(--muted);line-height:1.6}.history-title{font-size:18px;margin:0 0 25px}.timeline{list-style:none;margin:0;padding:0}.timeline li{position:relative;margin-left:8px;padding:0 0 24px 27px;border-left:2px solid #e0e7ef}.timeline li:last-child{border-color:transparent;padding-bottom:0}.timeline li:before{position:absolute;content:"";top:2px;left:-6px;border:3px solid white;box-shadow:0 0 0 1px #cbd5e1;height:10px;width:10px;border-radius:50%;background:#cbd5e1;box-sizing:content-box}.timeline li:first-child:before{background:var(--brand);box-shadow:0 0 0 1px var(--brand)}.timeline strong{display:block;font-size:15px;line-height:1.5;margin-bottom:4px}.timeline time{font-size:13px;color:var(--muted);line-height:1.5}.timeline li:first-child strong{color:var(--brand)}footer{max-width:1056px;margin:0 auto;padding:23px 0 30px;border-top:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;font-size:13px;color:var(--muted);line-height:1.6}footer a{text-decoration:none}footer a:hover{text-decoration:underline}.footer-links{display:flex;gap:20px;flex-wrap:wrap}:focus-visible{outline:3px solid var(--brand);outline-offset:4px}
@media(max-width:760px){.nav{min-height:78px;padding:15px 20px}.brand-mark{height:40px;width:40px;border-radius:11px;font-size:18px}.brand-name{font-size:16px}.brand-meta{display:none}.staff-link{font-size:13px;padding:10px}.staff-link svg{display:none}main{padding:32px 20px 40px}.workspace{grid-template-columns:1fr;gap:26px}.intro{padding:0}.eyebrow{font-size:12px}h1{font-size:35px;letter-spacing:-1.2px;margin:17px 0 12px;max-width:400px}h1 br{display:none}.lead{font-size:16px;line-height:1.6}.steps{display:none}.search-card{padding:23px 21px;border-radius:18px}.card-heading{margin-bottom:22px}.card-heading h2{font-size:20px}.result-shell{border-radius:18px}.result-top{align-items:start;flex-direction:column;gap:16px;padding:23px}.status{font-size:14px}.result-content{grid-template-columns:1fr;padding:23px;gap:25px}.facts{margin:0 0 18px}.status-copy{margin-bottom:10px}.history-title{padding-top:22px;border-top:1px solid var(--border)}footer{margin:0 20px;flex-direction:column;gap:12px}.footer-links{gap:18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
.nav{flex-wrap:wrap}.nav-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.language-switch{display:inline-flex;align-items:center;gap:3px;padding:4px;border:1px solid var(--border);border-radius:12px;background:#f5f7fb}.language-switch button{min-height:40px;padding:9px 12px;border:0;border-radius:8px;color:var(--muted);background:transparent;font-size:14px;font-weight:700;cursor:pointer;white-space:nowrap}.language-switch button[aria-pressed=true]{background:var(--brand);color:#fff}.language-switch button[aria-pressed=false]:hover{background:var(--tint);color:var(--brand)}.staff-link{min-height:44px}h1 .hero-first{color:inherit}
@media(max-width:760px){.nav{gap:12px}.nav-actions{flex-basis:100%;justify-content:space-between;gap:8px}.language-switch button{padding:9px 11px;min-height:40px}.staff-link{max-width:48%;font-size:13px;padding:10px 11px}.nav-actions .language-switch{flex-shrink:0}}
