.containerdca{
  background:linear-gradient(145deg,#121212,#1b1b1b);
  padding:40px;
  border-radius:12px;
  width:100%;
  max-width:600px;
  color:white;
  box-shadow:0 20px 40px rgba(0,0,0,0.6);
  margin:40px auto
}

.containerdca h2{
  margin-bottom:20px;
  font-size:22px;
}

.containerdca .section{
  margin-bottom:30px;
}

.containerdca .row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
  margin-top:15px;
}

.containerdca label{
  display:block;
  margin-bottom:8px;
  font-size:15px;
}

.containerdca input{
  width:100%;
  padding:12px;
  border-radius:8px;
  border:none;
  background:#2f2f2f;
  color:white;
  font-size:15px;
}

.containerdca input::placeholder{
  color:#777;
}

.containerdca hr{
  margin:30px 0;
  border:1px solid #333;
}

.containerdca button{
  padding:12px 22px;
  border:none;
  border-radius:8px;
  background:#2f6fed;
  color:white;
  font-weight:bold;
  cursor:pointer;
  margin-right:10px;
  margin-top:15px;
  transition:0.3s;
}

.containerdca button:hover{
  background:#1e56c9;
}

.containerdca .result-input{
  background:#2a2a2a;
  color:#aaa;
}

@media(max-width:768px){
 /* .containerdca .row{
    grid-template-columns:1fr;
  }*/
  
  .containerdca{
  
  width:95%;
  max-width:95%;
  margin:20px auto;
  padding:10px
}
.containerdca label {
    font-size: 13px;
}
  
  
  
}