.hero-container{min-height:100vh;width:100%;background:linear-gradient(to bottom,#064e3b,#022c22,#000);color:#fff;display:flex;flex-direction:column;position:relative;overflow:hidden}.hero-header{display:flex;justify-content:space-between;align-items:center;padding:16px 32px}.logo-box{background:#ffffff1a;padding:8px;border-radius:12px;display:flex;align-items:center}.flag-icon{width:28px;height:28px}.fireworks-btn{background:#ffffff26;border:none;padding:10px 16px;border-radius:12px;color:#fff;cursor:pointer;font-size:14px;transition:background .2s}.fireworks-btn:hover{background:#ffffff40}.hero-content{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px}.hero-title{font-size:36px;font-weight:700}.highlight{color:#34d399}.hero-text{margin-top:10px;max-width:500px;color:#fffc}.countdown{display:flex;gap:10px;margin-top:20px}.time-box{background:#ffffff1a;padding:10px 14px;border-radius:8px;font-size:18px;font-weight:700}.firework{position:absolute;bottom:20%;left:10%;width:8px;height:8px;border-radius:50%;background:transparent;box-shadow:0 0 4px #fff,0 0 8px #ff0,0 0 12px #0f0,0 0 16px #0ff;animation:explode 1.5s infinite ease-out}.firework.delay1{animation-delay:.5s;left:30%}.firework.delay2{animation-delay:1s;left:70%}.firework.delay3{animation-delay:2s;left:90%}@keyframes explode{0%{transform:scale(0);opacity:1}80%{transform:scale(4);opacity:0}to{opacity:0}}.hero-footer{text-align:center;padding:10px;font-size:12px;color:#fff9}