:root{--bg:#050505;--card-bg:#121212;--text:#fff;--gold:#c5a059;--border:#222;--btn-metal:linear-gradient(180deg, #1c1c1e 0%, #0d0d0e 100%);--btn-metal-border:#ffffff14}[data-theme=light]{--bg:#f5efe8;--card-bg:#fff9f2;--text:#2b211b;--gold:#a87534;--border:#ddc6b4;--btn-metal:linear-gradient(180deg, #35281f 0%, #17100d 100%);--btn-metal-border:#a875346b}body[data-theme=light]{color:var(--text);background:radial-gradient(circle at 50% 18%,#fffffff2 0%,#fffaf4b8 24%,#0000 54%),radial-gradient(circle at 18% 82%,#d3ae7e2e 0%,#0000 36%),radial-gradient(circle at 88% 28%,#a875341f 0%,#0000 34%),linear-gradient(135deg,#f8f3ed 0%,#efe4da 48%,#f9f5ef 100%)}[data-theme=light] .container{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(#fffffff0 0%,#fff9f2f7 100%);border-color:#a875343d;box-shadow:0 34px 74px #472d1b3d,0 14px 32px #472d1b21,inset 0 1px #fffffff2}[data-theme=light] .theme-toggle{color:#9a672c;background:#fff9f2eb;border-color:#a8753438;box-shadow:0 10px 28px #472d1b24,inset 0 1px #ffffffd9}[data-theme=light] .brand-logo{background:linear-gradient(90deg,#76501f 0%,#b7833c 26%,#f1cf8e 50%,#b7833c 74%,#76501f 100%) 0 0/220%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px #ffffffe6)drop-shadow(0 6px 12px #53341b47);-webkit-background-clip:text;background-clip:text}[data-theme=light] .welcome-txt{background:linear-gradient(120deg,#6e2c37 0%,#a87534 32%,#2b211b 54%,#b98552 76%,#6e2c37 100%) 0 0/220%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px #6b3b261a);-webkit-background-clip:text;background-clip:text}[data-theme=light] label{color:#2b211b;opacity:1}[data-theme=light] input{color:#2b211b!important;background:#fffdfaf5!important;border-color:#a8753440!important;box-shadow:inset 0 1px 2px #4a2f1d0a,0 8px 20px #56372112!important}[data-theme=light] input::placeholder{color:#8d7a6c!important;opacity:.76!important}[data-theme=light] input:focus,[data-theme=light] input:focus-visible{background:#fff!important;border-color:#a87534!important;box-shadow:0 0 0 4px #a875341f,0 14px 28px #5637211f!important}[data-theme=light] .form-group span[style]{color:#6d5a4d!important;opacity:.9!important}[data-theme=light] .btn-search{text-shadow:0 1px #00000059;box-shadow:0 16px 34px #37221633,0 0 0 1px #a875341f;color:#ffe7b1!important}[data-theme=light] .btn-search:before{background:conic-gradient(#0000 0deg,#a875342e 20deg,#d8ab66 38deg,#fff2c9 50deg,#d8ab66 64deg,#0000 92deg 180deg,#a875342e 205deg,#d8ab66 222deg,#fff2c9 236deg,#d8ab66 250deg,#0000 276deg)}[data-theme=light] .btn-search:after{background:linear-gradient(#3a2b22 0%,#1a120f 100%);box-shadow:inset 0 1px #ffe8b533}[data-theme=light] .btn-search:hover{box-shadow:0 18px 42px #37221640,0 0 20px #a875342e}[data-theme=light] .btn-search:hover:after{background:linear-gradient(#443329 0%,#201713 100%)}[data-theme=light] .loader-text,[data-theme=light] .card-status,[data-theme=light] .track-num,[data-theme=light] .copy-btn{color:#9a672c}[data-theme=light] .order-card,[data-theme=light] .skeleton-card{color:#2b211b;background:linear-gradient(#fffdfaf5 0%,#faf2e9e6 100%);border-color:#a8753433;box-shadow:0 16px 34px #472d1b1f,inset 0 1px #ffffffd1}[data-theme=light] .progress-container{background:#a875341f}[data-theme=light] .progress-bar{background:linear-gradient(90deg,#8e5e26 0%,#d2a25a 54%,#ffe0a0 100%);box-shadow:0 0 12px #a8753459}[data-theme=light] .muted-text{color:#6d5a4d;opacity:.92}[data-theme=light] .error-state{background:linear-gradient(#fff8f5 0%,#fcede8 100%);border-color:#ce464661!important}[data-theme=light] .error-text{color:#b63535}[data-theme=light] .mercury-main{color:#ffe4aa;background:linear-gradient(135deg,#261b16,#3a2b22);border-color:#a87534b8;box-shadow:0 16px 34px #37221638}[data-theme=light] .mercury-btn{color:#9a672c;background:#fff9f2f2;border-color:#a8753438;box-shadow:0 10px 24px #472d1b21}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--bg);justify-content:center;align-items:center;width:100vw;min-height:100vh;font-family:Cairo,sans-serif;transition:background-color .5s;display:flex;overflow-x:hidden}#particles-js{z-index:1;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0}.theme-toggle{background:var(--card-bg);border:1px solid var(--border);color:var(--gold);z-index:1000;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:12vw;height:12vw;font-size:5.5vw;display:flex;position:fixed;top:5vw;left:5vw}.mercury-hub{z-index:1000;flex-direction:column-reverse;align-items:center;gap:4vw;display:flex;position:fixed;bottom:6vw;right:6vw}.mercury-main{border:1px solid var(--gold);width:14vw;height:14vw;color:var(--gold);cursor:pointer;background:linear-gradient(135deg,#121212,#222);border-radius:50%;justify-content:center;align-items:center;font-size:6vw;transition:all .4s cubic-bezier(.175,.885,.32,1.275);animation:4s ease-in-out infinite orbFloat;display:flex;box-shadow:0 4vw 15vw #0009}.mercury-hub.active .mercury-main{background:var(--gold);color:#000;transform:rotate(135deg);box-shadow:0 0 20px #c5a05966}.mercury-options{opacity:0;pointer-events:none;flex-direction:column;gap:4vw;transition:all .4s cubic-bezier(.175,.885,.32,1.275);display:flex;transform:translateY(20px)scale(.5)}.mercury-hub.active .mercury-options{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.mercury-btn{color:#fcfaf2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);background:#121212e6;border-radius:50%;justify-content:center;align-items:center;width:12vw;height:12vw;font-size:5.5vw;text-decoration:none;transition:all .3s;display:flex;box-shadow:0 4px 15px #0006}.wa-orb:hover{color:#fff;background:#25d366;border-color:#25d366;box-shadow:0 0 15px #25d36680}.ig-orb:hover{color:#fff;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#0000;box-shadow:0 0 15px #dc274380}@keyframes orbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.container{background:var(--card-bg);text-align:center;border:1px solid var(--border);z-index:10;opacity:0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:35px;width:92vw;padding:10vw 6vw;animation:1.2s cubic-bezier(.22,1,.36,1) forwards cinematicShow;box-shadow:0 15vw 35vw #000000e6}@keyframes cinematicShow{0%{opacity:0;filter:blur(8px);transform:scale(.8)translateY(40px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.brand-logo{background:linear-gradient(90deg,#c5a059 0%,#f1d39b 25%,#fff 50%,#f1d39b 75%,#c5a059 100%) 0 0/200%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 1px #fff3)drop-shadow(0 6px 8px #0009);-webkit-background-clip:text;background-clip:text;margin-bottom:1vw;font-family:Italianno,cursive;font-size:20vw;font-weight:900;animation:4s ease-in-out infinite logoSweep;display:block}@keyframes logoSweep{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.welcome-txt{background:linear-gradient(120deg,#5c0632 0%,#b76e79 25%,#fcfaf2 50%,#d15a7d 75%,#5c0632 100%) 0 0/200%;-webkit-text-fill-color:transparent;letter-spacing:.2px;transform-origin:50%;opacity:0;-webkit-background-clip:text;background-clip:text;width:100%;margin-bottom:8vw;font-size:3.9vw;font-weight:700;line-height:1.5;animation:3.5s linear infinite magicalGlow,1.4s cubic-bezier(.175,.885,.32,1.275) forwards cinematicZoom,5s ease-in-out 1.4s infinite hydraulicFloat;display:inline-block;position:relative}@keyframes magicalGlow{0%{filter:drop-shadow(0 2px 4px #b76e7940);background-position:0%}50%{filter:drop-shadow(0 2px 10px #ffffff59)drop-shadow(0 2px 6px #5c063273);background-position:100%}to{filter:drop-shadow(0 2px 4px #b76e7940);background-position:0%}}@keyframes cinematicZoom{0%{opacity:0;filter:blur(10px);transform:scale(.2)translateY(40px)}75%{opacity:.9;filter:blur();transform:scale(1.15)translateY(-6px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}@keyframes hydraulicFloat{0%{transform:scale(1)translateY(0)translate(0)}25%{transform:scale(1.04)translateY(-6px)translate(2px)}50%{transform:scale(1)translateY(0)translate(-2px)}75%{transform:scale(1.04)translateY(6px)translate(2px)}to{transform:scale(1)translateY(0)translate(0)}}.form-group{text-align:center;margin-bottom:6vw;position:relative}label{color:var(--text);opacity:.95;margin-bottom:2.5vw;padding:0;font-size:4.2vw;font-weight:700;display:block}input{border:1px solid var(--border);text-align:center;letter-spacing:1px;width:100%;color:var(--gold);background:#0003;border-radius:20px;outline:none;padding:4.5vw;font-family:Montserrat,Cairo,sans-serif;font-size:4.8vw;font-weight:600;transition:all .3s cubic-bezier(.25,.8,.25,1)}input::placeholder{letter-spacing:0;opacity:.4;color:var(--text);font-family:Cairo,sans-serif;font-weight:400}input:focus,input:focus-visible{border-color:var(--gold)!important;outline:none!important;box-shadow:0 0 15px #c5a05940!important}input.error-field{border-color:#ff4d4d!important;box-shadow:0 0 15px #ff4d4d26!important}.error-msg{color:#ff4d4d;text-align:center;opacity:0;height:0;margin-top:1.5vw;padding:0;font-size:3.6vw;font-weight:700;transition:all .3s cubic-bezier(.25,.8,.25,1);display:block;overflow:hidden;transform:translateY(-8px)}.error-msg.visible{opacity:1;height:auto;transform:translateY(0)}.btn-search{width:100%;color:var(--gold);cursor:pointer;z-index:1;background:0 0;border:none;border-radius:20px;margin-top:2vw;padding:5vw;font-family:Cairo,sans-serif;font-size:4.8vw;font-weight:700;transition:all .4s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden;box-shadow:0 4px 12px #0006}.btn-search:before{content:"";background:conic-gradient(from 0deg, transparent 0deg, var(--gold) 30deg, #fff 45deg, var(--gold) 60deg, transparent 90deg, transparent 180deg, var(--gold) 210deg, #fff 225deg, var(--gold) 240deg, transparent 270deg);z-index:-2;width:400%;height:400%;animation:2.5s linear infinite sirenRotate;position:absolute;top:-150%;left:-150%}.btn-search:after{content:"";background:var(--btn-metal);z-index:-1;border-radius:18px;transition:all .4s cubic-bezier(.25,1,.5,1);position:absolute;inset:2px}@keyframes sirenRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-search:hover{transform:translateY(-1px);box-shadow:0 6px 18px #c5a05933}.btn-search:hover:after{background:linear-gradient(#222224 0%,#101011 100%)}.btn-search:active{transform:translateY(0)}.btn-search:disabled{opacity:.5;cursor:not-allowed;transform:none}.loader-text{color:var(--gold);text-align:center;margin-top:5vw;font-size:4.2vw;font-weight:700}.progress-container{background:#ffffff1a;border-radius:10px;width:100%;height:2vw;margin:4vw 0;overflow:hidden}.progress-bar{background:var(--gold);width:0%;height:100%;box-shadow:0 0 10px var(--gold);transition:width 1.5s}.order-card{text-align:center;border:1px solid var(--border);color:var(--text);background:#c5a0590d;border-radius:25px;margin-top:6vw;padding:7vw;animation:.6s ease-out forwards cardSlide}@keyframes cardSlide{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skeleton-card{border:1px solid var(--border);text-align:center;background:#c5a05908;border-radius:25px;margin-top:6vw;padding:7vw}.skeleton-line{background:linear-gradient(90deg,#ffffff0d 25%,#c5a05926 50%,#ffffff0d 75%) 0 0/200% 100%;border-radius:12px;margin:0 auto 4vw;animation:1.4s linear infinite skeletonShimmer}.sk-line-1{width:70%;height:5vw}.sk-line-2{width:40%;height:4vw;margin-bottom:5vw}.sk-line-3{border-radius:10px;width:100%;height:2vw;margin-bottom:5vw}.sk-line-4{width:90%;height:4vw}.sk-line-5{border-radius:18px;width:100%;height:12vw;margin-top:4vw}@keyframes skeletonShimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.card-title{margin-bottom:3vw;font-size:4.6vw;font-weight:700;line-height:1.4}.card-status{color:var(--gold);margin-top:2vw;font-size:4.2vw;font-weight:900}.card-info{margin:4vw 0;font-size:3.8vw;line-height:1.6}.track-num{color:var(--gold);font-family:Montserrat,sans-serif;font-size:4.5vw;font-weight:900;display:inline-block}.copy-btn{color:var(--gold);cursor:pointer;vertical-align:middle;background:0 0;border:none;margin-right:2vw;font-size:4.5vw;display:inline-block}.dhl-btn{color:#fff;text-align:center;background:#d40511;border-radius:15px;margin-top:4vw;padding:4.5vw;font-size:4vw;font-weight:900;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 4vw 15vw #d4051140}.dhl-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000);width:60%;height:100%;animation:3s ease-in-out infinite shimmerEffect;position:absolute;top:0;left:-100%;transform:skew(-25deg)}@keyframes shimmerEffect{0%{left:-100%}to{left:160%}}.error-state{border-color:#ff4d4d!important}.error-text{color:#ff4d4d;font-size:4.2vw;font-weight:700}.muted-text{color:var(--text);opacity:.8}button:focus-visible,a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}@media screen and (width>=1024px){.container{border-radius:35px!important;width:520px!important;padding:35px 40px!important;box-shadow:0 30px 70px #000c!important}.brand-logo{margin-bottom:10px!important;font-size:90px!important}.welcome-txt{margin-bottom:30px!important;font-size:13.5px!important}.form-group{text-align:center!important;margin-bottom:20px!important}label{margin-bottom:8px!important;padding:0!important;font-size:15px!important}input{border-radius:18px!important;padding:14px!important;font-size:17px!important}.error-msg{text-align:center!important;margin-top:6px!important;padding:0!important;font-size:13px!important}.btn-search{border-radius:18px!important;margin-top:10px!important;padding:16px!important;font-size:17px!important}.btn-search:after{border-radius:16px!important}.loader-text{margin-top:20px!important;font-size:15px!important}.theme-toggle{top:20px;left:20px;width:50px!important;height:50px!important;font-size:22px!important}.order-card,.skeleton-card{border-radius:22px!important;margin-top:20px!important;padding:20px!important}.skeleton-line{margin:0 auto 12px!important}.sk-line-1{height:20px!important}.sk-line-2{height:16px!important;margin-bottom:20px!important}.sk-line-3{border-radius:10px!important;height:8px!important;margin-bottom:20px!important}.sk-line-4{height:16px!important}.sk-line-5{border-radius:12px!important;height:48px!important;margin-top:15px!important}.card-title{margin-bottom:10px!important;font-size:17px!important}.card-status{font-size:16px!important}.card-info{margin:12px 0!important;font-size:14px!important}.track-num{font-size:16px!important}.dhl-btn{border-radius:12px!important;margin-top:15px!important;padding:14px!important;font-size:14px!important}.mercury-hub{gap:15px!important;bottom:30px!important;right:30px!important}.mercury-main{width:55px!important;height:55px!important;font-size:22px!important}.mercury-options{gap:12px!important}.mercury-btn{width:45px!important;height:45px!important;font-size:18px!important}}@supports (height:100svh){body{min-height:100svh}}@supports (height:100dvh){body{min-height:100dvh}}@media screen and (width<=767px){html,body{min-height:100%}body{align-items:center;min-height:100dvh;padding:clamp(18px,4.2svh,36px) 0;overflow-y:auto}.container{border-radius:clamp(28px,8vw,36px);width:min(92vw,440px);padding:clamp(28px,8.2vw,42px) clamp(22px,6.2vw,30px);box-shadow:0 26px 72px #000000c7}[data-theme=light] .container{box-shadow:0 30px 70px #472d1b38,0 12px 30px #472d1b1c,inset 0 1px #fffffff2}.brand-logo{margin-bottom:clamp(4px,1.2svh,10px);font-size:clamp(76px,20.5vw,96px);line-height:.9}.welcome-txt{margin-bottom:clamp(20px,5.4svh,30px);font-size:clamp(13px,3.85vw,15.5px);line-height:1.5}.form-group{margin-bottom:clamp(17px,4.3svh,24px)}label{margin-bottom:clamp(7px,1.5svh,10px);font-size:clamp(15px,4.3vw,17px);line-height:1.4}input{border-radius:18px;min-height:0;padding:clamp(13px,3.85vw,16px);font-size:clamp(15px,4.35vw,17px)}.form-group span[style]{margin-top:clamp(6px,1.4svh,9px)!important;font-size:clamp(11.5px,3.25vw,13px)!important;line-height:1.55!important}.btn-search{border-radius:18px;margin-top:clamp(4px,1.4svh,10px);padding:clamp(15px,4.5vw,18px);font-size:clamp(15.5px,4.45vw,17.5px);line-height:1.35}.btn-search:after{border-radius:16px}.theme-toggle{width:clamp(44px,12vw,52px);height:clamp(44px,12vw,52px);top:max(14px, env(safe-area-inset-top));font-size:clamp(19px,5.4vw,23px);left:clamp(14px,4vw,20px)}.mercury-hub{bottom:max(18px, env(safe-area-inset-bottom));right:clamp(16px,4.5vw,24px)}.mercury-main{width:clamp(50px,13.8vw,58px);height:clamp(50px,13.8vw,58px);font-size:clamp(20px,5.8vw,24px)}.mercury-btn{width:clamp(44px,12vw,51px);height:clamp(44px,12vw,51px);font-size:clamp(18px,5vw,21px)}}@media screen and (width<=767px) and (height<=760px){body{align-items:center;padding-top:clamp(14px,3svh,24px);padding-bottom:clamp(14px,3svh,24px)}.container{border-radius:clamp(27px,7.5vw,34px);width:min(92vw,430px);padding:clamp(24px,6.6vw,34px) clamp(21px,5.8vw,28px)}.brand-logo{margin-bottom:4px;font-size:clamp(70px,19vw,86px)}.welcome-txt{margin-bottom:clamp(17px,4.1svh,24px);font-size:clamp(12.5px,3.55vw,14.5px);line-height:1.45}.form-group{margin-bottom:clamp(15px,3.3svh,20px)}label{margin-bottom:7px;font-size:clamp(14px,4vw,16px)}input{border-radius:17px;padding:clamp(12px,3.45vw,15px);font-size:clamp(14.5px,4vw,16px)}.form-group span[style]{margin-top:6px!important;font-size:clamp(11px,3.05vw,12.5px)!important;line-height:1.45!important}.btn-search{margin-top:4px;padding:clamp(14px,4vw,17px);font-size:clamp(15px,4.15vw,17px)}}@media screen and (width<=767px) and (height<=680px){body{align-items:flex-start;padding-top:16px;padding-bottom:18px}.container{border-radius:29px;width:min(92vw,420px);padding:22px 22px 24px}.brand-logo{margin-bottom:2px;font-size:clamp(64px,18vw,78px)}.welcome-txt{margin-bottom:15px;font-size:clamp(12px,3.35vw,13.5px);line-height:1.38}.form-group{margin-bottom:13px}label{margin-bottom:6px;font-size:clamp(13.5px,3.8vw,15px);line-height:1.35}input{border-radius:16px;padding:11px 12px;font-size:clamp(14px,3.85vw,15.5px)}.form-group span[style]{margin-top:5px!important;font-size:11px!important;line-height:1.35!important}.btn-search{border-radius:17px;margin-top:3px;padding:13px 14px;font-size:clamp(14.5px,4vw,16px)}.btn-search:after{border-radius:15px}}@media screen and (width<=380px){.container{width:93vw;padding-inline:20px}.brand-logo{font-size:clamp(62px,18vw,76px)}label{font-size:clamp(13.2px,3.8vw,15px)}.welcome-txt{font-size:clamp(11.8px,3.35vw,13.3px)}}