body {
  font-family: 'Poppins', sans-serif;
  margin: 0;
  background-color: #f8f8f8;
  color: #222;
}
header {background-color: #1a1a1a;color: white;padding: 15px;text-align: center;}
nav a {color: white;text-decoration: none;margin: 0 10px;}
nav a:hover {text-decoration: underline;}
.hero {text-align: center;padding: 40px;background: #ff2e63;color: white;}
.content {padding: 20px;max-width: 900px;margin: auto;}
.card-container {display: flex;flex-wrap: wrap;gap: 20px;}
.card {background: white;border-radius: 10px;padding: 15px;box-shadow: 0 2px 5px rgba(0,0,0,0.1);flex: 1 1 250px;}
footer {background-color: #1a1a1a;color: white;text-align: center;padding: 10px;}
textarea {width: 100%;height: 80px;margin-top: 10px;padding: 10px;}
button {background: #ff2e63;color: white;border: none;padding: 10px 20px;margin-top: 10px;cursor: pointer;border-radius: 5px;}
button:hover {background: #d91e4e;}