.trustelis-cookie-page,
    .trustelis-cookie-page * {
      box-sizing: border-box;
    }

    .trustelis-cookie-page {
      --tr-cp-blue: #0286FF;
      --tr-cp-blue-2: #2F78FF;
      --tr-cp-blue-soft: rgba(2, 134, 255, 0.16);
      --tr-cp-blue-border: rgba(2, 134, 255, 0.42);
      --tr-cp-blue-glow: rgba(2, 134, 255, 0.28);
      --tr-cp-purple: #7c3dff;
      --tr-cp-purple-2: #c02cff;
      --tr-cp-bg: #020614;
      --tr-cp-bg-2: #040b18;
      --tr-cp-card: rgba(7, 18, 42, 0.76);
      --tr-cp-card-2: rgba(4, 10, 24, 0.88);
      --tr-cp-text: #f8fafc;
      --tr-cp-muted: rgba(231, 237, 248, 0.74);
      --tr-cp-muted-2: rgba(231, 237, 248, 0.62);

      position: relative;
      width: 100vw;
      max-width: 100vw;
      margin: 0 calc(50% - 50vw);
      padding: 0;
      overflow-x: hidden;
      overflow-y: visible;
      color: var(--tr-cp-text);
      font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
      background:
        radial-gradient(circle at 13% 12%, rgba(2, 134, 255, 0.18), transparent 34%),
        radial-gradient(circle at 86% 16%, rgba(124, 61, 255, 0.16), transparent 36%),
        radial-gradient(circle at 74% 92%, rgba(192, 44, 255, 0.12), transparent 34%),
        linear-gradient(180deg, #020614 0%, #040b18 50%, #020614 100%);
      isolation: isolate;
    }

    @supports (width: 100dvw) {
      .trustelis-cookie-page {
        width: 100dvw;
        max-width: 100dvw;
        margin-left: calc(50% - 50dvw);
        margin-right: calc(50% - 50dvw);
      }
    }

    .tr-cp-bg-grid {
      position: absolute;
      inset: 0;
      z-index: 0;
      opacity: 0.12;
      background:
        linear-gradient(rgba(255, 255, 255, 0.032) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, 0.032) 1px, transparent 1px);
      background-size: 76px 76px;
      mask-image: radial-gradient(circle at 55% 28%, black 0%, transparent 72%);
      pointer-events: none;
    }

    .tr-cp-wave {
      position: absolute;
      left: -8vw;
      right: -8vw;
      top: 126px;
      height: 390px;
      z-index: 0;
      opacity: 0.5;
      background:
        repeating-radial-gradient(ellipse at center,
          transparent 0 22px,
          rgba(2, 134, 255, 0.24) 24px 25px,
          transparent 27px 50px);
      transform: rotate(-3deg);
      mask-image: linear-gradient(90deg, transparent 0%, black 16%, black 82%, transparent 100%);
      pointer-events: none;
    }

    .tr-cp-wave::after {
      content: "";
      position: absolute;
      right: 0;
      top: 40px;
      width: 45%;
      height: 220px;
      border-radius: 50%;
      background: radial-gradient(circle, rgba(124, 61, 255, 0.28), transparent 68%);
      filter: blur(4px);
    }

    .tr-cp-shell {
      position: relative;
      z-index: 2;
      width: min(1552px, calc(100% - 112px));
      margin: 0 auto;
      padding: 72px 0 118px;
    }

    .tr-cp-hero {
      display: grid;
      grid-template-columns: minmax(0, 1fr) 470px;
      gap: 58px;
      align-items: end;
      min-height: 294px;
    }

    .tr-cp-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: var(--tr-cp-blue);
      font-size: 13px;
      line-height: 1;
      font-weight: 850;
      letter-spacing: 0.095em;
      text-transform: uppercase;
    }

    .tr-cp-eyebrow::before {
      content: "";
      width: 7px;
      height: 7px;
      border-radius: 999px;
      background: var(--tr-cp-blue);
      box-shadow: 0 0 16px rgba(2, 134, 255, 0.78);
    }

    .tr-cp-title {
      margin: 28px 0 0;
      color: #ffffff;
      font-size: clamp(58px, 5.15vw, 82px);
      line-height: 0.88;
      font-weight: 890;
      letter-spacing: -0.066em;
      text-shadow: 0 18px 48px rgba(0, 0, 0, 0.34);
    }

    .tr-cp-title span {
      display: inline-block;
      background: linear-gradient(90deg, var(--tr-cp-blue) 0%, var(--tr-cp-blue-2) 100%);
      -webkit-background-clip: text;
      background-clip: text;
      color: transparent;
      text-shadow: none;
    }

    .tr-cp-subtitle {
      max-width: 680px;
      margin: 22px 0 0;
      color: rgba(241, 246, 255, 0.9);
      font-size: 20px;
      line-height: 1.34;
      font-weight: 430;
      letter-spacing: -0.02em;
    }

    .tr-cp-date {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      margin-top: 25px;
      color: rgba(241, 246, 255, 0.82);
      font-size: 14px;
      line-height: 1;
      font-weight: 520;
      letter-spacing: -0.01em;
    }

    .tr-cp-date i,
    .tr-cp-icon-bubble {
      display: grid;
      place-items: center;
      flex: 0 0 auto;
      width: 34px;
      height: 34px;
      border-radius: 12px;
      color: #ffffff;
      background: rgba(2, 134, 255, 0.14);
      border: 1px solid var(--tr-cp-blue-border);
      box-shadow: 0 0 18px rgba(2, 134, 255, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.08);
      font-style: normal;
      font-size: 16px;
      font-weight: 900;
    }

    .tr-cp-commitment {
      position: relative;
      align-self: center;
      min-height: 240px;
      padding: 26px 30px;
      border-radius: 20px;
      background:
        radial-gradient(circle at 12% 0%, rgba(2, 134, 255, 0.18), transparent 34%),
        radial-gradient(circle at 100% 0%, rgba(124, 61, 255, 0.16), transparent 34%),
        linear-gradient(145deg, rgba(7, 18, 42, 0.82), rgba(3, 8, 22, 0.93));
      border: 1px solid rgba(2, 134, 255, 0.54);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.1),
        0 26px 76px rgba(0, 0, 0, 0.26),
        0 0 34px rgba(2, 134, 255, 0.12);
      overflow: hidden;
    }

    .tr-cp-commitment::before {
      content: "";
      position: absolute;
      inset: 0;
      border-radius: inherit;
      padding: 1px;
      background: linear-gradient(135deg, rgba(2, 134, 255, 0.72), rgba(124, 61, 255, 0.18), rgba(192, 44, 255, 0.66));
      -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
      -webkit-mask-composite: xor;
      mask-composite: exclude;
      pointer-events: none;
      opacity: 0.72;
    }

    .tr-cp-commit-top {
      display: grid;
      grid-template-columns: 52px 1fr;
      gap: 18px;
      align-items: start;
    }

    .tr-cp-commit-icon,
    .tr-cp-visual-icon {
      width: 52px;
      height: 52px;
      border-radius: 15px;
      display: grid;
      place-items: center;
      color: #ffffff;
      background: linear-gradient(135deg, rgba(2, 134, 255, 0.24), rgba(47, 120, 255, 0.1));
      border: 1px solid rgba(2, 134, 255, 0.48);
      box-shadow: 0 0 24px rgba(2, 134, 255, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.1);
      font-size: 24px;
      font-weight: 900;
    }

    .tr-cp-commitment h2 {
      margin: 0;
      color: #ffffff;
      font-size: 22px;
      line-height: 1.05;
      font-weight: 850;
      letter-spacing: -0.042em;
    }

    .tr-cp-commitment p {
      margin: 9px 0 0;
      color: rgba(241, 246, 255, 0.78);
      font-size: 14.5px;
      line-height: 1.34;
      letter-spacing: -0.012em;
    }

    .tr-cp-commit-list {
      display: grid;
      gap: 15px;
      margin-top: 22px;
    }

    .tr-cp-commit-list div {
      display: grid;
      grid-template-columns: 28px 1fr;
      gap: 13px;
      align-items: center;
      color: rgba(241, 246, 255, 0.86);
      font-size: 14px;
      line-height: 1.2;
      font-weight: 520;
      letter-spacing: -0.012em;
    }

    .tr-cp-commit-list i {
      width: 28px;
      height: 28px;
      border-radius: 999px;
      display: grid;
      place-items: center;
      color: #ffffff;
      background: rgba(2, 134, 255, 0.12);
      border: 1px solid rgba(2, 134, 255, 0.54);
      box-shadow: 0 0 16px rgba(2, 134, 255, 0.18);
      font-style: normal;
      font-size: 13px;
      font-weight: 900;
    }

    .tr-cp-choice-card,
    .tr-cp-table-card,
    .tr-cp-info-card {
      position: relative;
      border-radius: 20px;
      background:
        radial-gradient(circle at 12% 0%, rgba(2, 134, 255, 0.13), transparent 36%),
        radial-gradient(circle at 88% 100%, rgba(124, 61, 255, 0.12), transparent 38%),
        linear-gradient(145deg, rgba(7, 18, 42, 0.78), rgba(4, 10, 24, 0.9));
      border: 1px solid rgba(2, 134, 255, 0.42);
      box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, 0.08),
        0 18px 52px rgba(0, 0, 0, 0.18),
        0 0 30px rgba(2, 134, 255, 0.08);
      overflow: hidden;
    }

    .tr-cp-choice-card {
      display: grid;
      grid-template-columns: 104px minmax(0, 1fr) 310px;
      gap: 28px;
      align-items: center;
      min-height: 158px;
      margin-top: 28px;
      padding: 26px 32px;
    }

    .tr-cp-big-icon {
      width: 84px;
      height: 84px;
      border-radius: 24px;
      display: grid;
      place-items: center;
      color: #ffffff;
      background: radial-gradient(circle at 50% 38%, rgba(2, 134, 255, 0.24), rgba(2, 134, 255, 0.08) 62%, rgba(2, 134, 255, 0.02));
      border: 1px solid rgba(2, 134, 255, 0.34);
      box-shadow: 0 0 28px rgba(2, 134, 255, 0.16), inset 0 1px 0 rgba(255, 255, 255, 0.09);
      font-size: 32px;
      font-weight: 900;
    }

    .tr-cp-choice-card h2,
    .tr-cp-table-card h2,
    .tr-cp-info-card h3 {
      margin: 0;
      color: #ffffff;
      font-weight: 860;
      letter-spacing: -0.045em;
    }

    .tr-cp-choice-card h2 {
      font-size: 26px;
      line-height: 1.05;
    }

    .tr-cp-choice-card p {
      max-width: 780px;
      margin: 10px 0 0;
      color: rgba(241, 246, 255, 0.82);
      font-size: 16.5px;
      line-height: 1.42;
      letter-spacing: -0.014em;
    }

    .tr-cp-choice-card a,
    .tr-cp-info-card a,
    .tr-cp-contact a,
    .tr-cp-mobile a {
      color: var(--tr-cp-blue) !important;
      text-decoration: none !important;
      font-weight: 760;
    }

    .tr-cp-choice-card a:hover,
    .tr-cp-info-card a:hover,
    .tr-cp-contact a:hover,
    .tr-cp-mobile a:hover {
      color: var(--tr-cp-blue-2) !important;
    }

    .tr-cp-choice-visual {
      position: relative;
      width: 272px;
      height: 114px;
      justify-self: end;
    }

    .tr-cp-browser {
      position: absolute;
      left: 0;
      top: 0;
      width: 228px;
      height: 114px;
      border-radius: 16px;
      background:
        radial-gradient(circle at 26% 38%, rgba(2, 134, 255, 0.2), transparent 44%),
        linear-gradient(145deg, rgba(5, 15, 37, 0.86), rgba(3, 9, 24, 0.96));
      border: 1px solid rgba(2, 134, 255, 0.54);
      box-shadow: 0 0 28px rgba(2, 134, 255, 0.14);
      overflow: hidden;
    }

    .tr-cp-browser::before {
      content: "";
      position: absolute;
      left: 15px;
      top: 12px;
      width: 8px;
      height: 8px;
      border-radius: 999px;
      background: var(--tr-cp-blue);
      box-shadow: 16px 0 0 rgba(2, 134, 255, 0.66), 32px 0 0 rgba(2, 134, 255, 0.38);
    }

    .tr-cp-browser-card {
      position: absolute;
      left: 28px;
      right: 28px;
      bottom: 20px;
      height: 58px;
      display: grid;
      grid-template-columns: 54px 1fr;
      gap: 15px;
      align-items: center;
      padding: 10px 14px;
      border-radius: 12px;
      background: rgba(2, 134, 255, 0.08);
      border: 1px solid rgba(2, 134, 255, 0.16);
    }

    .tr-cp-browser-lines span {
      display: block;
      height: 6px;
      margin: 7px 0;
      border-radius: 999px;
      background: rgba(113, 148, 207, 0.16);
    }

    .tr-cp-cookie-dot {
      position: absolute;
      right: 0;
      bottom: -12px;
      width: 76px;
      height: 76px;
      border-radius: 50%;
      background:
        radial-gradient(circle at 34% 34%, rgba(2, 134, 255, 0.18), transparent 34%),
        rgba(2, 13, 34, 0.94);
      border: 2px solid rgba(148, 184, 255, 0.8);
      box-shadow: 0 0 26px rgba(2, 134, 255, 0.16);
    }

    .tr-cp-cookie-dot i {
      position: absolute;
      width: 7px;
      height: 7px;
      border-radius: 50%;
      background: rgba(148, 184, 255, 0.86);
    }

    .tr-cp-cookie-dot i:nth-child(1) {
      left: 22px;
      top: 20px;
    }

    .tr-cp-cookie-dot i:nth-child(2) {
      right: 20px;
      top: 22px;
    }

    .tr-cp-cookie-dot i:nth-child(3) {
      left: 27px;
      bottom: 19px;
    }

    .tr-cp-cookie-dot i:nth-child(4) {
      right: 26px;
      bottom: 28px;
    }

    .tr-cp-table-card {
      margin-top: 14px;
      padding: 26px 30px 28px;
    }

    .tr-cp-table-head {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      gap: 30px;
      margin-bottom: 22px;
    }

    .tr-cp-table-card h2 {
      font-size: 27px;
      line-height: 1.05;
    }

    .tr-cp-table-card p {
      margin: 9px 0 0;
      max-width: 760px;
      color: rgba(241, 246, 255, 0.76);
      font-size: 15.5px;
      line-height: 1.36;
      letter-spacing: -0.012em;
    }

    .tr-cp-table-note {
      max-width: 420px;
      color: rgba(241, 246, 255, 0.68);
      font-size: 13.5px;
      line-height: 1.32;
      text-align: right;
      letter-spacing: -0.012em;
    }

    .tr-cp-cookie-table {
      display: grid;
      grid-template-columns: 1.22fr 1.45fr 1.33fr 0.82fr 0.72fr;
      border: 1px solid rgba(118, 156, 255, 0.26);
      border-radius: 14px;
      overflow: hidden;
      background: rgba(3, 10, 27, 0.48);
    }

    .tr-cp-table-row {
      display: contents;
    }

    .tr-cp-cell {
      min-height: 86px;
      padding: 16px 18px;
      display: flex;
      align-items: center;
      border-bottom: 1px solid rgba(118, 156, 255, 0.18);
      border-right: 1px solid rgba(118, 156, 255, 0.16);
      color: rgba(241, 246, 255, 0.82);
      font-size: 14.5px;
      line-height: 1.34;
      letter-spacing: -0.012em;
    }

    .tr-cp-table-row:last-child .tr-cp-cell {
      border-bottom: none;
    }

    .tr-cp-cell:nth-child(5n) {
      border-right: none;
    }

    .tr-cp-head-cell {
      min-height: 48px;
      color: var(--tr-cp-blue);
      font-size: 13px;
      font-weight: 850;
      letter-spacing: 0.01em;
      background: rgba(2, 134, 255, 0.04);
    }

    .tr-cp-type {
      display: grid;
      grid-template-columns: 48px 1fr;
      gap: 14px;
      align-items: center;
    }

    .tr-cp-type-icon {
      width: 48px;
      height: 48px;
      border-radius: 12px;
      display: grid;
      place-items: center;
      color: #ffffff;
      background:
        radial-gradient(circle at 35% 20%, rgba(2, 134, 255, 0.2), transparent 52%),
        rgba(2, 134, 255, 0.08);
      border: 1px solid rgba(2, 134, 255, 0.5);
      box-shadow: 0 0 18px rgba(2, 134, 255, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.08);
      font-size: 22px;
      font-weight: 900;
    }

    .tr-cp-type strong {
      display: inline;
      color: #ffffff;
      font-size: 15.5px;
      line-height: 1.12;
      font-weight: 830;
      letter-spacing: -0.025em;
    }

    .tr-cp-pill {
      display: inline-flex;
      align-items: center;
      min-height: 22px;
      margin-left: 8px;
      padding: 0 9px;
      border-radius: 999px;
      color: var(--tr-cp-blue);
      background: rgba(2, 134, 255, 0.12);
      border: 1px solid rgba(2, 134, 255, 0.2);
      font-size: 10px;
      line-height: 1;
      font-weight: 820;
      letter-spacing: -0.004em;
      vertical-align: 2px;
      white-space: nowrap;
    }

    .tr-cp-duration {
      color: rgba(241, 246, 255, 0.92);
      font-weight: 660;
    }

    .tr-cp-status {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: rgba(241, 246, 255, 0.86);
      font-weight: 650;
      white-space: nowrap;
    }

    .tr-cp-status-icon {
      width: 26px;
      height: 26px;
      flex: 0 0 26px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      font-size: 13px;
      font-style: normal;
    }

    .tr-cp-status-lock {
      border-radius: 9px;
      color: #ffffff;
      background: rgba(2, 134, 255, 0.1);
      border: 1px solid rgba(2, 134, 255, 0.42);
    }

    .tr-cp-status-open {
      border: 2px solid rgba(148, 184, 255, 0.82);
      background: rgba(2, 134, 255, 0.04);
      box-shadow: 0 0 14px rgba(2, 134, 255, 0.12);
    }

    .tr-cp-info-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
      margin-top: 16px;
    }

    .tr-cp-info-card {
      min-height: 172px;
      padding: 26px 26px 22px;
      display: grid;
      grid-template-columns: 74px 1fr;
      gap: 20px;
      align-items: start;
    }

    .tr-cp-info-card .tr-cp-info-icon {
      width: 68px;
      height: 68px;
      border-radius: 50%;
      display: grid;
      place-items: center;
      color: #ffffff;
      background: rgba(2, 134, 255, 0.1);
      border: 1px solid rgba(2, 134, 255, 0.22);
      box-shadow: 0 0 22px rgba(2, 134, 255, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.08);
      font-size: 31px;
      font-weight: 900;
    }

    .tr-cp-info-card h3 {
      font-size: 22px;
      line-height: 1.05;
    }

    .tr-cp-info-card p {
      margin: 9px 0 0;
      color: rgba(241, 246, 255, 0.74);
      font-size: 15px;
      line-height: 1.36;
      letter-spacing: -0.012em;
    }

    .tr-cp-info-card a {
      display: inline-flex;
      align-items: center;
      gap: 8px;
      margin-top: 12px;
      font-size: 14.5px;
      line-height: 1;
      font-weight: 780;
    }

    .tr-cp-contact {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 16px 22px;
      margin-top: 16px;
      color: rgba(241, 246, 255, 0.72);
      font-size: 14.5px;
      line-height: 1.1;
    }

    .tr-cp-contact span {
      display: inline-flex;
      align-items: center;
      gap: 9px;
    }

    .tr-cp-mobile {
      display: none;
    }

    @media (max-width: 1180px) {
      .tr-cp-shell {
        width: min(100% - 48px, 1020px);
      }

      .tr-cp-hero {
        grid-template-columns: 1fr;
        gap: 28px;
        min-height: 0;
      }

      .tr-cp-commitment {
        max-width: 560px;
      }

      .tr-cp-choice-card {
        grid-template-columns: 88px 1fr;
      }

      .tr-cp-choice-visual {
        display: none;
      }

      .tr-cp-cookie-table {
        grid-template-columns: 1.1fr 1.28fr 1.16fr 0.78fr 0.68fr;
      }

      .tr-cp-info-grid {
        grid-template-columns: 1fr;
      }
    }

    @media (max-width: 900px) {
      .trustelis-cookie-page {
        width: 100%;
        max-width: 100%;
        margin: 0;
        background:
          radial-gradient(circle at 14% 2%, rgba(2, 134, 255, 0.22), transparent 32%),
          radial-gradient(circle at 100% 18%, rgba(124, 61, 255, 0.18), transparent 36%),
          linear-gradient(180deg, #020614 0%, #061127 52%, #020614 100%);
      }

      .tr-cp-bg-grid,
      .tr-cp-wave,
      .tr-cp-shell {
        display: none;
      }

      .tr-cp-mobile {
        position: relative;
        z-index: 2;
        display: block;
        width: 100%;
        padding: 10px 12px 32px;
        overflow-x: hidden;
      }

      .tr-cp-m-shell {
        width: 100%;
        max-width: 430px;
        margin: 0 auto;
        padding: 16px 13px 18px;
        border-radius: 28px;
        background:
          radial-gradient(circle at 16% 0%, rgba(2, 134, 255, 0.2), transparent 32%),
          radial-gradient(circle at 100% 18%, rgba(124, 61, 255, 0.17), transparent 34%),
          linear-gradient(145deg, rgba(7, 18, 42, 0.82), rgba(3, 8, 22, 0.94));
        border: 1px solid rgba(105, 150, 255, 0.3);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1), 0 24px 70px rgba(0, 0, 0, 0.36);
      }

      .tr-cp-m-eyebrow {
        display: inline-flex;
        align-items: center;
        gap: 8px;
        color: var(--tr-cp-blue);
        font-size: 10.5px;
        line-height: 1;
        font-weight: 850;
        letter-spacing: 0.1em;
        text-transform: uppercase;
      }

      .tr-cp-m-eyebrow::before {
        content: "";
        width: 6px;
        height: 6px;
        border-radius: 999px;
        background: var(--tr-cp-blue);
        box-shadow: 0 0 13px rgba(2, 134, 255, 0.8);
      }

      .tr-cp-m-title {
        margin: 15px 0 0;
        color: #ffffff;
        font-size: clamp(40px, 11vw, 52px);
        line-height: 0.9;
        font-weight: 890;
        letter-spacing: -0.066em;
      }

      .tr-cp-m-title span {
        background: linear-gradient(90deg, var(--tr-cp-blue) 0%, var(--tr-cp-blue-2) 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
      }

      .tr-cp-m-subtitle,
      .tr-cp-m-card p,
      .tr-cp-m-cookie p,
      .tr-cp-m-info p {
        color: rgba(241, 246, 255, 0.78);
        font-size: 13.2px;
        line-height: 1.36;
        letter-spacing: -0.012em;
      }

      .tr-cp-m-subtitle {
        margin: 12px 0 0;
      }

      .tr-cp-m-date {
        display: inline-flex;
        align-items: center;
        gap: 9px;
        margin-top: 14px;
        color: rgba(241, 246, 255, 0.78);
        font-size: 11.8px;
        font-weight: 560;
      }

      .tr-cp-m-date i {
        width: 28px;
        height: 28px;
        border-radius: 10px;
        display: grid;
        place-items: center;
        color: #ffffff;
        background: rgba(2, 134, 255, 0.12);
        border: 1px solid rgba(2, 134, 255, 0.34);
        font-style: normal;
      }

      .tr-cp-m-card,
      .tr-cp-m-cookie,
      .tr-cp-m-info {
        margin-top: 13px;
        padding: 14px;
        border-radius: 19px;
        background:
          radial-gradient(circle at 18% 0%, rgba(2, 134, 255, 0.14), transparent 34%),
          radial-gradient(circle at 96% 100%, rgba(192, 44, 255, 0.1), transparent 38%),
          linear-gradient(145deg, rgba(7, 18, 42, 0.78), rgba(4, 10, 24, 0.88));
        border: 1px solid rgba(2, 134, 255, 0.28);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.07);
      }

      .tr-cp-m-card h2,
      .tr-cp-m-section-title,
      .tr-cp-m-cookie h3,
      .tr-cp-m-info h3 {
        margin: 0;
        color: #ffffff;
        font-size: 20px;
        line-height: 1.05;
        font-weight: 850;
        letter-spacing: -0.045em;
      }

      .tr-cp-m-card p,
      .tr-cp-m-cookie p,
      .tr-cp-m-info p {
        margin: 8px 0 0;
      }

      .tr-cp-m-commit-list {
        display: grid;
        gap: 8px;
        margin-top: 11px;
      }

      .tr-cp-m-commit-list div {
        display: grid;
        grid-template-columns: 24px 1fr;
        gap: 9px;
        align-items: center;
        color: rgba(241, 246, 255, 0.78);
        font-size: 12px;
        line-height: 1.22;
      }

      .tr-cp-m-commit-list i {
        width: 24px;
        height: 24px;
        border-radius: 999px;
        display: grid;
        place-items: center;
        color: #ffffff;
        background: rgba(2, 134, 255, 0.12);
        border: 1px solid rgba(2, 134, 255, 0.42);
        font-style: normal;
        font-size: 11px;
        font-weight: 900;
      }

      .tr-cp-m-section-title {
        margin-top: 16px;
      }

      .tr-cp-m-section-copy {
        margin: 8px 0 0;
        color: rgba(241, 246, 255, 0.66);
        font-size: 12.4px;
        line-height: 1.34;
      }

      .tr-cp-m-cookie-head {
        display: grid;
        grid-template-columns: 42px 1fr;
        gap: 11px;
        align-items: center;
      }

      .tr-cp-m-cookie-icon {
        width: 42px;
        height: 42px;
        border-radius: 12px;
        display: grid;
        place-items: center;
        color: #ffffff;
        background: rgba(2, 134, 255, 0.08);
        border: 1px solid rgba(2, 134, 255, 0.38);
        font-size: 20px;
        font-weight: 900;
      }

      .tr-cp-m-cookie h3 {
        font-size: 16px;
        letter-spacing: -0.034em;
      }

      .tr-cp-m-badge-row {
        display: flex;
        align-items: center;
        gap: 8px;
        margin-top: 5px;
      }

      .tr-cp-m-pill {
        display: inline-flex;
        align-items: center;
        min-height: 21px;
        padding: 0 8px;
        border-radius: 999px;
        color: var(--tr-cp-blue);
        background: rgba(2, 134, 255, 0.12);
        border: 1px solid rgba(2, 134, 255, 0.2);
        font-size: 10px;
        line-height: 1;
        font-weight: 820;
      }

      .tr-cp-m-meta {
        display: grid;
        grid-template-columns: 1fr;
        gap: 7px;
        margin-top: 11px;
        padding-top: 10px;
        border-top: 1px solid rgba(118, 156, 255, 0.18);
      }

      .tr-cp-m-meta div {
        color: rgba(241, 246, 255, 0.7);
        font-size: 11.5px;
        line-height: 1.27;
      }

      .tr-cp-m-meta strong {
        color: rgba(241, 246, 255, 0.94);
        font-weight: 760;
      }

      .tr-cp-m-info h3 {
        font-size: 17px;
        letter-spacing: -0.035em;
      }

      .tr-cp-m-contact {
        display: grid;
        gap: 8px;
        margin-top: 11px;
        color: rgba(241, 246, 255, 0.72);
        font-size: 12px;
      }

      .tr-cp-mobile a {
        color: var(--tr-cp-blue) !important;
        text-decoration: none !important;
        font-weight: 760;
      }
    }

    @media (max-width: 380px) {
      .tr-cp-mobile {
        padding-left: 10px;
        padding-right: 10px;
      }

      .tr-cp-m-shell {
        padding: 14px 10px 16px;
        border-radius: 24px;
      }

      .tr-cp-m-title {
        font-size: 38px;
      }
    }