.btn{
      min-height:54px;
      padding:0 22px;
      border-radius:15px;
      border:0;
      display:inline-flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      cursor:pointer;
      font-weight:700;
      transition:transform .22s ease,box-shadow .22s ease,background .22s ease;
    }
    .btn-primary{
      color:#111820;
      background:linear-gradient(135deg,var(--yellow),#FFC74B 48%,var(--orange));
      box-shadow:0 16px 38px rgba(255,159,28,.22),inset 0 1px 0 rgba(255,255,255,.38);
    }
    .btn-primary:hover{
      transform:translateY(-2px);
      box-shadow:0 22px 54px rgba(255,159,28,.28);
    }
    .btn-secondary{
      color:#F7FBFE;
      background:rgba(255,255,255,.045);
      border:1px solid rgba(255,255,255,.10);
      backdrop-filter:blur(14px) saturate(140%);
      -webkit-backdrop-filter:blur(14px) saturate(140%);
    }


    .glass{
      position:absolute;
      z-index:8;
      right:1vw;
      top:50%;
      width:min(530px,42vw);
      min-height:500px;
      padding:24px;
      border-radius:38px;
      overflow:hidden;
      background:
        linear-gradient(180deg,rgba(255,255,255,.145),rgba(255,255,255,.03)),
        linear-gradient(145deg,rgba(11,31,49,.62),rgba(4,12,20,.28));
      border:1px solid rgba(255,255,255,.105);
      backdrop-filter:blur(30px) saturate(172%);
      -webkit-backdrop-filter:blur(30px) saturate(172%);
      box-shadow:
        0 34px 100px rgba(0,0,0,.38),
        inset 0 1px 0 rgba(255,255,255,.20),
        inset 0 -1px 0 rgba(255,255,255,.035);
      transform:
        translateY(-50%)
        translateX(calc((.5 - var(--p)) * 16px))
        rotateY(calc(-8deg + var(--p) * 4deg))
        rotateX(2deg);
      transform-style:preserve-3d;
      perspective:1200px;
    }
    .glass::before{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      pointer-events:none;
      background:
        radial-gradient(360px circle at var(--lx,76%) var(--ly,20%),rgba(255,255,255,.30),transparent 31%),
        linear-gradient(180deg,rgba(255,255,255,.09),transparent 37%);
      opacity:.82;
    }
    .glass::after{
      content:"";
      position:absolute;
      inset:0;
      border-radius:inherit;
      pointer-events:none;
      box-shadow:
        inset 1px 0 0 rgba(73,200,242,.08),
        inset -1px 0 0 rgba(255,216,74,.07),
        inset 0 1px 0 rgba(255,255,255,.12);
      opacity:.9;
    }

    .glass-head{
      position:relative;
      z-index:2;
      display:flex;
      align-items:center;
      justify-content:space-between;
      gap:14px;
    }
    .glass-head b{font:700 14px/1 Manrope,sans-serif}
    .glass-status{
      min-height:30px;
      padding:0 9px;
      border-radius:9px;
      display:inline-flex;
      align-items:center;
      background:rgba(73,200,242,.07);
      border:1px solid rgba(73,200,242,.14);
      color:#A8EDFF;
      font-size:9px;
      font-weight:800;
      letter-spacing:.08em;
      text-transform:uppercase;
    }