body{margin:0;font-family:Arial;background:#071007;color:#fff}
.hero{padding:90px 20px;text-align:center;background:#0d1d0d}
.hero-box{display:inline-block;padding:40px;border:2px solid #33ff66;border-radius:20px;box-shadow:0 0 20px #33ff66}
.button{display:inline-block;margin-top:20px;padding:12px 28px;background:#33ff66;color:#000;text-decoration:none;border-radius:10px;font-weight:bold}
.cards{display:flex;gap:20px;justify-content:center;padding:40px;flex-wrap:wrap}
.card{width:280px;background:#0b180b;border:1px solid #33ff66;border-radius:15px;padding:20px;box-shadow:0 0 12px #33ff66}
.footer{padding:30px;background:#050905;border-top:2px solid #33ff66}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.box{border:1px solid #33ff66;border-radius:15px;padding:15px}
.box h3{color:#66ff66}.box a{display:block;color:#fff;text-decoration:none;margin:8px 0;padding:8px;border:1px solid #228844;border-radius:8px}
.copy{text-align:center;color:#66ff66;margin-top:25px}