:root{--bg:#050403;--card-bg:#100d0adb;--text:#fffaf1;--muted:#cdbfaa;--gold:#d7b56d;--gold-soft:#f4dd9f;--gold-deep:#9f7430;--rose:#8f4d52;--border:#f5d59438;--border-strong:#f5d5946b;--shadow:#000000c2;--field-bg:#fff8eb13;--field-bg-focus:#fffaf01f;--btn-metal:linear-gradient(180deg,#2a2118 0%,#0b0907 100%);--btn-metal-hover:linear-gradient(180deg,#372a1d 0%,#11100d 100%)}[data-theme=light]{--bg:#f7efe4;--card-bg:#fffcf6e6;--text:#2c2117;--muted:#755f49;--gold:#a97732;--gold-soft:#d8a75e;--gold-deep:#744b1e;--rose:#8a4a48;--border:#a9773238;--border-strong:#a977326b;--shadow:#54361b3d;--field-bg:#ffffffd1;--field-bg-focus:#fff;--btn-metal:linear-gradient(180deg,#3a2b20 0%,#15100c 100%);--btn-metal-hover:linear-gradient(180deg,#483524 0%,#1c1510 100%)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 50% -10%,#f4dd9f38,#0000 34%),radial-gradient(circle at 12% 78%,#8f4d5229,#0000 34%),radial-gradient(circle at 88% 24%,#d7b56d1f,#0000 32%),linear-gradient(145deg,#030302 0%,#090706 35%,#130f0b 65%,#050403 100%);justify-content:center;align-items:center;width:100vw;min-height:100vh;font-family:Cairo,sans-serif;transition:background .45s,color .35s;display:flex;overflow-x:hidden}body[data-theme=light]{background:radial-gradient(circle at 50% -8%,#fffffffa,#fff8eb8c 28%,#0000 52%),radial-gradient(circle at 12% 82%,#b47e3a29,#0000 38%),radial-gradient(circle at 90% 26%,#8f4d521a,#0000 36%),linear-gradient(135deg,#fffaf3 0%,#eadbca 45%,#fbf4ea 100%)}#particles-js{z-index:1;pointer-events:none;position:fixed;inset:0}.theme-toggle{z-index:1000;width:12vw;height:12vw;color:var(--gold-soft);border:1px solid var(--border-strong);cursor:pointer;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:radial-gradient(circle at 32% 22%,#ffffff2e,#0000 28%),#0e0b08c7;border-radius:50%;justify-content:center;align-items:center;font-size:5.5vw;transition:transform .3s,box-shadow .3s,background .3s;display:flex;position:fixed;top:5vw;left:5vw;box-shadow:0 16px 40px #0000006b,inset 0 1px #ffffff29}.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 18px 46px #00000080,0 0 22px #d7b56d2e}[data-theme=light] .theme-toggle{color:var(--gold-deep);background:#fffcf6e0;box-shadow:0 14px 32px #54361b29,inset 0 1px #fffc}.mercury-hub{z-index:1000;flex-direction:column-reverse;align-items:center;gap:4vw;display:flex;position:fixed;bottom:6vw;right:6vw}.mercury-main{width:14vw;height:14vw;color:var(--gold-soft);border:1px solid var(--border-strong);cursor:pointer;background:radial-gradient(circle at 30% 24%,#ffffff38,#0000 28%),linear-gradient(135deg,#211913,#080706);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 18px 44px #0000008a,0 0 24px #d7b56d24}.mercury-hub.active .mercury-main{color:#120d07;background:linear-gradient(135deg,#9f7430,#f4dd9f,#c5964c);transform:rotate(135deg);box-shadow:0 0 30px #d7b56d5c,0 18px 44px #00000073}.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(18px)scale(.58)}.mercury-hub.active .mercury-options{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.mercury-btn{width:12vw;height:12vw;color:var(--gold-soft);border:1px solid var(--border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0e0b08d1;border-radius:50%;justify-content:center;align-items:center;font-size:5.5vw;text-decoration:none;transition:all .28s;display:flex;box-shadow:0 14px 34px #0000006b}.wa-orb:hover{color:#fff;background:#25d366;border-color:#25d366;box-shadow:0 0 18px #25d36680}.ig-orb:hover{color:#fff;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border-color:#0000;box-shadow:0 0 18px #dc27437a}@keyframes orbFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.container{z-index:10;text-align:center;width:92vw;color:var(--text);background:linear-gradient(145deg,#ffffff17,transparent 22%), radial-gradient(circle at 50% 0%,#f4dd9f1f,transparent 36%), var(--card-bg);border:1px solid var(--border);box-shadow:0 36px 90px var(--shadow), inset 0 1px 0 #ffffff26, inset 0 -18px 44px #0003;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);opacity:0;border-radius:34px;padding:10vw 6vw;animation:1.05s cubic-bezier(.22,1,.36,1) forwards cinematicShow;position:relative;overflow:hidden}.container:before{content:"";pointer-events:none;border-radius:inherit;opacity:.58;background:linear-gradient(90deg,#0000,#f4dd9f29,#0000),linear-gradient(135deg,#ffffff1f,#0000 30%);position:absolute;inset:0}.container:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000,#f4dd9fb8,#0000);height:1px;position:absolute;top:0;left:14%;right:14%}@keyframes cinematicShow{0%{opacity:0;filter:blur(8px);transform:scale(.86)translateY(34px)}to{opacity:1;filter:blur();transform:scale(1)translateY(0)}}.brand-logo{z-index:2;background:linear-gradient(90deg,#8f6427 0%,#d7b56d 22%,#fff8d8 48%,#c99a49 72%,#80551f 100%) 0 0/240%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 1px #ffffff3d)drop-shadow(0 8px 16px #0000008c)drop-shadow(0 0 18px #d7b56d24);-webkit-background-clip:text;background-clip:text;margin-bottom:1vw;font-family:Italianno,cursive;font-size:20vw;font-weight:900;line-height:.96;animation:4s ease-in-out infinite logoSweep;display:block;position:relative}@keyframes logoSweep{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.welcome-txt{z-index:2;width:100%;color:var(--muted);background:linear-gradient(120deg,#c49a54 0%,#fff1bd 30%,#fffaf1 50%,#d9ad65 72%,#8f4d52 100%) 0 0/240%;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 10px #d7b56d1f);opacity:0;-webkit-background-clip:text;background-clip:text;margin-bottom:8vw;font-size:3.95vw;font-weight:800;line-height:1.65;animation:4.2s ease-in-out infinite magicalGlow,1.1s cubic-bezier(.22,1,.36,1) forwards cinematicZoom;display:inline-block;position:relative}.welcome-txt:after{content:"";background:linear-gradient(90deg,#0000,#f4dd9fbf,#0000);width:58%;height:1px;position:absolute;bottom:-2.5vw;right:50%;transform:translate(50%)}@keyframes magicalGlow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes cinematicZoom{0%{opacity:0;filter:blur(8px);transform:translateY(18px)scale(.92)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}.form-group{z-index:2;text-align:center;margin-bottom:6vw;position:relative}label{color:var(--text);opacity:.94;margin-bottom:2.5vw;padding:0;font-size:4.15vw;font-weight:800;display:block}input{border:1px solid var(--border);width:100%;color:var(--gold-soft);background:var(--field-bg);letter-spacing:1px;text-align:center;border-radius:20px;outline:none;padding:4.5vw;font-family:Montserrat,Cairo,sans-serif;font-size:4.8vw;font-weight:700;transition:all .28s;box-shadow:inset 0 1px #ffffff14,inset 0 -10px 28px #0000001a,0 12px 28px #00000029}input::placeholder{color:var(--text);opacity:.42;letter-spacing:0;font-family:Cairo,sans-serif;font-weight:500}input:focus,input:focus-visible{border-color:var(--gold-soft)!important;background:var(--field-bg-focus)!important;box-shadow:0 0 0 4px #d7b56d21,0 16px 34px #0000003d,inset 0 1px #ffffff29!important}[data-theme=light] input{color:#2c2117;box-shadow:0 12px 28px #54361b14,inset 0 1px #fffc}input.error-field{border-color:#ff4d4d!important;box-shadow:0 0 0 4px #ff4d4d1f,0 14px 28px #0003!important}.error-msg{color:#ff5b5b;text-align:center;opacity:0;height:0;margin-top:1.5vw;padding:0;font-size:3.6vw;font-weight:800;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)}.form-group span[style]{color:var(--muted)!important;opacity:.82!important}.btn-search{z-index:2;color:#fff2bd;cursor:pointer;background:0 0;border:0;border-radius:20px;width:100%;margin-top:2vw;padding:5vw;font-family:Cairo,sans-serif;font-size:4.8vw;font-weight:900;transition:all .35s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden;box-shadow:0 18px 44px #00000057}.btn-search:before{content:"";z-index:-2;background:conic-gradient(#0000 0deg,#d7b56d38 24deg,#f4dd9f 44deg,#fff 54deg,#c5964c 70deg,#0000 96deg 180deg,#8f4d5233 208deg,#f4dd9f 232deg,#fff 242deg,#c5964c 258deg,#0000 286deg);width:400%;height:400%;animation:3s linear infinite sirenRotate;position:absolute;top:-150%;left:-150%}.btn-search:after{content:"";background:var(--btn-metal);z-index:-1;border-radius:18px;transition:background .35s;position:absolute;inset:2px;box-shadow:inset 0 1px #fff2bd2e}@keyframes sirenRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-search:hover{transform:translateY(-1px);box-shadow:0 20px 48px #0006,0 0 24px #d7b56d2e}.btn-search:hover:after{background:var(--btn-metal-hover)}.btn-search:active{transform:translateY(0)}.btn-search:disabled{opacity:.56;cursor:not-allowed;transform:none}.loader-text{z-index:2;color:var(--gold-soft);text-align:center;margin-top:5vw;font-size:4.2vw;font-weight:800;position:relative}.progress-container{background:#ffffff17;border-radius:999px;width:100%;height:2vw;margin:4vw 0;overflow:hidden}.progress-bar{border-radius:inherit;background:linear-gradient(90deg,#8f6427,#d7b56d,#fff0b8);width:0%;height:100%;transition:width 1.4s;box-shadow:0 0 14px #d7b56d6b}.order-card,.skeleton-card{z-index:2;text-align:center;color:var(--text);border:1px solid var(--border);background:linear-gradient(145deg,#ffffff14,#0000 30%),#fff8eb0e;border-radius:24px;margin-top:6vw;padding:7vw;animation:.55s ease-out forwards cardSlide;position:relative;box-shadow:0 18px 44px #0000003d,inset 0 1px #ffffff1f}[data-theme=light] .order-card,[data-theme=light] .skeleton-card{background:#ffffffb8;box-shadow:0 16px 34px #54361b1c,inset 0 1px #ffffffe0}@keyframes cardSlide{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.skeleton-line{background:linear-gradient(90deg,#ffffff0f 25%,#d7b56d2e 50%,#ffffff0f 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:800;line-height:1.5}.card-status,.track-num,.copy-btn{color:var(--gold-soft)}.card-status{margin-top:2vw;font-size:4.2vw;font-weight:900}.card-info{margin:4vw 0;font-size:3.8vw;line-height:1.75}.track-num{font-family:Montserrat,sans-serif;font-size:4.5vw;font-weight:900;display:inline-block}.copy-btn{vertical-align:middle;cursor:pointer;background:0 0;border:0;margin-right:2vw;font-size:4.5vw;display:inline-block}.dhl-btn{color:#fff;text-align:center;background:linear-gradient(135deg,#d40511,#9f0610);border-radius:16px;margin-top:4vw;padding:4.5vw;font-size:4vw;font-weight:900;text-decoration:none;display:block;position:relative;overflow:hidden;box-shadow:0 16px 34px #d4051138}.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:#ff4d4d7a!important}.error-text{color:#f66;font-size:4.2vw;font-weight:900}.muted-text{color:var(--muted);opacity:.94}button:focus-visible,a:focus-visible{outline:2px solid var(--gold-soft);outline-offset:3px}@media screen and (width>=1024px){.container{border-radius:34px!important;width:520px!important;padding:35px 40px!important}.brand-logo{margin-bottom:8px!important;font-size:92px!important}.welcome-txt{margin-bottom:30px!important;font-size:13.5px!important}.welcome-txt:after{bottom:-12px!important}.form-group{margin-bottom:20px!important}label{margin-bottom:8px!important;font-size:15px!important}input{border-radius:18px!important;padding:14px!important;font-size:17px!important}.error-msg{margin-top:6px!important;font-size:13px!important}.btn-search{border-radius:18px!important;margin-top:8px!important;padding:16px!important;font-size:16px!important}.btn-search:after{border-radius:16px!important}.loader-text{margin-top:18px!important;font-size:15px!important}.progress-container{height:8px!important;margin:16px 0!important}.order-card,.skeleton-card{border-radius:22px!important;margin-top:22px!important;padding:26px!important}.card-title{margin-bottom:12px!important;font-size:17px!important}.card-status{font-size:16px!important}.card-info{margin:14px 0!important;font-size:14px!important}.track-num{font-size:17px!important}.copy-btn{margin-right:8px!important;font-size:17px!important}.dhl-btn{border-radius:14px!important;margin-top:16px!important;padding:15px!important;font-size:15px!important}.theme-toggle{width:48px!important;height:48px!important;font-size:20px!important;top:28px!important;left:28px!important}.mercury-hub{gap:16px!important;bottom:34px!important;right:34px!important}.mercury-main{width:58px!important;height:58px!important;font-size:23px!important}.mercury-btn{width:50px!important;height:50px!important;font-size:22px!important}.sk-line-1{height:19px!important}.sk-line-2{height:16px!important;margin-bottom:18px!important}.sk-line-3{height:8px!important;margin-bottom:18px!important}.sk-line-4{height:16px!important}.sk-line-5{height:46px!important;margin-top:16px!important}}@media screen and (width<=360px){.container{border-radius:28px;width:94vw;padding:9vw 5vw}.welcome-txt{font-size:3.8vw}label{font-size:4vw}input,.btn-search{font-size:4.55vw}}