*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#0d0d0d;color:#fff}
header{position:sticky;top:0;background:#000;padding:12px 40px;display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #ff6b00}
header img{height:60px}
nav a{color:#fff;text-decoration:none;margin:0 10px;font-weight:bold}
.hero{height:90vh;background:linear-gradient(rgba(0,0,0,.75),rgba(0,0,0,.75)),url('assets/hero.jpg');background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center;text-align:center;padding:20px}
.hero h1{font-size:54px;color:#ff6b00;margin-bottom:10px}
.hero p{font-size:22px}
.btn{display:inline-block;background:#ff6b00;color:#fff;padding:14px 22px;text-decoration:none;border-radius:5px;margin:8px}
section{padding:60px 40px}
h2{color:#ff6b00;text-align:center}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.card{background:#1a1a1a;padding:25px;border-radius:10px;border:1px solid #333}
footer{background:#000;text-align:center;padding:30px;border-top:2px solid #ff6b00}