body{
  font-family: Arial;
  background:#0f0f0f;
  color:white;
  text-align:center;
  padding:20px;
}

h1{
  margin-bottom:5px;
}

.sub{
  color:#aaa;
  margin-bottom:30px;
}

.grid{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap:20px;
}

.card{
  background:#1e1e1e;
  padding:20px;
  border-radius:15px;
  box-shadow:0 0 10px rgba(0,0,0,0.4);
}

button{
  margin-top:10px;
  padding:10px 15px;
  border:none;
  border-radius:10px;
  background:#00b894;
  color:white;
  cursor:pointer;
}

button:disabled{
  background:#444;
  cursor:not-allowed;
}

a{
  text-decoration:none;
}
.main-center{
  text-align:center;
  margin:20px 0;
}

.main-btn{
  padding:12px 18px;
  font-size:16px;
  border:none;
  border-radius:12px;
  background:#6c5ce7;
  color:white;
  cursor:pointer;
  box-shadow:0 0 10px rgba(0,0,0,0.3);
}

.main-btn:hover{
  background:#7f6df2;
}