:root{--bg:#020a15;--panel:#071626;--panel2:#0a1d32;--line:#285777;--blue:#1493ff;--cyan:#62ccff;--text:#f8fbff;--muted:#a7bdd0;--green:#2bd376;--red:#ff6070}*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;min-height:100vh;background:radial-gradient(circle at 50% 0,#0a294c 0,#020a15 46%,#01060d 100%);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.tracking-page{width:min(940px,100%);margin:auto;padding:calc(18px + env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) calc(50px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left))}.tracking-top{display:flex;align-items:center;gap:18px;margin-bottom:22px}.tracking-top>a:first-child{color:#8ed0f8;text-decoration:none;font-weight:800}.tracking-brand{margin-left:auto;width:min(330px,55vw)}.tracking-brand img{display:block;width:100%;height:auto}.tracking-shell{position:relative;overflow:hidden;border:1px solid rgba(56,143,210,.48);border-radius:26px;background:radial-gradient(circle at 100% 0,rgba(20,147,255,.14),transparent 35%),linear-gradient(155deg,rgba(8,27,46,.98),rgba(3,13,24,.99));box-shadow:0 34px 84px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.03)}.tracking-shell:before{content:"";position:absolute;left:30px;right:30px;top:0;height:1px;background:linear-gradient(90deg,transparent,#70d3ff,transparent)}.tracking-hero{padding:clamp(25px,5vw,48px);border-bottom:1px solid rgba(45,95,132,.42)}.tracking-eyebrow{display:inline-flex;color:#67caff;font-size:11px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.tracking-hero h1{margin:12px 0 12px;font-size:clamp(36px,6vw,58px);line-height:1.05;letter-spacing:-.045em}.tracking-hero p{max-width:720px;margin:0;color:var(--muted);font-size:16px;line-height:1.72}.tracking-form{display:grid;grid-template-columns:1fr 1fr auto;gap:12px;align-items:end;margin-top:25px}.tracking-field{display:grid;gap:7px}.tracking-field label{font-size:13px;font-weight:850;color:#dcedf8}.tracking-field input{width:100%;min-height:54px;padding:13px 14px;border:1px solid #355b78;border-radius:14px;background:#040f1c;color:#fff;font:inherit;font-size:16px;outline:none}.tracking-field input:focus{border-color:#53bdff;box-shadow:0 0 0 3px rgba(20,147,255,.11)}.tracking-submit{min-height:54px;padding:0 22px;border:1px solid #39aaff;border-radius:14px;background:linear-gradient(135deg,#087ff0,#116ee2);color:#fff;font:inherit;font-weight:900;cursor:pointer;box-shadow:0 14px 28px rgba(8,127,240,.25)}.tracking-error{margin:18px clamp(20px,5vw,48px) 0;padding:14px 16px;border:1px solid rgba(255,91,109,.38);border-radius:14px;background:rgba(72,12,22,.35);color:#ffc6cc}.tracking-result{padding:clamp(22px,5vw,48px)}.tracking-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:22px}.tracking-summary div{padding:15px;border:1px solid rgba(57,128,181,.34);border-radius:15px;background:rgba(7,26,43,.78)}.tracking-summary small{display:block;color:#78a4c5;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tracking-summary strong{display:block;margin-top:7px;overflow-wrap:anywhere;font-size:15px}.tracking-progress-card{padding:20px;border:1px solid rgba(56,132,188,.38);border-radius:19px;background:linear-gradient(155deg,rgba(7,28,47,.86),rgba(4,17,29,.9))}.tracking-progress-head{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:14px}.tracking-progress-head span{color:#75a5c7;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.tracking-progress-head strong{font-size:24px}.tracking-progress-head b{color:#67caff;font-size:18px}.tracking-progress{height:9px;overflow:hidden;border-radius:10px;background:#102b44}.tracking-progress i{display:block;height:100%;border-radius:10px;background:linear-gradient(90deg,#0c82eb,#5bcbff);box-shadow:0 0 16px rgba(20,147,255,.34)}.tracking-timeline{position:relative;display:grid;gap:0;margin-top:22px}.tracking-step{position:relative;display:grid;grid-template-columns:52px 1fr;gap:15px;min-height:98px;opacity:.45}.tracking-step:not(:last-child):after{content:"";position:absolute;left:25px;top:47px;bottom:0;width:2px;background:#20415d}.tracking-step.is-done,.tracking-step.is-current{opacity:1}.tracking-dot{position:relative;z-index:2;width:50px;height:50px;display:grid;place-items:center;border:1px solid #335d7d;border-radius:16px;background:#061625;color:#7ea7c4;font-size:16px;font-weight:900;box-shadow:0 10px 22px rgba(0,0,0,.2)}.tracking-step.is-done .tracking-dot{border-color:#2bb16b;background:#0b3c27;color:#8ff0b8}.tracking-step.is-current .tracking-dot{border-color:#53bdff;background:linear-gradient(145deg,#128af1,#075fa9);color:#fff;box-shadow:0 0 25px rgba(20,147,255,.25)}.tracking-step.is-done:not(:last-child):after{background:linear-gradient(#2ab46c,#2987c4)}.tracking-copy{padding:5px 0 22px;border-bottom:1px solid rgba(43,82,110,.35)}.tracking-copy strong{display:block;font-size:18px}.tracking-copy p{margin:7px 0 0;color:#91a9bc;font-size:13px;line-height:1.6}.tracking-copy small{display:inline-flex;margin-top:8px;padding:5px 8px;border:1px solid rgba(71,174,244,.28);border-radius:999px;color:#8fd7ff;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.tracking-note{margin-top:20px;padding:15px 17px;border-left:3px solid #39aaff;border-radius:12px;background:rgba(8,29,47,.72)}.tracking-note strong{display:block}.tracking-note p{margin:7px 0 0;color:#b4c9d9;line-height:1.65}.tracking-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:22px}.tracking-actions a{min-height:50px;display:inline-flex;align-items:center;justify-content:center;padding:0 17px;border-radius:13px;text-decoration:none;font-weight:900}.tracking-actions .primary{background:linear-gradient(135deg,#087ff0,#116ee2);border:1px solid #39aaff;color:#fff}.tracking-actions .secondary{border:1px solid #315d80;background:#071728;color:#cceaff}.tracking-empty{padding:clamp(22px,5vw,48px);color:#7896ac}.tracking-empty strong{display:block;margin-bottom:8px;color:#e8f6ff;font-size:20px}@media(max-width:760px){.tracking-page{padding-top:12px}.tracking-brand{display:none}.tracking-shell{border-radius:21px}.tracking-hero{padding:25px 18px}.tracking-form{grid-template-columns:1fr}.tracking-submit{width:100%}.tracking-summary{grid-template-columns:1fr 1fr}.tracking-result{padding:20px 15px 26px}.tracking-progress-head strong{font-size:20px}.tracking-actions{display:grid}.tracking-actions a{width:100%}}@media(max-width:430px){.tracking-summary{grid-template-columns:1fr}.tracking-progress-head{align-items:flex-start;flex-direction:column;gap:7px}}
.tracking-progress-head strong{display:block;margin-top:5px}