body { font-family: Arial,sans-serif; background:#f4f4f4; color:#333; line-height:1.6; margin:0; }
.container { width:90%; max-width:1200px; margin:auto; }
header, footer { background:#007BFF; color:#fff; padding:20px; text-align:center; }
header h1 { font-size:2rem; margin-bottom:5px; }
header .tagline { font-size:1.1rem; margin-bottom:10px; }
header nav ul { list-style:none; display:flex; justify-content:center; gap:20px; margin-top:10px; padding:0; }
header nav ul li a { color:#fff; text-decoration:none; }
section { padding:40px 0; background:#fff; margin:20px 0; border-radius:8px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(250px,1fr)); gap:20px; }
.card { background:#f8f9fa; padding:20px; border-radius:8px; box-shadow:0 0 10px rgba(0,0,0,0.1); text-align:center; }
.card h3 { margin-bottom:15px; }
.btn, button { display:inline-block; background:#007BFF; color:#fff; padding:10px 15px; border:none; border-radius:5px; cursor:pointer; text-decoration:none; }
.btn:hover, button:hover { background:#0056b3; }
form input, form select, form textarea { width:100%; padding:10px; margin:5px 0 15px; border-radius:5px; border:1px solid #ccc; }
form button { width:auto; }
footer .social-links a { color:#fff; margin:0 5px; text-decoration:none; }
@media(max-width:768px){ .grid { grid-template-columns:1fr; } header nav ul { flex-direction:column; } }