:root{--orange:#f7941d;--bg:#0f0f0f;--card:#181818;--text:#fff}
body{margin:0;font-family:Arial,sans-serif;background:var(--bg);color:var(--text)}
header{position:sticky;top:0;background:#111;padding:12px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #333}
nav a{color:#fff;text-decoration:none;margin:0 12px}
.hero{padding:80px 5%;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,.8));text-align:center}
.btn{background:var(--orange);color:#fff;text-decoration:none;padding:12px 18px;border-radius:6px;display:inline-block;font-weight:bold}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}
.card{background:var(--card);padding:20px;border-radius:8px;border:1px solid #333}
section{padding:60px 5%}
footer{padding:30px 5%;border-top:1px solid #333}