:root{--navy:#052e54;--blue:#075ba5;--yellow:#ffda2f;--bg:#eff7ff;--ease:cubic-bezier(.19,1,.22,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 83% 42%,#ddecfc,#f8fbff 59%,#edf6fe);color:#153149;font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid #ffce17;outline-offset:3px}
.topline{min-height:37px;background:#064777;color:#e0efff;display:flex;align-items:center;justify-content:space-between;padding:7px max(5vw,calc((100vw - 1280px)/2));gap:10px;font-size:11px;font-weight:600}.topline span{display:flex;gap:8px;align-items:center}.topline a{text-decoration:underline;text-underline-offset:3px}
.site-nav{height:88px;background:#075ba5;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,calc((100vw - 1280px)/2));box-shadow:0 9px 32px #0647791c}.brand{color:white;font-weight:800;letter-spacing:-.07em;font-size:26px;display:flex;align-items:center;gap:11px}.brand-icon{width:43px;height:43px;border:3px solid var(--yellow);color:var(--yellow);font-size:28px;font-weight:800;font-style:italic;display:grid;place-items:center;border-radius:12px;letter-spacing:-.04em}.brand-dot{color:var(--yellow)}.brand small{display:block;font-size:9px;letter-spacing:.22em;color:#ffe25e;line-height:1.4}.nav-actions{display:flex;align-items:center;gap:25px;color:white;font-size:13px;font-weight:700}.nav-actions a:hover{text-decoration:underline;text-underline-offset:5px}.nav-actions .admin{display:flex;gap:8px;align-items:center;color:#fff0ae}
main{min-height:calc(100vh - 194px);max-width:1290px;margin:0 auto;padding:70px 26px 74px;display:grid;align-items:center}.status-layout{display:grid;grid-template-columns:1fr 0.95fr;gap:50px;align-items:center}.copy{position:relative;z-index:2}.status-pill{display:inline-flex;gap:10px;align-items:center;background:#fff8d9;color:#80601a;border:1px solid #ffeaa5;border-radius:30px;padding:10px 14px;font-size:11px;font-weight:800;letter-spacing:.09em}.status-dot{width:9px;height:9px;background:#f3bf22;border-radius:50%;box-shadow:0 0 0 5px #ffe6a8}h1{font-weight:800;color:#123352;font-size:clamp(42px,4.8vw,72px);line-height:1.075;letter-spacing:-.067em;max-width:720px;margin:25px 0 25px}h1 span{color:var(--blue)}.lead{font-size:clamp(16px,1.25vw,19px);line-height:1.75;font-weight:600;max-width:590px;color:#456176}.sub{max-width:590px;line-height:1.78;color:#627b90;font-size:15px;margin:14px 0 24px}.status-card{display:flex;gap:15px;align-items:start;max-width:585px;padding:18px 20px;background:#fff;border:1px solid #dceaf6;border-radius:19px;box-shadow:0 10px 35px #0c4a8220}.status-icon{width:40px;height:40px;flex:0 0 40px;border-radius:12px;background:#e2f2ff;color:#075ba5;display:grid;place-items:center}.status-card strong,.status-card span{display:block}.status-card strong{font-size:14px;margin:1px 0 5px}.status-card span{font-size:12px;line-height:1.6;color:#688198}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0 23px}.btn{min-height:52px;border-radius:14px;padding:14px 22px;display:inline-flex;gap:22px;align-items:center;justify-content:center;font-size:14px;font-weight:800;transition:transform .42s var(--ease),box-shadow .42s var(--ease),background-color .22s}.btn-primary{background:#075ba5;color:white;box-shadow:0 10px 25px #075ba52b}.btn-primary:hover{background:#044b89;box-shadow:0 15px 35px #075ba540;transform:translateY(-3px)}.btn-secondary{background:#fff;border:1px solid #c9dbe9;color:#194569}.btn-secondary:hover{transform:translateY(-3px);box-shadow:0 10px 26px #0d53801c}.btn:active{transform:scale(.97)!important}.back-link{font-size:12px;color:#6f889c;font-weight:700}.back-link:hover{color:#075ba5}
.visual{min-height:570px;position:relative;display:grid;place-items:center;isolation:isolate}.visual-halo{position:absolute;inset:3% -1%;background:linear-gradient(135deg,#c7e5ff,#e5f2ff 60%,#fff);border-radius:48% 52% 54% 46%;filter:blur(1px);z-index:-2}.orbit{position:absolute;border-radius:50%;border:1px solid #7cb4e651}.orbit-a{width:520px;height:520px;transform:rotate(20deg)}.orbit-b{width:625px;height:410px;transform:rotate(-26deg)}.glass-card{position:relative;width:min(415px,92%);min-height:475px;border:1px solid #ffffffcd;background:linear-gradient(147deg,#fffffff0,#e9f5ffed);box-shadow:0 36px 90px #064b8540,0 2px 8px #fff inset;border-radius:27px;padding:26px 28px 18px;transform:rotate(2deg);display:flex;flex-direction:column;align-items:center;text-align:center;z-index:2;backdrop-filter:blur(22px)}.graphic-top{display:flex;align-items:center;gap:11px;width:100%;justify-content:space-between;color:#6387a6;font-size:10px;font-weight:800;letter-spacing:.1em}.window-dots{display:flex;gap:4px}.window-dots i{display:block;width:8px;height:8px;background:#b3d6ef;border-radius:100%}.window-dots i:nth-child(2){background:#d2e5f4}.mini-lock{font-size:24px}.parcel{width:238px;height:210px;margin-top:38px;position:relative;transform:rotate(-5deg)}.parcel-front{position:absolute;left:11px;right:11px;top:43px;height:162px;background:linear-gradient(135deg,#ffd86d,#eeb95d);border-radius:5px 5px 12px 12px;box-shadow:10px 18px 18px #9c68273b;display:grid;place-items:center}.parcel-top{position:absolute;top:0;left:2px;width:234px;height:78px;background:#f7d994;clip-path:polygon(16% 0,83% 0,100% 63%,85% 100%,15% 100%,0 63%)}.parcel-tape{position:absolute;top:0;bottom:0;left:44%;width:42px;background:#f6e7bcaa}.parcel-mark{position:relative;border:4px solid #153752;border-radius:18px;color:#153752;font-size:74px;font-weight:800;letter-spacing:-.1em;line-height:1;padding:9px 17px 13px}.parcel-mark span{color:#075ba5}.paused-symbol{width:89px;height:89px;border-radius:50%;background:#fff;box-shadow:0 15px 32px #075ba52b;display:grid;place-items:center;color:#075ba5;margin-top:-40px;z-index:2}.glass-card>strong{font-size:21px;margin:14px 0 6px;letter-spacing:-.045em}.glass-card>p{font-size:12px;color:#67829c}.status-foot{margin-top:auto;width:100%;border-top:1px solid #d4e4f2;padding-top:14px;display:flex;align-items:center;justify-content:center;gap:7px;color:#6385a0;font-size:9px;font-weight:800;letter-spacing:.10em}.status-foot i{width:7px;height:7px;border-radius:50%;background:#e9b32c}.floating-bubble{position:absolute;z-index:4;border-radius:100px;background:#fff;box-shadow:0 10px 30px #003b7026;padding:13px 17px;font-weight:700;color:#1d4668;font-size:11px;display:flex;align-items:center;gap:10px}.floating-bubble span{color:#fff;background:#0d68b4;display:grid;place-items:center;width:25px;height:25px;border-radius:50%;font-size:10px}.bubble-a{top:14%;left:-4%;transform:rotate(-7deg)}.bubble-b{bottom:15%;right:-4%;transform:rotate(7deg)}.sparkle{position:absolute;color:#f5bd0f;font-size:48px}.sparkle-a{top:9%;right:5%}.sparkle-b{bottom:12%;left:10%;font-size:32px}footer{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #d7e7f4;padding:20px max(5vw,calc((100vw - 1280px)/2));color:#7890a3;font-size:11px;font-weight:600}footer div{display:flex;flex-wrap:wrap;gap:20px}footer a:hover{color:#075ba5}
@media(prefers-reduced-motion:no-preference){.glass-card{animation:float 8s ease-in-out infinite}.sparkle-a{animation:float 6s -1s ease-in-out infinite}.sparkle-b{animation:float 9s -3s ease-in-out infinite}.copy{animation:slidein .8s var(--ease) both}.visual{animation:slidein 1.1s .15s var(--ease) both}@keyframes float{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-13px) rotate(1deg)}}@keyframes slidein{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:1000px){main{padding-top:42px}.status-layout{gap:13px;grid-template-columns:1fr 0.9fr}.orbit-a{width:340px;height:340px}.orbit-b{width:400px;height:280px}.visual{min-height:460px}.glass-card{min-height:410px}.parcel{transform:scale(.8) rotate(-5deg);margin-top:8px;margin-bottom:-22px}}@media(max-width:760px){.topline{font-size:10px}.topline>span:last-child{display:none}.site-nav{height:73px}.nav-actions{gap:15px;font-size:11px}.status-layout{grid-template-columns:1fr}.copy{order:1}.visual{order:2;min-height:370px}.glass-card{min-height:380px;width:min(380px,82%)}.floating-bubble{display:none}.visual-halo{inset:0}.orbit-a{width:390px;height:300px}.orbit-b{width:440px;height:250px}main{padding:40px 21px 45px}h1{font-size:clamp(40px,8vw,58px)}footer{flex-direction:column;text-align:center}.parcel{transform:scale(.75) rotate(-5deg);margin-top:0;margin-bottom:-44px}}@media(max-width:430px){.nav-actions a:first-child{display:none}.brand{font-size:21px}.brand-icon{width:36px;height:36px;font-size:23px}.glass-card{width:89%;padding:22px 16px}.status-pill{font-size:9px}h1{font-size:42px}.visual{min-height:350px}.buttons>.btn{width:100%}.orbit{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}