@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap";body{margin:0;font-family:Poppins,sans-serif;background-color:#1a202c;color:#fff;text-align:center}.logo{height:120px}body{margin:0;font-family:Poppins,sans-serif;background:linear-gradient(45deg,#ff0080,#ff8c00,#fd0,#28a745,#007bff,#8000ff);background-size:400% 400%;animation:gradientBG 8s ease infinite;height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;padding:10px;overflow-x:hidden;overflow-y:auto}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.container{position:relative;z-index:1;border-radius:15px;width:100%;max-width:550px;padding:20px;box-sizing:border-box}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background:#ffffff1a;border-radius:20px;z-index:-1}.title{font-size:clamp(2rem,5vw,2.5rem);font-weight:600;margin-bottom:10px;margin-top:10px;text-shadow:0px 0px 10px rgba(255,255,255,.8)}.subtitle{font-size:clamp(1rem,4vw,1.4rem);color:#f8f9fa;font-weight:300;margin-bottom:20px}.countdown{display:flex;justify-content:center;gap:15px;margin-top:20px;flex-wrap:wrap}.time-box{background:#fff3;padding:15px;border-radius:10px;text-align:center;min-width:70px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 0 15px #fff6;display:flex;flex-direction:column;align-items:center}.time-box span{display:block;font-size:clamp(1.8rem,5vw,2.2rem);font-weight:700;text-shadow:0px 0px 8px rgba(255,255,255,.7)}.time-box span:last-child{font-size:clamp(.8rem,3vw,1rem);font-weight:300;color:#f8f9fa}.stay-connected{margin-top:20px;font-size:clamp(1rem,3vw,1.2rem);font-weight:500}.links{margin-top:15px;display:flex;justify-content:center;gap:15px;flex-wrap:wrap}.links a{color:#fd0;text-decoration:none;font-weight:600;transition:all .3s ease-in-out;font-size:clamp(1rem,3vw,1.2rem);padding:8px 15px;border-radius:8px;border:2px solid transparent}.links a:hover{color:#fff;text-shadow:0px 0px 8px rgba(255,255,255,1);border-color:#fd0}@media (max-width: 480px){.container{width:100%;max-width:380px}.time-box{padding:10px;min-width:50px}.title{font-size:1.8rem}.subtitle,.stay-connected{font-size:1rem}.links{flex-direction:column;gap:10px}}