.countdown-container{background:linear-gradient(135deg,#c3d2ee09 100%,);padding:60px 20px;text-align:center;color:#fff;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;position:relative;overflow:hidden;border-radius:12px;margin:20px 0}.countdown-container::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:rgb(0 0 0 / .1);z-index:1}.countdown-content{position:relative;z-index:2;max-width:800px;margin:0 auto}.countdown-title{font-size:2.5rem;font-weight:300;margin:0 0 10px 0;letter-spacing:2px;text-transform:uppercase}.countdown-subtitle{font-size:1rem;font-weight:300;margin:0 0 40px 0;opacity:.9;letter-spacing:1px}.countdown-timer{display:flex;justify-content:center;align-items:center;gap:40px;margin:40px 0;flex-wrap:wrap}.countdown-item{display:flex;flex-direction:column;align-items:center;min-width:100px}.countdown-number{font-size:4rem;font-weight:200;line-height:1;margin-bottom:8px;text-shadow:0 2px 4px rgb(0 0 0 / .3);display:block}.countdown-label{font-size:.875rem;font-weight:400;letter-spacing:2px;text-transform:uppercase;opacity:.8;display:block}.countdown-action{margin-top:40px}.countdown-button{display:inline-block;padding:15px 30px;background:rgb(255 255 255 / .15);color:#fff;text-decoration:none;border-radius:30px;font-weight:500;letter-spacing:1px;text-transform:uppercase;transition:all 0.3s ease;border:2px solid rgb(255 255 255 / .3);backdrop-filter:blur(10px)}.countdown-button:hover{background:rgb(255 255 255 / .25);border-color:rgb(255 255 255 / .5);color:#fff;text-decoration:none;transform:translateY(-2px);box-shadow:0 8px 25px rgb(0 0 0 / .2)}@media (max-width:768px){.countdown-container{padding:40px 15px}.countdown-title{font-size:2rem}.countdown-timer{gap:20px}.countdown-number{font-size:3rem}.countdown-item{min-width:80px}}@media (max-width:480px){.countdown-timer{gap:15px}.countdown-number{font-size:2.5rem}.countdown-label{font-size:.75rem}.countdown-item{min-width:60px}.countdown-title{font-size:1.5rem}.countdown-subtitle{font-size:.9rem}}.countdown-number{transition:all 0.3s ease}.countdown-number.updating{transform:scale(1.1)}.countdown-expired .countdown-timer{opacity:.5}.countdown-expired .countdown-title::after{content:' - Event Started!';color:gold}