* {
  margin: 0; padding: 0; box-sizing: border-box; font-family: Arial, sans-serif;
}
body { background: #f4f6f8; color: #222; }
header {
  background: #0d6efd; color: white; padding: 20px; text-align: center;
}
.hero {
  padding: 40px 20px; text-align: center; background: white;
}
.hero input, form input, form textarea, form button {
  width: 100%; max-width: 500px; margin: 10px auto; padding: 12px;
  border-radius: 8px; border: 1px solid #ccc; display: block;
}
form button {
  background: #0d6efd; color: white; border: none; cursor: pointer;
}
.container {
  max-width: 1100px; margin: auto; padding: 20px;
}
.grid {
  display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 20px;
}
.card {
  background: white; padding: 20px; border-radius: 10px;
  box-shadow: 0 2px 10px rgba(0,0,0,.08);
}
.adsense {
  margin: 30px 0; padding: 20px; background: #e9ecef;
  text-align: center; border-radius: 10px;
}
footer {
  text-align: center; padding: 20px; background: #222; color: white; margin-top: 40px;
}