*{box-sizing:border-box;margin:0;padding:0}
    body{height:100vh;overflow:hidden;background:#000;color:#00ff41;font-family:Consolas,monospace}
    canvas{position:fixed;inset:0;width:100vw;height:100vh;display:block}
    .vignette{
      position:fixed;inset:0;
      background:radial-gradient(circle at center, transparent 25%, rgba(0,0,0,.72) 85%),
      linear-gradient(rgba(0,255,65,.05) 50%, transparent 50%);
      background-size:100% 100%,100% 4px;
      pointer-events:none;z-index:2;
    }
    .panel{
      position:fixed;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);
      width:min(820px,calc(100vw - 34px));padding:34px;
      border:1px solid rgba(0,255,65,.55);border-radius:24px;
      background:rgba(0,10,0,.58);
      box-shadow:0 0 30px rgba(0,255,65,.28),0 0 90px rgba(0,255,65,.16) inset;
      backdrop-filter:blur(10px);text-align:center;
    }
    .glitch{position:relative;font-size:clamp(42px,8vw,82px);letter-spacing:.05em;text-transform:uppercase;text-shadow:0 0 25px rgba(0,255,65,.75);margin-bottom:14px}
    .glitch::before,.glitch::after{content:attr(data-text);position:absolute;inset:0;opacity:.72}
    .glitch::before{color:#00e5ff;transform:translate(2px,-2px);clip-path:polygon(0 0,100% 0,100% 45%,0 45%);animation:gl1 2.2s infinite linear alternate-reverse}
    .glitch::after{color:#ff0055;transform:translate(-2px,2px);clip-path:polygon(0 55%,100% 55%,100% 100%,0 100%);animation:gl2 1.8s infinite linear alternate-reverse}
    @keyframes gl1{0%{transform:translate(2px,-2px)}20%{transform:translate(-3px,1px)}40%{transform:translate(4px,-1px)}60%{transform:translate(1px,2px)}100%{transform:translate(2px,-2px)}}
    @keyframes gl2{0%{transform:translate(-2px,2px)}20%{transform:translate(3px,-1px)}40%{transform:translate(-4px,1px)}60%{transform:translate(-1px,-2px)}100%{transform:translate(-2px,2px)}}
    .subtitle{color:#b7ffbd;line-height:1.7;font-size:17px;margin:0 auto 28px;max-width:620px;text-shadow:0 0 14px rgba(0,255,65,.35)}
    .grid{
      display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:24px 0;
    }
    .cell{
      border:1px solid rgba(0,255,65,.35);border-radius:16px;background:rgba(0,0,0,.62);
      padding:17px 12px;box-shadow:0 0 25px rgba(0,255,65,.1) inset;
    }
    .cell span{display:block;color:#91ff9f;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px}
    .cell strong{font-size:21px;color:#00ff41;text-shadow:0 0 12px rgba(0,255,65,.55)}
    .buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}
    a{
      min-width:210px;padding:15px 22px;border-radius:14px;border:1px solid rgba(0,255,65,.7);
      color:#00ff41;background:rgba(0,0,0,.65);text-decoration:none;font-weight:700;transition:.25s ease;
      box-shadow:0 0 20px rgba(0,255,65,.15);
    }
    a:hover{color:#001300;background:#00ff41;transform:translateY(-3px);box-shadow:0 0 35px rgba(0,255,65,.42)}
    .corner{position:fixed;z-index:4;color:#00ff41;opacity:.7;font-size:12px;letter-spacing:.12em;text-transform:uppercase}
    .c1{left:18px;top:18px}.c2{right:18px;top:18px}.c3{left:18px;bottom:18px}.c4{right:18px;bottom:18px}
    @media(max-width:720px){.grid{grid-template-columns:1fr 1fr}.panel{padding:24px}}