.logo-img{max-width:220px;width:40vw;min-width:100px;height:auto;filter:drop-shadow(0 0 24px #d40000) drop-shadow(0 0 8px #000);transition:transform .3s;margin:0 auto}.logo-img:hover{transform:scale(1.08) rotate(-2deg);filter:drop-shadow(0 0 48px #d40000) drop-shadow(0 0 16px #000)}body{margin:0;padding:0;min-height:100vh;font-family:Montserrat,Arial,sans-serif;background:linear-gradient(120deg,rgba(60,60,60,.08) 0%,rgba(120,0,0,.06) 100%),linear-gradient(45deg,rgba(180,180,180,.04) 0%,rgba(100,0,0,.03) 100%),#181818}.countdown-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff;text-shadow:0 2px 8px #000;padding:2vw}.countdown-title{font-size:2.2rem;font-family:Bebas Neue,Montserrat,Arial,sans-serif;font-weight:900;margin-bottom:2rem;letter-spacing:2px;animation:fadeInDown 1s;color:#d40000;text-shadow:0 0 24px #d40000,0 0 48px #000000,0 2px 1px rgba(0,0,0,1),0 2px 2px rgba(0,0,0,1),1px 2px 3px rgba(0,0,0,1);filter:drop-shadow(0 0 16px #d40000);text-align:center}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}.countdown-numbers{display:flex;gap:1rem;font-size:1.6rem;font-weight:600;flex-wrap:wrap;justify-content:center}.countdown-number{background:rgba(141,0,0,.78);border-radius:1.2rem;padding:1.2rem 1.8rem;box-shadow:0 4px 32px #d40000,0 4px 24px #000;animation:pulse 1.2s infinite,glow 2s infinite alternate;transition:transform .2s,box-shadow .2s;cursor:pointer;font-family:Bebas Neue,Montserrat,Arial,sans-serif;font-size:2.2rem;color:#fff;text-shadow:0 0 24px #d40000,0 0 48px #000,0 2px 2px rgb(0,0,0) 0 2px 4px rgb(0,0,0) 0 2px 4px rgb(0,0,0);filter:drop-shadow(0 0 16px #d40000);margin:.5rem 0;min-width:80px;text-align:center}@keyframes glow{0%{box-shadow:0 0 32px #d40000,0 0 24px #000}to{box-shadow:0 0 64px #000,0 0 32px #d40000}}.countdown-number:hover{transform:scale(1.16);box-shadow:0 8px 48px #d40000,0 8px 32px #000}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 24px #2a5298}50%{transform:scale(1.08);box-shadow:0 0 48px #1e3c72}to{transform:scale(1);box-shadow:0 0 24px #2a5298}}.countdown-label{font-size:.9rem;font-weight:400;margin-top:.3rem;opacity:.8;text-align:center}.finished-message{font-size:2rem;font-weight:700;color:#ffeb3b;text-shadow:0 2px 8px rgba(0,0,0,.4);animation:popIn .8s}@keyframes popIn{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.logo-container{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:1.2rem;z-index:2;width:100%}.logo-img{max-width:180px;width:40vw;min-width:80px;height:auto;filter:drop-shadow(0 0 24px #d40000) drop-shadow(0 0 8px #000);transition:transform .3s;margin:0 auto}@media (max-width: 600px){.countdown-title{font-size:1.3rem;margin-bottom:1.2rem;letter-spacing:1px}.countdown-numbers{gap:.5rem;font-size:1.1rem}.countdown-number{font-size:1.2rem;padding:.7rem 1rem;min-width:56px;border-radius:.7rem}.logo-img{max-width:160px;min-width:80px;width:60vw}.countdown-label{font-size:.7rem}.countdown-container{padding:1vw}}.emoji-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}.emoji-float{position:absolute;-webkit-user-select:none;user-select:none;opacity:.85;filter:drop-shadow(0 2px 8px #0008);animation:floatUp infinite linear}@keyframes floatUp{0%{transform:translateY(0) scale(1) rotate(0);opacity:.7}50%{transform:translateY(-40vh) scale(1.2) rotate(20deg);opacity:1}to{transform:translateY(-80vh) scale(1) rotate(-20deg);opacity:.7}}.clouds-bg{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:0}.cloud-layer{position:absolute;border-radius:50%;background:radial-gradient(ellipse at center,rgba(60,0,0,.5) 0%,rgba(60,0,0,0) 100%);filter:blur(64px);opacity:.18;animation:cloudFloat 64s cubic-bezier(.77,0,.175,1) infinite}@keyframes cloudFloat{0%{transform:translate(0) scale(1.1);opacity:.18}20%{transform:translate(60px,-40px) scale(1.13) rotate(-2deg);opacity:.21}40%{transform:translate(120px,30px) scale(1.18) rotate(3deg);opacity:.16}60%{transform:translate(80px,80px) scale(1.15) rotate(-1deg);opacity:.19}80%{transform:translate(-40px,40px) scale(1.12) rotate(2deg);opacity:.17}to{transform:translate(0) scale(1.1);opacity:.18}}
