body{
  background:#020817!important;
  color:#fff!important;
  font-family:Arial!important;
  overflow-x:hidden!important;
}

.wrap{
  width:100%!important;
  max-width:1500px!important;
  margin:0 auto!important;
  padding:22px!important;
  box-sizing:border-box!important;
}

.grid{
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr))!important;
  gap:18px!important;
  width:100%!important;
}

.card{
  width:100%!important;
  max-width:none!important;
  background:#071a36!important;
  border:1px solid #00b7ff66!important;
  border-radius:20px!important;
  padding:18px!important;
  box-shadow:0 0 25px #00b7ff33!important;
  box-sizing:border-box!important;
}

.toolimg{
  width:100%!important;
  max-width:220px!important;
  height:180px!important;
  object-fit:contain!important;
  display:block!important;
  margin:0 auto 14px!important;
}

h1{
  font-size:32px!important;
  color:#fff!important;
  text-shadow:0 0 18px #00d5ff!important;
}

h2{
  font-size:22px!important;
}

.stat{
  font-size:32px!important;
  color:#00d5ff!important;
  text-shadow:0 0 18px #00d5ff!important;
}

.btn,button{
  background:linear-gradient(90deg,#008cff,#00d5ff)!important;
  color:white!important;
  border:0!important;
  border-radius:14px!important;
  padding:13px 16px!important;
  font-size:16px!important;
  font-weight:900!important;
  text-decoration:none!important;
  box-shadow:0 0 18px #00b7ff55!important;
}

.orange{
  background:linear-gradient(90deg,#ff8a00,#ffd000)!important;
}

.green{
  background:linear-gradient(90deg,#00c853,#00ff88)!important;
}

input,select{
  background:#031225!important;
  color:white!important;
  border:1px solid #008cff!important;
  border-radius:12px!important;
  padding:13px!important;
  font-size:16px!important;
}

@media(min-width:1200px){
  .grid{
    grid-template-columns:repeat(4,1fr)!important;
  }
}

@media(max-width:768px){
  .wrap{
    padding:14px!important;
  }

  .grid{
    grid-template-columns:1fr!important;
  }

  .card{
    padding:16px!important;
  }

  .toolimg{
    max-width:220px!important;
    height:160px!important;
  }

  h1{
    font-size:30px!important;
  }

  h2{
    font-size:22px!important;
  }

  .btn,button{
    width:100%!important;
    display:block!important;
    text-align:center!important;
    font-size:16px!important;
    margin:8px 0!important;
  }
}

/* FIX TAMANHO QR CODE PIX */
.qr{
  display:block!important;
  width:100%!important;
  max-width:420px!important;
  height:auto!important;
  margin:20px auto!important;
  border-radius:16px!important;
}

@media(max-width:768px){
  .qr{
    max-width:280px!important;
  }
}