*{
  margin:0;
  padding:0;
  box-sizing:border-box;
  font-family:-apple-system,BlinkMacSystemFont,system-ui;
}

body{
  min-height:100vh;
  background:#eef2f6;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:20px;
}

.tool-card{
  width:100%;
  max-width:820px;
  background:#fff;
  border-radius:30px;
  padding:45px 35px;
  text-align:center;
  box-shadow:0 25px 60px rgba(0,0,0,.12);
}

h1{
  font-size:34px;
  font-weight:700;
}

p{
  margin-top:10px;
  color:#555;
}

.badges{
  margin:18px 0;
  color:#28a745;
  font-size:14px;
}

.badges span{
  margin:0 10px;
}

.upload-box{
  margin-top:30px;
  padding:45px 20px;
  border-radius:22px;
  border:2px dashed #d1d5db;
}

#fileInput{
  display:none;
}

/* BUTTON ROW */
.action-row{
  display:flex;
  justify-content:center;
  gap:18px;
  flex-wrap:wrap;
}

/* 🔥 APPLE GRADIENT BUTTON (YOUR IMAGE STYLE) */
.apple-btn{
  padding:15px 38px;
  font-size:16px;
  font-weight:600;
  border-radius:999px;
  cursor:pointer;
  color:#fff;
  border:1px solid rgba(255,255,255,.4);
  background:rgb(79, 79, 255);
  backdrop-filter:blur(14px);
  -webkit-backdrop-filter:blur(14px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.6),
    0 15px 40px rgba(120,150,255,.45);
  transition:all .25s ease;
}

/* HOVER */
.apple-btn:hover{
  transform:translateY(-1px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.7),
    0 20px 50px rgba(120,150,255,.55);
}

/* DISABLED CONVERT */
.convert-btn{
  opacity:.4;
}

.convert-btn.active{
  opacity:1;
}

/* FILE NAME */
.file-name{
  margin-top:16px;
  font-size:14px;
  color:#555;
}

/* FOOTER */
.footer-text{
  margin-top:25px;
  font-size:13px;
  color:#666;
}

/* MOBILE */
@media(max-width:600px){
  .action-row{
    flex-direction:column;
  }
}