:root{
  --bg:#02060b;
  --panel:rgba(5,18,25,.92);
  --panel2:rgba(8,30,42,.78);
  --neon:#39ff14;
  --cyan:#6ffaff;
  --text:#f2fff7;
  --muted:#b8d5c4;
  --border:rgba(57,255,20,.32);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  min-height:100vh;
  color:var(--text);
  font-family:Arial, Helvetica, sans-serif;
  font-size:18px;
  line-height:1.75;
  background:
    radial-gradient(circle at 20% 0%, rgba(57,255,20,.16), transparent 30%),
    radial-gradient(circle at 78% 12%, rgba(111,250,255,.13), transparent 34%),
    linear-gradient(145deg,#010308,#06101a 46%,#010308);
}
body:before{
  content:"";
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:.23;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size:38px 38px;
}
a{color:var(--neon);font-weight:800;text-decoration:none}
a:hover{text-decoration:underline;text-shadow:0 0 12px rgba(57,255,20,.75)}
.wrap{width:min(1120px,calc(100% - 28px));margin:0 auto;padding:34px 0 42px;position:relative;z-index:1}
.hero{
  padding:28px;
  border:1px solid var(--border);
  border-radius:28px;
  background:linear-gradient(135deg,rgba(4,20,27,.96),rgba(2,8,14,.92));
  box-shadow:0 0 32px rgba(57,255,20,.12), inset 0 0 25px rgba(111,250,255,.06);
}
.kicker{color:var(--cyan);font-size:.86rem;letter-spacing:.18em;text-transform:uppercase;font-weight:900}
h1{margin:.35rem 0 .4rem;font-size:clamp(2.15rem,6vw,4.35rem);line-height:1.06;color:var(--neon);text-shadow:0 0 18px rgba(57,255,20,.48)}
.lead{font-size:1.15rem;color:#eafff0;max-width:860px;margin:.5rem 0 0}
.nav{display:flex;flex-wrap:wrap;gap:12px;margin:22px 0 0}
.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 16px;border-radius:999px;border:1px solid var(--border);background:rgba(57,255,20,.08);box-shadow:0 0 14px rgba(57,255,20,.08)}
.card{margin-top:22px;padding:24px;border-radius:22px;border:1px solid rgba(111,250,255,.22);background:var(--panel);box-shadow:0 18px 55px rgba(0,0,0,.28)}
h2{margin:0 0 12px;color:var(--cyan);font-size:1.5rem;line-height:1.25}h3{margin:22px 0 8px;color:var(--neon);font-size:1.18rem}p{margin:0 0 14px}.muted{color:var(--muted)}
ul{margin:8px 0 0 1.25rem;padding:0}li{margin:.35rem 0}.legal-box{border-left:4px solid var(--neon);padding:14px 16px;border-radius:14px;background:rgba(57,255,20,.07);margin:16px 0}.footer{margin-top:26px;text-align:center;color:var(--muted);font-size:.96rem}.footer a{margin:0 7px}
@media(max-width:640px){body{font-size:17px}.wrap{width:min(100% - 18px,1120px);padding-top:16px}.hero,.card{padding:18px;border-radius:18px}.nav{gap:9px}.btn{width:100%;justify-content:center}}