*{margin:0;padding:0;box-sizing:border-box}body{font-family:Arial,sans-serif;background:#0b0b0b;color:#fff}
header{display:flex;justify-content:space-between;align-items:center;padding:18px 8%;position:fixed;width:100%;background:#111c}
.logo{display:flex;align-items:center;gap:10px}.logo img{width:42px;height:42px;border-radius:50%}
.hero{height:100vh;background:url('hero.png') center/cover;display:flex;align-items:center;justify-content:center;position:relative}
.overlay{position:absolute;inset:0;background:#0008}.hero-content{position:relative;text-align:center;padding:20px}
h1{font-size:64px;color:#d8ff3e}h2{color:#d8ff3e;margin-bottom:20px}
section{padding:80px 8%}.buttons{margin-top:30px}.btn{display:inline-block;padding:14px 28px;border:2px solid #d8ff3e;color:#fff;text-decoration:none;border-radius:30px;margin:6px}
.primary{background:#d8ff3e;color:#000}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px}
.card{background:#171717;padding:20px;border-radius:15px;text-align:center}
table{width:100%;border-collapse:collapse}th,td{border:1px solid #333;padding:12px}th{background:#d8ff3e;color:#000}
footer{text-align:center;padding:40px;background:#111}