body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #fff; color: #333; }
header { background: #fff; padding: 1rem; border-bottom: 1px solid #ddd; display: flex; justify-content: space-between; align-items: center; }
header h1 { color: #d63384; margin: 0; }
nav a { margin-left: 1rem; text-decoration: none; color: #555; }
.hero { padding: 2rem; background: #ffe6f0; text-align: center; }
.featured-names { padding: 2rem; background: #f9f9f9; }
.name-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 1rem; }
.name-card { background: #fff; padding: 1rem; border: 1px solid #ddd; border-radius: 8px; }
footer { text-align: center; padding: 1rem; background: #eee; margin-top: 2rem; }