html, body { background: #07120c; }
    .grid-bg {
      background-image:
        radial-gradient(1200px 600px at 80% -10%, rgba(37,211,102,0.18), transparent 60%),
        radial-gradient(900px 500px at 0% 10%, rgba(37,211,102,0.08), transparent 60%),
        linear-gradient(to bottom, #07120c, #07120c);
    }
    .grid-lines {
      background-image:
        linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.04) 1px, transparent 1px);
      background-size: 40px 40px;
      mask-image: radial-gradient(ellipse at top, black 40%, transparent 75%);
    }
    .text-gradient {
      background: linear-gradient(180deg, #ffffff 0%, #b9f0cf 60%, #25D366 100%);
      -webkit-background-clip: text; background-clip: text; color: transparent;
    }
    .card {
      background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0.01));
      border: 1px solid rgba(255,255,255,0.08);
      backdrop-filter: blur(8px);
    }
    .ring-wa { box-shadow: 0 0 0 1px rgba(37,211,102,0.45), 0 20px 60px -10px rgba(37,211,102,0.35); }
    .code-window pre { font-family: "JetBrains Mono", monospace; }