body { margin:0; font-family:Arial,sans-serif; color:#222; }
.navbar { display:flex; justify-content:space-between; padding:20px 8%; border-bottom:1px solid #eee; }
.logo { font-size:26px; font-weight:bold; }
.logo span { color:#ffcc00; }
nav a { margin-left:20px; text-decoration:none; color:#333; }
.btn { background:#000; color:#fff; padding:8px 16px; border-radius:5px; }

.hero { padding:100px 8%; background:#fafafa; text-align:center; }
.hero h1 { font-size:48px; }

.section, .page { padding:80px 8%; text-align:center; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:25px; margin-top:40px; }

.card { padding:25px; border:1px solid #eee; border-radius:10px; background:#fff; }
.highlight { border:2px solid #ffcc00; }

.btn-primary {
 background:#ffcc00; padding:12px 24px;
 border-radius:6px; color:#000;
 text-decoration:none; font-weight:600;
}

.contact-form {
 max-width:500px; margin:auto;
 display:flex; flex-direction:column; gap:15px;
}

input, textarea {
 padding:12px; border:1px solid #ccc; border-radius:5px;
}

footer { text-align:center; padding:20px; border-top:1px solid #eee; }