*{margin:0;padding:0;box-sizing:border-box;font-family:Inter,Arial}
body{background:#080808;color:#fff}
header{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;padding:20px 60px;background:rgba(0,0,0,.75);backdrop-filter:blur(10px)}
nav{display:flex;gap:30px}
.hero{height:100vh;background:linear-gradient(rgba(0,0,0,.55),rgba(0,0,0,.75)),url('https://images.unsplash.com/photo-1519583272095-6433daf26b6e?fit=crop&w=1800&q=80');background-size:cover;display:flex;align-items:center}
.overlay{padding:100px}
h1{font-size:82px}
span{color:#ff8c00}
p{margin-top:20px;color:#ccc}
.actions{margin-top:30px;display:flex;gap:15px}
button{padding:14px 24px;border-radius:12px;border:1px solid #444;background:#111;color:#fff}
.primary{background:#ff8c00;border:none}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;padding:80px}
.card{background:#121212;padding:40px;border-radius:20px;border:1px solid #222}
.bonus{display:flex;justify-content:space-between;padding:80px;align-items:center}
.card3d{width:340px;height:200px;border-radius:24px;background:linear-gradient(135deg,#ff8c00,#ff5e00);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:bold}
footer{text-align:center;padding:40px;color:#888}