:root{color-scheme:dark;--bg:#071018;--card:#0a1823c7;--card-strong:#0c1e2bf0;--ink:#f6fbff;--text:#d7e7f2;--muted:#91a7b8;--line:#9ecfe938;--cyan:#42f5ff;--green:#28e7aa;--gold:#ffcf70;--shadow:0 28px 90px #0000006b;font-family:Avenir Next,Trebuchet MS,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{min-height:100vh;color:var(--text);background:linear-gradient(135deg,#0a1f44 0%,#123061 55%,#1c3a75 100%);margin:0}body:before{content:"";z-index:-1;background-image:#8ed1f20e, #8ed1f20e;mask-image:#000000d9;background-size:48px 48px;position:fixed;inset:0}button,textarea{font:inherit}.page{width:min(1120px,100% - 32px);margin:0 auto;padding:28px 0 48px}.topbar{justify-content:space-between;align-items:center;gap:16px;margin-bottom:26px;display:flex}.brand{color:var(--ink);letter-spacing:-.03em;align-items:center;gap:12px;font-weight:800;display:inline-flex}.brand-icon{background:var(--cyan) 0, #42f5ff2e;border:1px solid #42f5ff70;border-radius:14px;width:38px;height:38px;box-shadow:0 0 34px #42f5ff33}.status{border:1px solid var(--line);min-height:36px;color:var(--muted);background:#0710188c;border-radius:999px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.dot{background:var(--green);width:8px;height:8px;box-shadow:0 0 16px var(--green);border-radius:999px}.hero{grid-template-columns:minmax(0,.9fr) minmax(min(380px,100%),1.1fr);align-items:stretch;gap:22px;display:grid}.intro,.tracker,.result-card{border:1px solid var(--line);background:var(--card);box-shadow:var(--shadow);backdrop-filter:blur(22px);border-radius:30px}.intro{flex-direction:column;justify-content:space-between;min-height:620px;padding:clamp(28px,5vw,50px);display:flex;overflow:hidden}.kicker{color:#ffe0a3;letter-spacing:.12em;text-transform:uppercase;background:#ffcf7014;border:1px solid #ffcf7047;border-radius:999px;width:fit-content;margin:0 0 20px;padding:9px 12px;font-size:12px;font-weight:800;display:inline-flex}h1{max-width:9ch;color:var(--ink);letter-spacing:-.07em;margin:0;font-size:clamp(54px,8vw,104px);line-height:.88}.lede{max-width:34ch;color:var(--muted);margin:24px 0 0;font-size:18px;line-height:1.58}.route-art{background:#1140488a;border:1px solid #9ecfe92e;border-radius:26px;margin-top:36px;position:relative;overflow:hidden}.route-art svg{width:100%;height:auto;display:block}.route-line{stroke-dasharray:10 12;animation:10s linear infinite dash}.scanner{pointer-events:none;background:0 0;height:34%;animation:5s ease-in-out infinite scan;position:absolute;inset:0}.tracker{flex-direction:column;min-height:620px;padding:clamp(24px,4vw,36px);display:flex}.tracker h2{color:var(--ink);letter-spacing:-.055em;margin:0 0 8px;font-size:clamp(34px,5vw,56px);line-height:.94}.hint{color:var(--muted);margin:0 0 22px;line-height:1.55}label{color:var(--ink);margin-bottom:10px;font-weight:800;display:block}textarea{resize:vertical;width:100%;min-height:210px;color:var(--ink);caret-color:var(--cyan);background:#171f27c1;border:1px solid #9ecfe957;border-radius:22px;outline:none;padding:20px;line-height:1.6}textarea::placeholder{color:#91a7b8b8}textarea:focus{border-color:#42f5ffc2;box-shadow:0 0 0 4px #42f5ff1f}button{color:#031018;background:var(--cyan);cursor:pointer;border:0;border-radius:18px;width:100%;min-height:56px;margin-top:14px;padding:16px 20px;font-size:16px;font-weight:900;transition:transform .2s,filter .2s;box-shadow:0 12px 24px #42f5ff2e}button:hover{filter:saturate(1.12);transform:translateY(-2px)}button:focus-visible,textarea:focus-visible{outline-offset:4px;outline:3px solid #ffcf70e0}button:disabled{opacity:.72;cursor:progress;transform:none}#tracking-results{gap:16px;margin-top:22px;display:grid}.tracking-request-status{color:#c8e7f5;background:#42f5ff0f;border:1px solid #42f5ff33;border-radius:12px;margin-top:14px;padding:10px 12px;font-size:13px;font-weight:700;display:none}.tracking-request-status.is-visible{display:block}.empty{color:var(--muted);background:#040d156b;border:1px dashed #9ecfe94d;border-radius:22px;padding:20px;line-height:1.58}.empty strong{color:var(--ink);margin-bottom:5px;display:block}.result-card{overflow:hidden}.result-head{border-bottom:1px solid var(--line);background:#040d1570;grid-template-columns:minmax(0,1fr) auto;gap:14px;padding:20px;display:grid}.label{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;margin-bottom:7px;font-size:11px;font-weight:800}.track-id{color:var(--ink);word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;font-weight:900}.status-pill{color:#bfffe9;white-space:nowrap;background:#28e7aa1f;border:1px solid #28e7aa5c;border-radius:999px;align-self:start;padding:9px 12px;font-size:12px;font-weight:900}.event-list{padding:20px}.event{padding:0 0 18px 24px;position:relative}.event:last-child{padding-bottom:0}.event:before{content:"";background:var(--cyan);border-radius:999px;width:10px;height:10px;position:absolute;top:6px;left:0;box-shadow:0 0 0 6px #42f5ff1a,0 0 22px #42f5ff85}.event:after{content:"";background:#42f5ff6b;width:1px;position:absolute;top:22px;bottom:0;left:5px}.event:last-child:after{display:none}.event-time{color:var(--muted);margin-bottom:4px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;font-weight:700}.event-desc{color:var(--ink);font-weight:800;line-height:1.5}.event-loc{color:var(--muted);margin-top:4px;font-size:13px}.support-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.support-card,.workflow-strip,.faq-panel{border:1px solid var(--line);backdrop-filter:blur(18px);background:#1a242cb7;border-radius:24px}.support-card{padding:20px}.support-card span,.workflow-strip span,.faq-panel span{color:#a9f7ff;letter-spacing:.12em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:900;display:block}.support-card h2,.workflow-strip h2,.faq-panel h2,.faq-card h3{color:var(--ink);letter-spacing:-.035em;margin:0}.support-card h2{font-size:22px;line-height:1.08}.support-card p,.workflow-strip p,.faq-card p{color:var(--muted);margin:12px 0 0;line-height:1.62}.workflow-strip{grid-template-columns:.9fr 1.1fr;gap:24px;margin-top:16px;padding:24px;display:grid}.workflow-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.workflow-list li{color:var(--text);background:#030c145c;border:1px solid #9ecfe92e;border-radius:16px;padding:14px;line-height:1.55}.workflow-list strong{color:var(--ink)}.faq-panel{margin-top:16px;padding:24px}.faq-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.faq-card{background:#030c1457;border:1px solid #9ecfe929;border-radius:18px;padding:18px}.faq-card h3{font-size:16px;line-height:1.25}@keyframes dash{to{stroke-dashoffset:-220px}}@keyframes scan{0%,to{opacity:0;transform:translateY(-70%)}18%,72%{opacity:.72}50%{transform:translateY(245%)}}@media (width<=860px){.page{width:min(100% - 22px,1120px);padding-top:18px}.topbar{flex-direction:column;align-items:flex-start}.hero,.support-grid,.workflow-strip,.faq-grid{grid-template-columns:minmax(0,1fr)}.tracker{order:-1;min-height:auto}.intro{min-height:auto}h1{font-size:clamp(46px,16vw,72px)}textarea{min-height:170px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
