*{box-sizing:border-box}
body{margin:0;font-family:Arial,sans-serif;color:#222;background:#f7f8fa}
header{background:#0f172a;color:#fff;padding:18px 0}
.container{max-width:1100px;margin:auto;padding:0 20px}
nav a{color:#fff;text-decoration:none;margin-right:18px}
.hero{background:linear-gradient(135deg,#0f172a,#1e3a5f);color:#fff;padding:90px 0}
.hero h1{font-size:48px;max-width:700px}
.btn{background:#d4a95f;color:#111;padding:14px 24px;border-radius:8px;text-decoration:none;font-weight:bold}
.section{padding:70px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#fff;border-radius:10px;padding:24px;box-shadow:0 2px 8px rgba(0,0,0,.08)}
footer{background:#0f172a;color:#fff;padding:30px;text-align:center}
footer a{color:#fff;margin:0 8px}