body { font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; margin: 0; padding: 0; background: #f4f4f9; color: #333; }
header { background: #333; color: #fff; padding: 1rem 0; text-align: center; }
nav ul { list-style: none; padding: 0; }
nav ul li { display: inline; margin: 0 15px; }
nav a { color: #fff; text-decoration: none; font-weight: bold; }
.container { width: 80%; margin: 2rem auto; display: flex; flex-wrap: wrap; gap: 2rem; }
.card { background: #fff; padding: 1.5rem; border-radius: 8px; box-shadow: 0 2px 5px rgba(0,0,0,0.1); flex: 1 1 300px; }
.card h2 { color: #444; }
.hero { background: #007bff; color: white; padding: 3rem 1rem; text-align: center; }
footer { background: #222; color: #aaa; text-align: center; padding: 1rem 0; margin-top: 2rem; }