body { font-family: Arial, sans-serif; background: #fff8f4; margin: 0; padding: 0; }
header { background: #c62828; color: white; padding: 20px; text-align: center; }
nav { background: #e74c3c; padding: 10px; text-align: center; }
nav a { color: white; margin: 0 15px; text-decoration: none; font-weight: bold; }
main { padding: 30px; max-width: 1000px; margin: auto; }
footer { background: #eee; text-align: center; padding: 20px; margin-top: 40px; }
.occasion-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 20px;
}
.occasion {
  background: white;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 15px;
  text-align: center;
}
.occasion img { width: 80px; height: 80px; }
form { background: white; padding: 20px; border-radius: 8px; box-shadow: 0 2px 6px rgba(0,0,0,0.1); max-width: 600px; margin: auto; }
form input, form textarea { width: 100%; padding: 10px; margin: 10px 0; }
form button { background: #c62828; color: white; border: none; padding: 10px 20px; cursor: pointer; border-radius: 4px; }