@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;600&display=swap');

*{margin:0;padding:0;box-sizing:border-box}
body{
  font-family:Poppins, sans-serif;
  background:url('https://images.unsplash.com/photo-1505691723518-36a5ac3be353?auto=format&fit=crop&w=1650&q=80') center/cover no-repeat;
  color:white;
  height:100vh;
  display:flex;
  align-items:center;
  justify-content:center;
  position:relative;
}
.overlay{
  position:absolute;top:0;left:0;width:100%;height:100%;
  background:rgba(0,0,0,0.45);backdrop-filter:blur(6px);
}
.wrapper{text-align:center;position:relative;z-index:2;max-width:600px;padding:20px}
.logo{width:80px;margin-bottom:10px}
.sub{opacity:0.8;margin-bottom:30px}

.glass-box{
  background:rgba(255,255,255,0.1);
  backdrop-filter:blur(12px);
  border-radius:20px;
  padding:28px;
  margin-bottom:40px;
  box-shadow:0 8px 40px rgba(0,0,0,0.4);
}

.countdown{
  display:flex;
  justify-content:center;
  gap:20px;
  margin-top:20px;
}
.circle{
  width:80px;height:80px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:rgba(255,255,255,0.15);
  backdrop-filter:blur(6px);
}
.circle span{font-size:22px;font-weight:600}
.circle label{font-size:12px;opacity:0.8;margin-top:4px}
footer{margin-top:20px;font-size:13px;opacity:0.85}
a{color:#dcdcff}