.smart-download-box{
  max-width:700px;
  margin:30px auto;
  padding:20px;
  border-radius:18px;
  background:rgba(255,255,255,0.08);
  backdrop-filter:blur(20px);
  -webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,0.2);
  text-align:center;
  box-shadow:0 10px 30px rgba(0,0,0,0.15);
}

.smart-download-title{
  font-size:18px;
  font-weight:600;
  margin-bottom:15px;
  color:#222;
}

.smart-download-box button{
  background:linear-gradient(135deg,#007bff,#00c6ff);
  background-size:200% 200%;
  animation:gradientMove 3s ease infinite;
  color:#fff;
  padding:12px 28px;
  border:none;
  border-radius:12px;
  font-size:15px;
  cursor:pointer;
  transition:0.3s;
  width:100%;
  max-width:260px;
  margin:10px auto;
  display:block;
}

.smart-download-box button:hover{
  transform:scale(1.05);
}

.readyBtn{
  background:linear-gradient(135deg,#28a745,#00ff88);
  animation:none;
}

.progress-wrap{
  margin-top:15px;
}

.progress-bar{
  height:8px;
  background:linear-gradient(90deg,#007bff,#00c6ff);
  width:0%;
  border-radius:10px;
  transition:width 1s linear;
}

.timer{
  margin-top:8px;
  font-size:13px;
  color:#444;
}

.smart-download-meta{
  margin-top:18px;
  padding-top:15px;
  border-top:1px solid rgba(0,0,0,0.1);
  font-size:13px;
  color:#555;
  pointer-events:none;
}

.smart-download-meta span{
  margin:0 10px;
}

@keyframes gradientMove{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}

@media(max-width:480px){
  .smart-download-box{
    padding:15px;
  }
  .smart-download-box button{
    font-size:14px;
    padding:10px 20px;
  }
}