*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#f8fafc;color:#111}
header{background:#0f172a;color:#fff;padding:18px 40px;position:sticky;top:0}
nav a{color:#fff;text-decoration:none;margin:0 12px}
.hero{padding:90px 40px;background:linear-gradient(135deg,#0f172a,#1e293b);color:#fff}
.btn{display:inline-block;padding:12px 20px;background:#c8a45d;color:#111;text-decoration:none;border-radius:8px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;padding:40px}
.card{background:#fff;border-radius:14px;padding:20px;box-shadow:0 8px 24px rgba(0,0,0,.08)}
footer{background:#0f172a;color:#fff;padding:30px;text-align:center}