body{margin:0;background:#0d0d0d;color:#fff;font-family:Montserrat,sans-serif}
.hero{min-height:100vh;display:flex;justify-content:center;align-items:center;background:radial-gradient(circle at top,#3b0000,#0d0d0d)}
.content{max-width:900px;padding:30px;text-align:center}
.logo{max-width:220px;width:60%;filter:drop-shadow(0 0 20px rgba(255,80,0,.4))}
h1{font:64px 'Bebas Neue',sans-serif;margin:10px 0}
p{color:#ddd}
.btn{display:inline-block;padding:16px 28px;background:linear-gradient(90deg,#ff4d00,#ffb000);color:#fff;text-decoration:none;border-radius:50px;font-weight:bold;margin:20px 0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px;margin-top:30px}
.card{text-decoration:none;color:#fff;background:#1c1c1c;border:1px solid #333;border-radius:18px;padding:24px;transition:.3s}
.card:hover{transform:translateY(-6px);border-color:#ff6a00;box-shadow:0 0 25px rgba(255,98,0,.4)}
.card i{font-size:40px;color:#ff7a00;margin-bottom:12px;display:block}
.floating{position:fixed;right:20px;bottom:20px;background:#25d366;color:#fff;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:34px;text-decoration:none;box-shadow:0 10px 30px rgba(0,0,0,.5)}