    body{
      margin:0;
      font-family:system-ui,Segoe UI,Arial;
      background:radial-gradient(circle at top,#0b1733,#020617 80%);
      color:#e5f0ff;
    }

    .panel{
      width:280px;
      padding:18px 14px 16px;
      text-align:center;
    }

    .logo{
      width:60px;
      margin-bottom:8px;
    }

    h2{
      margin:6px 0 2px;
      font-size:18px;
      letter-spacing:.08em;
    }

    p{
      margin:0 0 12px;
      font-size:12px;
      color:#9db5ff;
    }

    #toggle{
      width:100%;
      padding:11px;
      border-radius:999px;
      border:none;
      cursor:pointer;
      font-weight:800;
      font-size:12px;
      color:#000;
      background:linear-gradient(270deg,#00ff9c,#00cfff,#00ff9c);
      background-size:300% 300%;
      animation:grad 6s infinite;
      box-shadow:0 0 24px rgba(0,255,156,.8);
    }

    @keyframes grad{
      0%{background-position:0%}
      50%{background-position:100%}
      100%{background-position:0%}
    }

    #status{
      margin-top:10px;
      font-size:11px;
      color:#8cb0ff;
    }

    /* ===== Premium Box ===== */
    .premium-box{
      margin-top:14px;
      padding:12px 10px;
      border-radius:14px;
      background:rgba(0,255,156,.08);
      border:1px solid rgba(0,255,156,.35);
      box-shadow:0 0 20px rgba(0,255,156,.2) inset;
      font-size:12px;
      line-height:1.6;
      color:#c7fbe2;
    }

    .premium-box strong{
      display:block;
      font-size:13px;
      color:#00ff9c;
      margin-bottom:6px;
    }

    .telegram-btn{
      display:block;
      margin-top:10px;
      padding:10px;
      border-radius:999px;
      text-decoration:none;
      font-weight:700;
      font-size:12px;
      color:#fff;
      background:linear-gradient(135deg,#0088cc,#00cfff);
      box-shadow:0 0 22px rgba(0,173,255,.7);
    }

    .telegram-btn:hover{
      filter:brightness(1.1);
    }

    .footer{
      margin-top:12px;
      font-size:10px;
      color:#7fa1ff;
    }