:root{--bg-primary:#fff;--bg-secondary:#f8fafc;--bg-tertiary:#f1f5f9;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--accent-color:#2563eb;--accent-hover:#1d4ed8;--accent-light:#eff6ff;--border-color:#e2e8f0;--font-sans:"Inter", sans-serif;--font-display:"Space Grotesk", sans-serif;--spacing-xs:.5rem;--spacing-sm:1rem;--spacing-md:2rem;--spacing-lg:4rem;--spacing-xl:8rem;--radius-sm:8px;--radius-md:12px;--radius-lg:24px;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -2px #0000000d;--shadow-lg:0 10px 15px -3px #0000000d, 0 4px 6px -4px #0000000d;--shadow-hover:0 20px 25px -5px #0000000d, 0 8px 10px -6px #0000000d}*{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;overflow-x:hidden}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.03em;color:var(--text-primary);font-weight:700;line-height:1.1}a{color:inherit;text-decoration:none;transition:color .3s}ul{list-style:none}.container{max-width:1280px;padding:0 var(--spacing-sm);margin:0 auto}@media (width>=768px){.container{padding:0 var(--spacing-md)}}.section-padding{padding:var(--spacing-xl) 0}.btn{border-radius:var(--radius-full);cursor:pointer;font-size:.95rem;font-weight:500;font-family:var(--font-sans);border:none;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.75rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:inline-flex}.btn-primary{background-color:var(--accent-color);color:#fff;border:1px solid var(--accent-color)}.btn-primary:hover{color:var(--accent-color);box-shadow:var(--shadow-hover);background-color:#0000;transform:translateY(-2px)}.btn-secondary{color:var(--accent-color);border:1px solid var(--border-color);background-color:#0000}.btn-secondary:hover{background-color:var(--bg-tertiary);border-color:var(--text-muted)}.glass-panel{-webkit-backdrop-filter:blur(20px);background:#fff9;border:1px solid #fffc;box-shadow:0 4px 30px #00000008}.text-gradient{background:linear-gradient(135deg, var(--accent-color) 0%, #38bdf8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}::selection{background-color:var(--accent-color);color:#fff}.navigation{z-index:100;border-bottom:1px solid #0000;width:100%;padding:1.5rem 0;transition:all .4s;position:fixed;top:0;left:0}.nav-scrolled{border-bottom:1px solid var(--border-color);background:#ffffffd9;padding:1rem 0}.nav-container{justify-content:space-between;align-items:center;display:flex}.nav-logo{font-family:var(--font-display);letter-spacing:-.05em;color:var(--accent-color);z-index:1001;align-items:center;gap:.5rem;font-size:1.5rem;font-weight:800;display:flex;position:relative}.nav-links{display:none}@media (width>=1024px){.nav-links{align-items:center;gap:2.5rem;display:flex}}.nav-link{color:var(--text-secondary);font-size:.95rem;font-weight:500;transition:color .3s;position:relative}.nav-link:hover{color:var(--accent-color)}.nav-link:after{content:"";background-color:var(--accent-color);width:0%;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.nav-link:hover:after{width:100%}.nav-actions{align-items:center;gap:1rem;display:flex}.nav-login{display:none}@media (width>=768px){.nav-login{border:none;display:inline-flex}}.nav-item.has-dropdown{margin-bottom:-25px;padding-bottom:25px;position:relative}.flex-center-gap{align-items:center;gap:.25rem;display:flex}.mega-menu{border-radius:var(--radius-lg);border:1px solid var(--border-color);opacity:0;visibility:hidden;z-index:200;background:#fff;grid-template-columns:1fr 1fr;gap:2rem;width:700px;padding:2.5rem;transition:all .3s cubic-bezier(.16,1,.3,1);display:grid;position:absolute;top:calc(100% + 20px);left:50%;transform:translate(-35%)translateY(15px);box-shadow:0 30px 60px #0000001a}.nav-item.has-dropdown:hover .mega-menu{opacity:1;visibility:visible;transform:translate(-35%)translateY(0)}.mega-menu-column{flex-direction:column;gap:.75rem;display:flex}.mega-menu-item{cursor:pointer;border-radius:var(--radius-md);align-items:center;gap:1.25rem;padding:.75rem 1rem;text-decoration:none;transition:background .2s,transform .2s;display:flex}.mega-menu-item:hover{background:var(--bg-tertiary);transform:translate(4px)}.mega-icon{background:var(--accent-light);width:44px;height:44px;color:var(--accent-color);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.mega-text{color:var(--text-primary);font-size:1rem;font-weight:600}.mobile-toggle{color:var(--text-primary);cursor:pointer;z-index:1001;background:0 0;border:none;padding:.25rem;display:block}@media (width>=768px){.mobile-toggle{display:none}}.mobile-menu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;opacity:0;visibility:hidden;background:#fffffffa;flex-direction:column;width:100%;height:100vh;padding:100px 2rem 2rem;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;transform:translateY(-20px)}.mobile-menu.open{opacity:1;visibility:visible;transform:translateY(0)}.mobile-menu-inner{flex-direction:column;gap:1.5rem;max-height:calc(100vh - 100px);padding-bottom:2rem;display:flex;overflow-y:auto}.mobile-link{color:var(--text-primary);font-size:1.75rem;font-weight:800;font-family:var(--font-display);letter-spacing:-.03em;text-decoration:none}.accordion-toggle{cursor:pointer;background:0 0;border:none;justify-content:space-between;align-items:center;width:100%;padding:0;display:flex}.accordion-toggle svg{transition:transform .3s}.accordion-toggle svg.rotated{transform:rotate(180deg)}.accordion-content{opacity:0;flex-direction:column;gap:1.25rem;max-height:0;margin-top:1.5rem;padding-left:.5rem;transition:max-height .4s,opacity .4s;display:flex;overflow:hidden}.accordion-content.open{opacity:1;max-height:500px}.mobile-sublink{color:var(--text-secondary);align-items:center;gap:.75rem;font-size:1.125rem;font-weight:500;text-decoration:none;display:flex}.mobile-sublink svg{color:var(--accent-color)}.mobile-btn{width:100%;padding:1.2rem;font-size:1.125rem}.tracking-page{background-color:var(--bg-secondary);min-height:100vh;padding-top:120px}.tracking-container{grid-template-columns:1fr;align-items:flex-start;gap:3rem;display:grid}@media (width>=1024px){.tracking-container{grid-template-columns:1fr 2.5fr 1fr;gap:2rem;min-height:calc(100vh - 120px)}}.tracking-left-sidebar,.tracking-right-sidebar{flex-direction:column;height:100%;display:flex}.tracking-center{flex-direction:column;align-items:center;width:100%;display:flex}.tracking-center .tracking-badge{align-self:center;margin-bottom:1.5rem}.tracking-center .tracking-title{text-align:center}.tracking-center .tracking-subtitle{text-align:center;margin-left:auto;margin-right:auto}.tracking-center .tracking-form{width:100%;max-width:600px;margin-left:auto;margin-right:auto}.tracking-center .empty-state{width:100%}.tracking-results-box{border-radius:var(--radius-md);border:1px solid var(--border-color);background:var(--bg-primary);flex-direction:column;width:100%;max-width:700px;height:calc(100vh - 320px);min-height:500px;display:flex;overflow:hidden}.results-header{border-bottom:1px solid var(--border-color);flex-shrink:0;padding:1.5rem}.results-header .shipment-meta{margin-bottom:1rem}.results-header .delivery-agent-card{margin-top:0}.results-scroll-area{flex:1;padding:1.5rem;overflow-y:auto}.results-scroll-area::-webkit-scrollbar{width:6px}.results-scroll-area::-webkit-scrollbar-track{background:var(--bg-secondary);border-radius:3px}.results-scroll-area::-webkit-scrollbar-thumb{background:var(--border-color);border-radius:3px}.results-scroll-area::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.tracking-badge{background:var(--bg-tertiary);color:var(--text-secondary);border-radius:var(--radius-full);border:1px solid var(--border-color);margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem;font-weight:600;display:inline-block}.tracking-title{margin-bottom:1rem;font-size:clamp(3rem,5vw,4rem)}.tracking-subtitle{color:var(--text-secondary);max-width:90%;margin-bottom:2.5rem;font-size:1.125rem;line-height:1.6}.tracking-form{flex-direction:column;gap:1rem;margin-bottom:3rem;display:flex}@media (width>=640px){.tracking-form{flex-direction:row}}.input-group{flex:1;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:1.25rem;transform:translateY(-50%)}.input-group input{border:1px solid var(--border-color);border-radius:var(--radius-md);width:100%;font-size:1.125rem;font-family:var(--font-sans);background:var(--bg-primary);outline:none;padding:1.25rem 1.25rem 1.25rem 3.5rem;transition:all .3s;box-shadow:0 4px 10px #00000005}.input-group input:focus{border-color:var(--accent-color);box-shadow:0 0 0 4px var(--accent-light)}.track-btn{border-radius:var(--radius-md);padding:1.25rem 2.5rem;font-size:1.125rem}.track-btn:disabled{opacity:.7;cursor:wait;box-shadow:none;transform:none}.tracking-alert{border-radius:var(--radius-md);border:1px solid #0000;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:.95rem}.tracking-alert-error{color:#b91c1c;background:#fef2f2;border-color:#fecaca}.shipment-meta{background:var(--bg-primary);border-radius:var(--radius-md);border:1px solid var(--border-color);grid-template-columns:1fr;gap:1.5rem;margin-bottom:3rem;padding:1.5rem;display:grid;box-shadow:0 10px 30px #00000005}@media (width>=640px){.shipment-meta{grid-template-columns:1fr 1fr}}.meta-box{flex-direction:column;gap:.5rem;display:flex}.meta-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.875rem;font-weight:600}.meta-value{font-size:1.25rem;font-weight:700;font-family:var(--font-display)}.text-blue{color:var(--accent-color)}.tracking-timeline{flex-direction:column;display:flex;position:relative}.tracking-timeline:before{content:"";background:var(--border-color);z-index:0;width:2px;height:100%;position:absolute;top:0;left:23px}.timeline-item{z-index:1;gap:2rem;padding-bottom:3rem;display:flex;position:relative}.timeline-item:last-child{padding-bottom:0}.tl-icon{background:var(--bg-primary);border:2px solid var(--border-color);width:48px;height:48px;color:var(--text-muted);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s;display:flex}.completed .tl-icon{border-color:var(--accent-color);background:var(--accent-color);color:#fff}.active .tl-icon{border-color:var(--accent-color);background:var(--bg-primary);color:var(--accent-color)}.pulse-container{position:relative}.tl-pulse{border:2px solid var(--accent-color);border-radius:50%;width:100%;height:100%;animation:2s ease-out infinite tl-pulse;position:absolute}@keyframes tl-pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}.tl-content{padding-top:.5rem}.tl-content h4{color:var(--text-primary);margin-bottom:.25rem;font-size:1.125rem}.pending .tl-content h4{color:var(--text-muted)}.tl-content p{color:var(--text-secondary);margin-bottom:.5rem;font-size:.95rem}.tl-location{color:var(--text-primary);font-weight:600}.tl-time{color:var(--text-muted);font-size:.85rem;font-weight:600}.tracking-right{flex-direction:column;height:100%;display:flex}.empty-state{text-align:center;background:var(--bg-primary);flex-direction:column;justify-content:center;align-items:center;height:500px;padding:3rem;display:flex}.empty-icon-wrap{background:var(--bg-tertiary);width:100px;height:100px;color:var(--text-muted);border-radius:50%;justify-content:center;align-items:center;margin-bottom:2rem;display:flex}.skeleton-grid{flex-direction:column;gap:1rem;width:100%;max-width:300px;display:flex}.sk-line{background:var(--bg-tertiary);border-radius:6px;height:12px}.tracking-map-visual{background:var(--bg-primary);flex-direction:column;height:500px;padding:1.5rem;display:flex;position:relative}.map-placeholder{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);flex:1;margin-bottom:1.5rem;position:relative;overflow:hidden}.route-svg{width:100%;height:100%;position:absolute;top:0;left:0}.path-anim{stroke-dasharray:1000;stroke-dashoffset:1000px;animation:3s ease-out forwards drawPath}@keyframes drawPath{to{stroke-dashoffset:0}}.map-node{z-index:10;border-radius:50%;width:16px;height:16px;position:absolute;transform:translate(-50%,-50%)}.map-node.start,.map-node.end{background:var(--text-muted);border:3px solid #fff}.map-node.current{background:var(--accent-color);border:3px solid #fff}.node-pulse{border:2px solid var(--accent-color);border-radius:50%;animation:2s ease-out infinite tl-pulse;position:absolute;inset:-6px}.delivery-agent-card{background:var(--bg-secondary);border-radius:var(--radius-md);border:1px solid var(--border-color);align-items:center;gap:1rem;padding:1rem;display:flex}.agent-avatar{background:var(--accent-color);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.25rem;font-weight:700;display:flex}.agent-info{flex:1}.agent-role{text-transform:uppercase;color:var(--text-muted);letter-spacing:.05em;font-size:.75rem;font-weight:600}.agent-info h4{margin:0;font-size:1.125rem}.agent-info p{color:var(--text-secondary);margin-top:.25rem;font-size:.95rem}.call-btn{padding:.5rem 1.5rem}.awb-badge{border-radius:var(--radius-full);background:var(--accent-light);color:var(--accent-color);white-space:nowrap;justify-content:center;align-items:center;padding:.55rem .9rem;font-size:.85rem;font-weight:700;display:inline-flex}.promotions-container{flex-direction:column;gap:1rem;margin-top:2rem;display:flex}.promo-heading{color:var(--text-primary);margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.promo-banners{grid-template-columns:1fr;gap:1rem;display:grid}@media (width>=640px){.promo-banners{grid-template-columns:1fr 1fr;gap:1.5rem}}@media (width>=1024px){.promo-banners{grid-template-columns:1fr;gap:1rem}}.promo-banner{border-radius:var(--radius-md);color:#fff;cursor:pointer;background-position:50%;background-size:cover;flex-direction:column;justify-content:flex-end;min-height:240px;padding:1.5rem;transition:transform .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000000d}.promo-banner:hover{transform:translateY(-5px)}.banner-1{background-image:url(https://images.unsplash.com/photo-1441984904996-e0b6ba687e04?auto=format&fit=crop&q=80&w=800)}.banner-2{background-image:url(https://images.unsplash.com/photo-1505740420928-5e560c06d30e?auto=format&fit=crop&q=80&w=800)}.banner-3{background-image:url(https://images.unsplash.com/photo-1629904853716-f0bc54eea481?auto=format&fit=crop&q=80&w=800)}.promo-banner:before{content:"";z-index:0;background:linear-gradient(#0000001a 20%,#000000d9 100%);transition:opacity .3s;position:absolute;inset:0}.promo-banner:hover:before{opacity:.9}.promo-content{z-index:1;position:relative}.promo-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.1em;background:#fff3;border:1px solid #ffffff4d;margin-bottom:1rem;padding:.3rem .8rem;font-size:.75rem;font-weight:600;display:inline-block}.promo-content h4{color:#fff;margin-bottom:.5rem;font-size:1.25rem;line-height:1.3}.promo-content p{opacity:.9;color:#fffc;margin-bottom:0;font-size:.875rem}.btn-sm{padding:.6rem 1.2rem;font-size:.875rem}.mt-sm{margin-top:1rem}