:root {
      --mod-color: #22c55e;
      --mod-glow: rgba(34, 197, 94, .16);
      --mod-glow2: rgba(249, 115, 22, .09);
      --mod-grad2: #f97316;
    }

    [data-theme="corporate"] {
      --mod-color: #2563eb;
      --mod-glow: rgba(37, 99, 235, .14);
      --mod-glow2: rgba(22, 163, 74, .08);
      --mod-grad2: #16a34a;
    }

    .cpu-wrap {
      position: relative;
      width: min(28vw, 340px);
      aspect-ratio: 1/1;
    }

    .cpu-glow {
      position: absolute;
      inset: -18%;
      border-radius: 50%;
      background: radial-gradient(circle, var(--mod-glow) 0%, transparent 65%);
      animation: modGlowPulse 3.5s ease-in-out infinite;
    }

    #cpuCanvas {
      width: 100%;
      height: 100%;
      display: block;
    }

.mod-il-fill{width:0%;}
.mod-circle-ico{font-size:1.1rem;color:#fff}
.mod-title-link{color:inherit}
.rk-modul-yok{color:var(--text2);padding:2rem}
.rk-modul-hata{color:var(--text2);padding:2rem;text-align:center}
.anim-canvas-full{width:100%;height:100%;display:block}