body { margin:0; font-family:Arial; background:#121212; color:#e0e0e0;}
header { display:flex; justify-content:space-between; align-items:center; padding:20px; background:#000;}
.logo { height:60px; }
nav a { color:#ccc; margin-left:20px; text-decoration:none; font-weight:bold;}
.hero { padding:80px 20px; text-align:center; background:#1e1e1e;}
.content { padding:40px 20px; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(200px,1fr)); gap:20px;}
.card { background:#1a1a1a; padding:20px; text-align:center; border:1px solid #333; border-radius:8px;}
.contact-form { display:flex; flex-direction:column; gap:10px; max-width:400px;}
.contact-form input, .contact-form textarea { padding:10px; border:none; border-radius:5px; background:#222; color:#fff;}
.contact-form button { padding:12px; background:#555; border:none; border-radius:5px; color:white; cursor:pointer; font-weight:bold;}
.info { margin-top:20px; }
.map iframe { width:100%; height:300px; margin-top:20px; border:none; }
footer { text-align:center; padding:20px; background:#000; color:#666;}