* { box-sizing: border-box; margin:0; padding:0; }
body { font-family: Arial, sans-serif; line-height:1.6; color:#222; background:#f5f5f5; }
header { background:black; color:white; padding:1rem 2rem; display:flex; align-items:center; justify-content:space-between; }
header img { height:60px; }
nav a { color:white; margin-left:1rem; text-decoration:none; font-weight:bold; }
nav a:hover { color:#FFD700; }
.hero { background: linear-gradient(135deg,#FFD700,#000); color:white; text-align:center; padding:4rem 2rem; }
.hero h1{font-size:2.5rem;margin-bottom:.5rem;}
.hero p{font-size:1.2rem;margin-bottom:1.5rem;}
.hero .cta{display:inline-block;background:black;color:#FFD700;padding:.75rem 2rem;font-weight:bold;text-decoration:none;border-radius:5px;transition:.3s;}
.hero .cta:hover{background:#222;}
section{padding:3rem 2rem; max-width:900px;margin:auto;}
section h2{text-align:center;margin-bottom:2rem;font-size:2rem;color:black;}
.services{display:grid;grid-template-columns:1fr;gap:1.5rem;}
@media(min-width:600px){.services{grid-template-columns:repeat(3,1fr);}}
.service-card{background:white;padding:1.5rem;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);text-align:center;}
.service-card h3{margin-bottom:.75rem;color:black;}
.service-card p{font-size:.95rem;color:#555;}
footer{background:black;color:white;text-align:center;padding:2rem 1rem;}
footer a{color:#FFD700;margin:0 .5rem;text-decoration:none;}
footer a:hover{text-decoration:underline;}
form input, form textarea {width:100%; padding:.5rem; margin:.5rem 0; border:1px solid #ccc; border-radius:5px;}
form input[type="submit"] {background:#000; color:#FFD700; border:none; cursor:pointer; padding:.75rem;}
form input[type="submit"]:hover {background:#222;}