*{box-sizing:border-box}body{margin:0;font-family:Poppins,sans-serif;background:#0b0b0b;color:#fff}
nav{position:fixed;top:0;width:100%;display:flex;justify-content:space-between;padding:18px 40px;background:rgba(0,0,0,.55);backdrop-filter:blur(10px)}
.logo{font-family:'Bebas Neue';font-size:2rem}.call,.btn{background:#c40000;color:#fff;padding:12px 20px;border-radius:30px;text-decoration:none;transition:.3s}
.call:hover,.btn:hover,.card:hover{transform:translateY(-4px);box-shadow:0 12px 30px rgba(255,0,0,.35)}
.hero{height:100vh;background:url('https://images.unsplash.com/photo-1486006920555-c77dcf18193c?auto=format&fit=crop&w=1600&q=80') center/cover;display:flex;align-items:center}
.overlay{background:rgba(0,0,0,.55);padding:60px;max-width:650px;margin-left:8%}
h1{font-family:'Bebas Neue';font-size:5rem;margin:0}section{padding:70px 8%}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:22px}.card{background:rgba(255,255,255,.06);padding:24px;border-radius:18px;transition:.3s;border:1px solid rgba(255,255,255,.08)}
footer{text-align:center;padding:30px;background:#111}