:root{--navy:#0b2d45;--emerald:#0e7c68;--teal:#2fb58f;--gold:#d4af7c}
*{box-sizing:border-box}html{min-height:100%;background:var(--navy)}
body{margin:0;min-height:100vh;min-height:100svh;overflow-x:hidden;font-family:"Segoe UI",Tahoma,Arial,sans-serif;color:#fff;background:radial-gradient(ellipse at 50% 43%,#061d2b 0%,var(--navy) 53%,#0b514e 100%)}
#particles{position:fixed;inset:0;width:100%;height:100%}
.content{position:relative;z-index:1;text-align:center;width:min(100%,1100px);margin:0 auto;padding:clamp(24px,6vh,65px) 20px 55px;pointer-events:none;translate:var(--parallax-x,0px) var(--parallax-y,0px)}
.logo{display:block;width:250px;height:250px;object-fit:contain;margin:0 auto 12px;animation:logo-pulse 4s ease-in-out infinite;filter:drop-shadow(0 0 16px #2fb58f24)}
.timer{display:flex;justify-content:center;gap:15px;margin:20px 0 32px}
.timer>div{min-width:100px;padding:14px 18px 13px;border:1px solid #2fb58f75;border-radius:11px;background:#ffffff0b;box-shadow:0 0 9px #2fb58f55,inset 0 0 15px #2fb58f0d;backdrop-filter:blur(5px)}
.timer span{display:block;font-size:30px;line-height:1.2;font-weight:700;font-variant-numeric:tabular-nums;text-shadow:0 0 6px var(--teal),0 0 16px var(--teal);animation:number-glow 3s ease-in-out infinite}
.timer small{display:block;color:#d1e3e3;font-size:13px;margin-top:7px}
h1{font-size:clamp(28px,3.7vw,48px);line-height:1.6;margin:0 0 18px;font-weight:700}
p{color:#e0eceb;font-size:19px;line-height:1.9;margin:0}
@keyframes logo-pulse{50%{transform:scale(1.055);opacity:.85}}
@keyframes number-glow{50%{text-shadow:0 0 10px var(--teal),0 0 28px var(--teal)}}
@media(max-width:600px){.content{padding:9svh 16px 40px}.logo{width:220px;height:220px;margin-bottom:25px}.timer{gap:10px;margin:15px 0 28px}.timer>div{min-width:0;width:72px;padding:12px 8px;border-radius:9px}.timer span{font-size:25px}.timer small{font-size:11px}h1{font-size:27px;margin-bottom:14px}p{font-size:15px}}
@media(max-height:600px) and (min-width:601px){.content{padding-top:12px}.logo{width:180px;height:180px;margin-bottom:0}.timer{margin:8px 0 18px}h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important}.content{translate:none}}