body{
  margin:0;
  min-height:100vh;
  background:radial-gradient(circle,#6b1d1d,#2b0000);
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:Arial,sans-serif;
}

.card{
  width:90%;
  max-width:360px;
  background:#7a1f1f;
  padding:26px;
  border-radius:22px;
  text-align:center;
  color:#fff;
}

.sub{opacity:.9;}
.count{margin:15px 0;}

input{
  width:100%;
  padding:16px;
  margin-bottom:14px;
  border-radius:14px;
  border:none;
  font-size:16px;
}

button{
  width:100%;
  padding:16px;
  border-radius:16px;
  border:none;
  background:linear-gradient(90deg,#ff004c,#ffb300);
  font-size:17px;
  font-weight:700;
}

/* RESULT SCREEN */
.modal{
  position:fixed;
  inset:0;
  background:rgba(0,0,0,.7);
  display:none;
  align-items:center;
  justify-content:center;
}

.modal-box{
  background:#4b0f0f;
  width:85%;
  max-width:340px;
  padding:25px;
  border-radius:22px;
  color:#fff;
  text-align:center;
}

.btn{
  margin-top:12px;
}

.screenshot{
  background:linear-gradient(90deg,#ff004c,#ffb300);
}

.whatsapp{
  background:#25D366;
}

.close{
  background:#555;
  color:#fff;
}