body { font-family: Arial, sans-serif; margin: 0; padding: 0; background: #f4f4f4; color: #333; }
header { background: linear-gradient(to right, #b32d00, #d84315); color: white; text-align: center; padding: 1rem; }
.logo { max-width: 200px; }
.hero, .services, .giveback, .projects, .quote { padding: 2rem; max-width: 1200px; margin: auto; }
button { background: #b32d00; color: white; padding: 1rem 2rem; border: none; cursor: pointer; }
form { display: flex; flex-direction: column; gap: 1rem; max-width: 500px; }
img { max-width: 100%; height: auto; }
@media (max-width: 768px) { .hero h2 { font-size: 1.5rem; } }