<!-- ================= style.css (COMMON CSS) ================= -->
body { margin: 0; font-family: Arial, sans-serif; }
.header { display: flex; justify-content: space-between; padding: 20px; background: #111; }
.header a { color: #fff; margin-left: 15px; text-decoration: none; }
.logo { color: #fff; }
.footer { text-align: center; padding: 15px; background: #111; color: #fff; }


/* HOME DESIGN */
.home .hero { height: 80vh; background: linear-gradient(to right, #ff512f, #dd2476); color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; }


/* ABOUT DESIGN */
.about .about-section { padding: 80px; background: #f4f4f4; text-align: center; }


/* SERVICES DESIGN */
.services .services-section { display: flex; gap: 20px; padding: 80px; background: #e3f2fd; }
.services .card { background: #fff; padding: 40px; flex: 1; text-align: center; border-radius: 10px; }


/* CONTACT DESIGN */
.contact .contact-section { padding: 80px; background: #ede7f6; text-align: center; }
.contact form { max-width: 400px; margin: auto; }
.contact input, .contact textarea { width: 100%; margin-bottom: 10px; padding: 10px; }
.contact button { padding: 10px; width: 100%; background: #673ab7; color: #fff; border: none; }