body{margin:0;font-family:Segoe UI;background:#fafafa;color:#222}
header{background:#000;color:#fff;padding:18px;position:sticky;top:0}
nav a{color:#fff;margin:0 12px;text-decoration:none}
.hero{height:70vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#111,#555);color:#fff;text-align:center}
.btn{background:#d4af37;color:#000;padding:12px 22px;border-radius:30px;text-decoration:none}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:30px}
.card{background:#fff;border-radius:12px;box-shadow:0 2px 10px rgba(0,0,0,.1);padding:18px}
footer{background:#111;color:#fff;padding:30px;text-align:center}