body { margin:0; font-family:Arial; background:#000; color:#fff; }
.hero { position:relative; height:100vh; display:flex; justify-content:center; align-items:center; text-align:center; background:url('bg.jpg') center/cover no-repeat; }
.overlay { position:absolute; inset:0; background:rgba(0,0,0,0.7); }
.content { position:relative; }
h1 { font-size:4rem; }
.buttons a { margin:10px; padding:10px 20px; border:1px solid #fff; text-decoration:none; color:#fff; }
.stats { display:flex; justify-content:space-around; background:#111; padding:20px; }
.stats div { text-align:center; font-size:1.5rem; }
.stats span { display:block; font-size:0.8rem; color:#aaa; }
.online { color:#0f0; }
.features { padding:50px; text-align:center; }
.grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); gap:20px; }
.grid div { background:#111; padding:20px; border-radius:10px; }
footer { text-align:center; padding:20px; color:#777; }