:root {
  --warna-utama: #446cb8;
  --warna-utama-gelap: #274a8f;
  --warna-utama-pekat: #132b5f;
  --warna-utama-muda: #8fb0ff;
  --warna-utama-soft: #e9f0ff;

  --biru-es: #dce8ff;
  --biru-langit: #9fc0ff;
  --biru-tua: #10234f;
  --biru-hitam: #071329;

  --putih: #ffffff;
  --hitam: #050912;
  --abu-gelap: #1b2540;
  --abu: #7282a6;
  --abu-muda: #d8e1f5;

  --color-grey-1000: #000000;
  --color-grey-1000-mask: rgba(0, 0, 0, 0.78);
  --color-grey-700: #111a33;
  --color-grey-500: #283759;
  --color-grey-300: #7c8caf;
  --color-grey-100: #cfd9f0;
  --color-grey-50: #eef3ff;
  --color-grey-25: #f8fbff;
  --color-white: #ffffff;
  --color-white-mask: rgba(255, 255, 255, 0.82);

  --color-green-1000: #132b5f;
  --color-green-700: #274a8f;
  --color-green-500: #446cb8;
  --color-green-300: #8fb0ff;
  --color-green-100: #c7d8ff;
  --color-green-25: #eef4ff;

  --color-blue-1000: #10234f;
  --color-blue-500: #446cb8;
  --color-blue-25: #eef4ff;
  --color-transparent: transparent;

  --breakpoint-wide: 1024px;
  --breakpoint-extra-wide: 1440px;
  --breakpoint-2k-wide: 2560px;

  --spacing-8x: 128px;
  --spacing-7x: 64px;
  --spacing-6x: 40px;
  --spacing-5x: 32px;
  --spacing-4x: 24px;
  --spacing-3x: 16px;
  --spacing-2x: 8px;
  --spacing-1x: 4px;
  --spacing-none: 0px;

  --chunkiness-none: 0px;
  --chunkiness-thin: 1px;
  --chunkiness-thick: 3px;

  --roundness-square: 0px;
  --roundness-subtle: 8px;
  --roundness-extra-round: 22px;
  --roundness-circle: 48px;

  --shadow-500: 8px 8px 0 rgba(7, 19, 41, 0.45);
  --shadow-glow: 0 0 28px rgba(68, 108, 184, 0.62);
  --elevation-medium: var(--shadow-500);

  --transition-base: 0.22s;
  --transition-duration-long: 500ms;
  --transition-duration-medium: 300ms;
  --transition-duration-short: 150ms;
  --transition-easing-linear: cubic-bezier(0, 0, 1, 1);
  --transition-easing-ease-in: cubic-bezier(0.42, 0, 1, 1);
  --transition-easing-ease-in-out: cubic-bezier(0.42, 0, 0.58, 1);
  --transition-easing-ease-out: cubic-bezier(0, 0, 0.58, 1);

  --font-family-wide: "PolySansWide", "PolySans", "Inter", -apple-system, sans-serif;
  --font-family-regular: "PolySans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-family-monospace: "Courier New", monospace;

  --font-size-8x: 3rem;
  --font-size-3x: 1rem;
  --font-size-2x: 0.875rem;
  --font-weight-bulky: 700;
  --font-weight-median: 600;
  --font-weight-neutral: 400;

  --color-interactive-primary: var(--warna-utama);
  --color-interactive-primary-hover: var(--warna-utama-muda);
  --color-interactive-secondary: var(--color-transparent);
  --color-interactive-secondary-hover: var(--biru-hitam);
  --color-interactive-control: var(--biru-hitam);
  --color-interactive-control-hover: var(--warna-utama);

  --color-surface-primary: var(--warna-utama);
  --color-surface-accent: var(--warna-utama-gelap);
  --color-surface-inverse: var(--biru-hitam);

  --color-content-brand: var(--warna-utama-pekat);
  --color-content-primary: var(--hitam);
  --color-content-inverse: var(--putih);
  --color-content-secondary: #263f78;

  --color-border-primary: var(--biru-hitam);
  --color-border-secondary: var(--putih);
  --color-border-tertiary: rgba(255, 255, 255, 0.45);
  --color-always-white: var(--putih);
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  padding: 0;
  color: var(--hitam);
  font-family: var(--font-family-regular);
  background-color: #446cb8;
  background-image:
    radial-gradient(circle at 12% 10%, rgba(255,255,255,0.28), transparent 26%),
    radial-gradient(circle at 86% 12%, rgba(143,176,255,0.32), transparent 24%),
    radial-gradient(circle at 50% 100%, rgba(7,19,41,0.42), transparent 42%),
    linear-gradient(135deg, #446cb8 0%, #365fae 42%, #132b5f 100%);
  background-attachment: fixed;
  overflow-x: hidden;
}

.color-scheme-light {
  --color-interactive-primary: var(--warna-utama);
  --color-interactive-primary-hover: var(--warna-utama-muda);
  --color-interactive-secondary: var(--color-transparent);
  --color-interactive-secondary-hover: var(--biru-hitam);
  --color-interactive-control: var(--biru-hitam);
  --color-interactive-control-hover: var(--warna-utama-pekat);

  --color-surface-primary: var(--warna-utama);
  --color-surface-accent: var(--warna-utama-gelap);
  --color-surface-inverse: var(--biru-hitam);

  --color-content-brand: #19356e;
  --color-content-primary: #071329;
  --color-content-inverse: var(--putih);
  --color-content-secondary: #2e4d92;

  --color-border-primary: var(--biru-hitam);
  --color-border-secondary: var(--putih);
  --color-border-tertiary: rgba(255, 255, 255, 0.55);
  --color-always-white: var(--putih);
}

.color-scheme-dark {
  --color-interactive-primary: var(--warna-utama);
  --color-interactive-primary-hover: var(--warna-utama-muda);
  --color-interactive-secondary: var(--color-transparent);
  --color-interactive-secondary-hover: var(--putih);
  --color-interactive-control: var(--putih);
  --color-interactive-control-hover: var(--warna-utama);

  --color-surface-primary: var(--biru-hitam);
  --color-surface-accent: var(--abu-gelap);
  --color-surface-inverse: var(--putih);

  --color-content-brand: var(--warna-utama-muda);
  --color-content-primary: var(--putih);
  --color-content-inverse: var(--biru-hitam);
  --color-content-secondary: var(--abu-muda);

  --color-border-primary: var(--warna-utama);
  --color-border-secondary: var(--putih);
  --color-border-tertiary: var(--abu);
  --color-always-white: var(--putih);
}

.garis-keren {
  position: relative;
  isolation: isolate;
  border: var(--chunkiness-thick) solid rgba(255,255,255,0.75);
  border-radius: 18px;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.97), rgba(220,232,255,0.93));
  color: #10234f;
  box-shadow: var(--shadow-500), var(--shadow-glow);
  overflow: hidden;
}

.garis-keren::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background:
    linear-gradient(90deg, transparent, rgba(68,108,184,0.18), transparent);
  transform: translateX(-100%);
  animation: panelSweep 5s ease-in-out infinite;
}

.brand-neue-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-2x);
  min-height: 42px;
  border-radius: 999px;
  background:
    linear-gradient(135deg, #ffffff 0%, #dce8ff 45%, #8fb0ff 100%);
  color: #132b5f;
  font-family: PolySans-Median, var(--font-family-regular);
  font-size: var(--font-size-2x);
  font-weight: 900;
  letter-spacing: 0.08em;
  text-align: center;
  padding: 0 24px;
  border: 2px solid rgba(255,255,255,0.9);
  box-shadow: 0 8px 0 #132b5f, 0 0 22px rgba(143,176,255,0.42);
  text-transform: uppercase;
  transition: all 0.25s ease;
}

.brand-neue-button:hover,
.brand-neue-button:active,
.brand-neue-button:focus {
  background: linear-gradient(135deg, #132b5f, #446cb8);
  color: #ffffff;
  border-color: #dce8ff;
  box-shadow: 0 0 22px rgba(220,232,255,0.72);
  transform: translateY(-3px);
}

.brand-neue-button__open-in-new::after {
  font-size: 0;
  margin-left: 6px;
  vertical-align: sub;
  content: url("data:image/svg+xml,<svg width='14' height='14' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'><path d='M17.5 12.0833V15.8333C17.5 16.7538 16.7538 17.5 15.8333 17.5H4.16667C3.24619 17.5 2.5 16.7538 2.5 15.8333V4.16667C2.5 3.24619 3.24619 2.5 4.16667 2.5H7.91667C8.14679 2.5 8.33333 2.68655 8.33333 2.91667V3.75C8.33333 3.98012 8.14679 4.16667 7.91667 4.16667H4.16667V15.8333H15.8333V12.0833C15.8333 11.8532 16.0199 11.6667 16.25 11.6667H17.0833C17.3135 11.6667 17.5 11.8532 17.5 12.0833ZM17.3167 2.91667L17.0917 2.69167C16.98 2.57535 16.8278 2.50668 16.6667 2.5H11.25C11.0199 2.5 10.8333 2.68655 10.8333 2.91667V3.75C10.8333 3.98012 11.0199 4.16667 11.25 4.16667H14.6583L7.625 11.2C7.54612 11.2782 7.50175 11.3847 7.50175 11.4958C7.50175 11.6069 7.54612 11.7134 7.625 11.7917L8.20833 12.375C8.28657 12.4539 8.39307 12.4982 8.50417 12.4982C8.61527 12.4982 8.72176 12.4539 8.8 12.375L15.8333 5.35V8.75C15.8333 8.98012 16.0199 9.16667 16.25 9.16667H17.0833C17.3135 9.16667 17.5 8.98012 17.5 8.75V3.33333C17.4955 3.17342 17.4299 3.02132 17.3167 2.90833V2.91667Z' fill='%23132b5f'/></svg>");
}

.header-mini1 {
  position: relative;
  height: 46px;
  overflow: hidden;
  line-height: 46px;
  font-size: 18px;
  font-weight: 900;
  color: #fff4b8;
  background:
    linear-gradient(90deg, #132b5f, #446cb8, #8fb0ff, #274a8f);
  background-size: 300% 100%;
  border-left: 16px solid #dce8ff;
  border-right: 16px solid #dce8ff;
  border-bottom: 3px solid rgba(255,255,255,0.85);
  text-shadow: 0 2px 0 rgba(0,0,0,0.5), 0 0 14px rgba(255,255,255,0.45);
  box-shadow: 0 6px 24px rgba(7,19,41,0.55);
  animation: blueFlow 4s linear infinite;
}

.scrolling-wrapper {
  display: flex;
  width: max-content;
  position: absolute;
  animation: scrollInfinite 13s cubic-bezier(0.25, 1, 0.5, 1) infinite;
}

.scrolling-text {
  white-space: nowrap;
  padding-right: 55px;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 1.4px;
  color: #f9e27d;
  text-transform: uppercase;
  text-shadow:
    -1px -1px 0 #10234f,
     1px -1px 0 #10234f,
    -1px  1px 0 #10234f,
     1px  1px 0 #10234f,
     0 0 12px rgba(255,255,255,0.75);
  opacity: 0;
  animation: fadeInMove 1.6s ease-out forwards, textFloat 1.8s ease-in-out infinite alternate;
}

.header-mini {
  height: 88px;
  position: relative;
  text-align: center;
  background:
    radial-gradient(circle at center, rgba(143,176,255,0.24), transparent 46%),
    linear-gradient(135deg, #071329 0%, #132b5f 55%, #446cb8 100%);
  border-top: 5px solid #dce8ff;
  border-bottom: 5px solid #8fb0ff;
  box-shadow: 0 8px 28px rgba(7,19,41,0.65);
  overflow: hidden;
}

.header-mini::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px);
  background-size: 26px 26px;
  mask-image: linear-gradient(90deg, transparent, #000 20%, #000 80%, transparent);
}

.page-tabs .selected a {
  background:
    linear-gradient(135deg, #dce8ff 0%, #8fb0ff 50%, #446cb8 100%);
  color: #071329;
  font-weight: 900;
  border: 2px solid #ffffff;
  border-radius: 999px;
  box-shadow: 0 0 18px rgba(220,232,255,0.8);
  text-transform: uppercase;
  letter-spacing: 1px;
  transition: all 0.3s ease;
}

.page-tabs .selected a:hover {
  background: #071329;
  color: #ffffff;
  border-color: #8fb0ff;
}

.global-header {
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: auto;
  position: relative;
  font-family: var(--font-family-regular);
  font-size: 13px;
  padding-bottom: 10px;
  background:
    linear-gradient(90deg, #071329 0%, #132b5f 38%, #446cb8 72%, #8fb0ff 100%);
  border-bottom: 3px solid rgba(255,255,255,0.78);
  box-shadow: 0 10px 30px rgba(7,19,41,0.58);
}

a.header-categories__main-link {
  color: #f9e27d;
  text-transform: uppercase;
  font-weight: 900;
  letter-spacing: 1.2px;
  text-shadow: 0 0 12px rgba(249,226,125,0.62);
}

.header-categories {
  height: 52px;
  background:
    linear-gradient(90deg, #10234f, #274a8f, #10234f);
  border-bottom: 2px solid #dce8ff;
  box-shadow: 0 6px 18px rgba(7,19,41,0.52);
}

.grid-container.-layout-wide {
  max-width: 1408px;
  margin-left: auto;
  margin-right: auto;
  padding: 22px 18px 90px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.94), rgba(220,232,255,0.9));
  border-left: 2px solid rgba(255,255,255,0.52);
  border-right: 2px solid rgba(255,255,255,0.52);
  box-shadow: 0 0 38px rgba(7,19,41,0.24);
}

.sidebar-l.sidebar-right {
  font-family: Arial, sans-serif;
  background:
    linear-gradient(180deg, #071329 0%, #132b5f 62%, #274a8f 100%);
  border: 2px solid rgba(220,232,255,0.85);
  border-radius: 22px;
  box-shadow:
    -8px 8px 0 rgba(7,19,41,0.5),
    0 0 26px rgba(68,108,184,0.5);
  overflow: hidden;
}

.pricebox-container {
  background:
    linear-gradient(145deg, #ffffff 0%, #e9f0ff 55%, #c7d8ff 100%);
  border: 2px solid rgba(19,43,95,0.55);
  border-radius: 20px;
  padding: 14px;
  box-shadow:
    inset 0 0 20px rgba(68,108,184,0.14),
    0 12px 28px rgba(7,19,41,0.2);
  color: #132b5f;
}

.purchase-panel {
  display: block;
  position: relative;
  padding: 18px;
  color: #fff4b8;
  background:
    radial-gradient(circle at top right, rgba(255,255,255,0.22), transparent 35%),
    linear-gradient(135deg, #10234f 0%, #446cb8 58%, #274a8f 100%);
  border: 2px solid rgba(255,255,255,0.86);
  border-radius: 22px;
  box-shadow:
    inset 0 0 26px rgba(7,19,41,0.48),
    0 0 22px rgba(143,176,255,0.48);
  overflow: hidden;
}

.purchase-panel::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      -35deg,
      rgba(255,255,255,0.08) 0px,
      rgba(255,255,255,0.08) 2px,
      transparent 2px,
      transparent 12px
    );
  pointer-events: none;
}

.purchase-form__selection {
  margin-bottom: 12px;
  color: #e2ffcf;
}

.purchase-form__license-dropdown {
  display: block;
  margin: 0 auto;
  padding: 10px 36px;
  cursor: pointer;
  text-align: center;
  font-weight: 900;
  text-transform: uppercase;
  color: #132b5f;
  background: #ffffff;
  border: 2px solid #dce8ff;
  border-radius: 999px;
  box-shadow: 0 7px 0 rgba(7,19,41,0.55);
  transition: all 0.3s ease;
}

.purchase-form__license-dropdown:hover {
  color: #ffffff;
  background: #132b5f;
  border-color: #8fb0ff;
  box-shadow: 0 0 20px rgba(220,232,255,0.72);
  transform: translateY(-3px);
}

.flyout__body {
  z-index: 10;
  padding: 18px;
  color: #fff4b8;
  background:
    linear-gradient(180deg, #071329, #132b5f);
  border: 2px solid #8fb0ff;
  border-radius: 18px;
  box-shadow:
    8px 8px 0 rgba(7,19,41,0.48),
    0 0 26px rgba(143,176,255,0.5);
}

.license-selector__item {
  padding: 11px 0;
  border-bottom: 1px dashed rgba(220,232,255,0.45);
  color: #dfffe0;
}

.license-selector__item:last-child {
  border-bottom: none;
}

.license-selector__price {
  font-weight: 900;
  font-size: 1.2em;
  color: #f9e27d;
  text-shadow: 0 2px 0 #071329, 0 0 12px rgba(249,226,125,0.7);
}

.purchase-form__support ul {
  padding: 0;
  margin: 0;
  list-style: none;
}

.t-icon-list__item {
  margin-bottom: 7px;
  font-size: 14px;
  font-weight: 700;
  color: #dce8ff;
}

.t-icon-list__item:nth-child(2n) {
  color: #e2ffcf;
}

.t-icon-list__item:nth-child(3n) {
  color: #fff4b8;
}

.t-icon-list__item.-icon-ok::before {
  content: "◆";
  color: #8fb0ff;
  margin-right: 8px;
  font-weight: 900;
  text-shadow: 0 0 8px rgba(143,176,255,0.9);
}

.purchase-form__upgrade-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-top: 12px;
}

.purchase-form__price--before-after-price {
  color: #ffffff;
  font-size: 14px;
  font-weight: 900;
}

.purchase-form__renewal-price--strikethrough {
  text-decoration: line-through;
  color: #ffd1d1;
  margin-right: 4px;
  font-weight: 900;
}

.item-preview {
  position: relative;
  min-height: 245px;
  padding: 16px;
  text-align: center;
  color: #ffffff;
  background:
    radial-gradient(circle at top, rgba(143,176,255,0.34), transparent 42%),
    linear-gradient(135deg, #071329 0%, #10234f 48%, #274a8f 100%);
  border: 2px solid rgba(220,232,255,0.65);
  border-bottom: 7px solid #8fb0ff;
  border-radius: 20px;
  box-shadow: 0 0 26px rgba(68,108,184,0.45);
  overflow: hidden;
}

.item-preview::after {
  content: "";
  position: absolute;
  inset: 12px;
  border: 1px solid rgba(255,255,255,0.15);
  border-radius: 16px;
  pointer-events: none;
}

.footer-cta {
  position: fixed;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 9999;
  padding: 18px 20px;
  background:
    linear-gradient(90deg, #071329 0%, #132b5f 45%, #446cb8 100%);
  border-top: 4px solid #dce8ff;
  box-shadow: 0 -8px 30px rgba(7,19,41,0.62);
  overflow: hidden;
}

.footer-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, transparent, rgba(255,255,255,0.18), transparent);
  transform: translateX(-100%);
  animation: footerLight 4s ease-in-out infinite;
}

.cta-footer {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 680px;
  margin: 0 auto;
  gap: 18px;
}

.cta-footer .btn {
  position: relative;
  z-index: 0;
  flex: 1;
  padding: 14px 0;
  overflow: hidden;
  border-radius: 999px;
  text-decoration: none;
  text-align: center;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: 2px;
  text-transform: uppercase;
  border: 2px solid #ffffff;
  background:
    linear-gradient(135deg, #ffffff, #dce8ff);
  color: #132b5f;
  transition: all 0.3s ease;
  box-shadow: 0 8px 0 rgba(7,19,41,0.6);
}

.cta-footer .btn:nth-child(2) {
  background:
    linear-gradient(135deg, #f9e27d, #ffffff);
  color: #071329;
}

.cta-footer .btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: -150%;
  z-index: 1;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(68,108,184,0.28), transparent);
  transform: skewX(-20deg);
  animation: shimmer 3s infinite;
}

.cta-footer .btn span {
  position: relative;
  z-index: 3;
  text-shadow: none;
}

.cta-footer .btn:hover {
  transform: translateY(-4px);
  background:
    linear-gradient(135deg, #132b5f, #446cb8);
  color: #ffffff;
  border-color: #8fb0ff;
  box-shadow: 0 0 25px rgba(143,176,255,0.78);
}

.context-header {
  padding: 18px 22px;
  color: #fff4b8;
  font-weight: 900;
  text-transform: uppercase;
  background:
    linear-gradient(135deg, #132b5f 0%, #446cb8 52%, #8fb0ff 100%);
  border-bottom: 3px solid #ffffff;
  border-radius: 18px 18px 0 0;
  text-shadow: 0 2px 0 rgba(7,19,41,0.55);
  box-shadow: inset 0 -14px 26px rgba(7,19,41,0.28);
}

div#content {
  padding: 24px;
  color: #dce8ff;
  background:
    linear-gradient(180deg, #071329 0%, #10234f 100%);
  border-left: 8px solid #8fb0ff;
  border-bottom: 2px solid #dce8ff;
  border-radius: 0 0 18px 18px;
  box-shadow: inset 0 0 24px rgba(143,176,255,0.12);
}

div#content strong,
div#content b {
  color: #f9e27d;
}

.timuna-review {
  position: relative;
  width: 100%;
  max-width: 860px;
  margin: 36px auto;
  padding: 28px;
  overflow: hidden;
  border-radius: 28px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  background:
    radial-gradient(circle at 10% 10%, rgba(255,255,255,0.24), transparent 30%),
    radial-gradient(circle at 92% 18%, rgba(143,176,255,0.28), transparent 26%),
    linear-gradient(145deg, #132b5f 0%, #446cb8 54%, #274a8f 100%);
  border: 2px solid rgba(255,255,255,0.78);
  box-shadow:
    0 20px 48px rgba(7,19,41,0.38),
    0 0 32px rgba(68,108,184,0.62),
    inset 0 0 28px rgba(255,255,255,0.08);
}

.timuna-review::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    repeating-linear-gradient(
      90deg,
      rgba(255,255,255,0.06) 0px,
      rgba(255,255,255,0.06) 1px,
      transparent 1px,
      transparent 16px
    );
  pointer-events: none;
  animation: PESONA69MoveBg 8s linear infinite;
}

.timuna-review * {
  box-sizing: border-box;
  position: relative;
  z-index: 1;
}

.timuna-review-header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 18px;
  align-items: center;
  margin-bottom: 22px;
  padding: 18px;
  border: 1px solid rgba(255,255,255,0.28);
  border-radius: 22px;
  background: rgba(7,19,41,0.28);
  backdrop-filter: blur(8px);
}

.timuna-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
  padding: 8px 15px;
  border-radius: 999px;
  background:
    linear-gradient(135deg, #f9e27d, #ffffff);
  color: #132b5f;
  font-weight: 900;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 1.2px;
  border: 1px solid rgba(255,255,255,0.72);
  box-shadow: 0 0 16px rgba(249,226,125,0.42);
}

.timuna-review-title {
  margin: 0;
  color: #ffffff;
  font-size: 21px;
  line-height: 1.35;
  font-weight: 900;
  text-shadow:
    0 2px 0 rgba(7,19,41,0.55),
    0 0 14px rgba(255,255,255,0.22);
}

.timuna-rating-box {
  min-width: 124px;
  margin-left: auto;
  text-align: right;
  font-size: 13px;
  color: #dce8ff;
}

.timuna-stars-wrap {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 6px;
}

.timuna-stars {
  color: #f9e27d;
  text-shadow: 0 0 8px rgba(249,226,125,0.85);
  font-size: 18px;
  letter-spacing: 1px;
}

.timuna-score {
  padding: 4px 8px;
  border-radius: 8px;
  color: #132b5f;
  background: #ffffff;
  font-weight: 900;
  font-size: 15px;
}

.timuna-date {
  margin-top: 7px;
  color: #e2ffcf;
  font-size: 12px;
}

.timuna-review-body {
  margin-top: 16px;
  color: #ffffff;
  font-size: 14px;
  line-height: 1.65;
}

.timuna-review-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.timuna-review-card {
  position: relative;
  min-width: 0;
  padding: 19px;
  overflow: hidden;
  border-radius: 22px;
  border: 1px solid rgba(255,255,255,0.78);
  box-shadow:
    0 12px 26px rgba(7,19,41,0.26),
    inset 0 0 0 1px rgba(68,108,184,0.18);
  transition: all 0.28s ease;
}

.timuna-review-card:nth-child(1) {
  background:
    linear-gradient(180deg, #ffffff 0%, #dce8ff 100%);
  color: #132b5f;
  border-bottom: 6px solid #f9e27d;
}

.timuna-review-card:nth-child(2) {
  background:
    linear-gradient(180deg, #fff8d8 0%, #ffffff 100%);
  color: #493a00;
  border-bottom: 6px solid #446cb8;
}

.timuna-review-card:nth-child(3) {
  background:
    linear-gradient(180deg, #e2ffcf 0%, #ffffff 100%);
  color: #173b10;
  border-bottom: 6px solid #8fb0ff;
}

.timuna-review-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: -85%;
  width: 62%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(68,108,184,0.22), transparent);
  transform: skewX(-18deg);
  transition: 0.65s ease;
}

.timuna-review-card:hover {
  transform: translateY(-6px) rotate(-1deg);
  box-shadow:
    0 18px 32px rgba(7,19,41,0.34),
    0 0 22px rgba(255,255,255,0.42);
}

.timuna-review-card:hover::before {
  left: 130%;
}

.timuna-review-name {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  font-weight: 900;
}

.timuna-review-card:nth-child(1) .timuna-review-name {
  color: #132b5f;
}

.timuna-review-card:nth-child(2) .timuna-review-name {
  color: #9b7000;
}

.timuna-review-card:nth-child(3) .timuna-review-name {
  color: #274a8f;
}

.timuna-card-stars {
  color: #446cb8;
  text-shadow: 0 0 4px rgba(68,108,184,0.65);
  white-space: nowrap;
}

.timuna-review-card:nth-child(2) .timuna-card-stars {
  color: #c89300;
}

.timuna-review-card:nth-child(3) .timuna-card-stars {
  color: #2e8b57;
}

.timuna-review-card p {
  margin: 0;
  font-weight: 600;
}

.timuna-review-card:nth-child(1) p {
  color: #2b426f;
}

.timuna-review-card:nth-child(2) p {
  color: #5c4a13;
}

.timuna-review-card:nth-child(3) p {
  color: #1f4a22;
}

.timuna-table-section {
  position: relative;
  overflow: hidden;
  padding: 60px 18px;
  font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  background-color: #446cb8;
  background-image:
    radial-gradient(circle at 18% 10%, rgba(255,255,255,0.26), transparent 30%),
    radial-gradient(circle at 88% 88%, rgba(7,19,41,0.34), transparent 34%),
    linear-gradient(135deg, #446cb8 0%, #365fae 48%, #132b5f 100%);
}

.timuna-table-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.08) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,0.08) 1px, transparent 1px);
  background-size: 28px 28px;
  animation: timunaBgMove 9s linear infinite;
  pointer-events: none;
}

.timuna-table-section .elementor-container {
  position: relative;
  z-index: 1;
  max-width: 1100px;
  margin: 0 auto;
}

.timuna-table-section .elementor-widget-wrap {
  position: relative;
  overflow: hidden;
  padding: 34px;
  border-radius: 30px;
  background:
    linear-gradient(180deg, rgba(255,255,255,0.96), rgba(220,232,255,0.92));
  border: 2px solid rgba(255,255,255,0.9);
  box-shadow:
    0 24px 50px rgba(7,19,41,0.34),
    0 0 34px rgba(68,108,184,0.58),
    inset 0 0 24px rgba(68,108,184,0.12);
}

.timuna-table-section .elementor-widget-wrap::before {
  content: "";
  position: absolute;
  top: -80px;
  right: -80px;
  width: 210px;
  height: 210px;
  border-radius: 999px;
  background: rgba(68,108,184,0.18);
}

.timuna-heading-center {
  position: relative;
  text-align: center;
  margin-bottom: 28px;
}

.timuna-heading-center h6 {
  display: inline-block;
  margin: 0 0 12px;
  padding: 8px 18px;
  border-radius: 999px;
  background:
    linear-gradient(135deg, #132b5f, #446cb8);
  color: #fff4b8;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 1.8px;
  text-transform: uppercase;
  border: 1px solid rgba(255,255,255,0.55);
  box-shadow: 0 0 16px rgba(68,108,184,0.5);
}

.timuna-heading-center h2 {
  margin: 0;
  color: #132b5f;
  font-size: 31px;
  line-height: 1.25;
  font-weight: 900;
  text-shadow: 0 2px 0 rgba(68,108,184,0.14);
}

.timuna-table {
  width: 100%;
  overflow: hidden;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(19,43,95,0.18);
  box-shadow: 0 14px 32px rgba(7,19,41,0.18);
}

.timuna-table thead {
  color: #ffffff;
  background:
    linear-gradient(135deg, #071329 0%, #274a8f 52%, #446cb8 100%);
}

.timuna-table th {
  padding: 18px;
  text-align: left;
  font-size: 14px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.9px;
  border-right: 1px solid rgba(255,255,255,0.22);
}

.timuna-table th:nth-child(1) {
  color: #fff4b8;
}

.timuna-table th:nth-child(2) {
  color: #dce8ff;
}

.timuna-table th:nth-child(3) {
  color: #e2ffcf;
}

.timuna-table th:last-child {
  border-right: none;
}

.timuna-table td {
  padding: 18px;
  font-size: 14px;
  line-height: 1.58;
  border-bottom: 1px solid rgba(19,43,95,0.12);
  border-right: 1px solid rgba(19,43,95,0.08);
  background: rgba(255,255,255,0.98);
  transition: all 0.25s ease;
}

.timuna-table td:nth-child(1) {
  color: #132b5f;
}

.timuna-table td:nth-child(2) {
  color: #4d3e00;
}

.timuna-table td:nth-child(3) {
  color: #175018;
}

.timuna-table td:last-child {
  border-right: none;
}

.timuna-table tbody tr:last-child td {
  border-bottom: none;
}

.timuna-table tbody tr:nth-child(even) td {
  background: #eef4ff;
}

.timuna-table tbody tr:nth-child(3n) td {
  background: #fff8d8;
}

.timuna-table tbody tr:hover td {
  background: #dce8ff;
  transform: scale(1.01);
  box-shadow: inset 5px 0 0 #446cb8;
}

.timuna-table td strong {
  font-weight: 900;
}

.timuna-table tbody tr td:first-child strong {
  display: inline-block;
  padding: 7px 11px;
  border-radius: 999px;
  background: rgba(68,108,184,0.12);
  border: 1px solid rgba(68,108,184,0.26);
}

.timuna-table tbody tr:nth-child(1) td:first-child strong {
  color: #132b5f;
}

.timuna-table tbody tr:nth-child(2) td:first-child strong {
  color: #9b7000;
}

.timuna-table tbody tr:nth-child(3) td:first-child strong {
  color: #175018;
}

.timuna-table tbody tr:nth-child(4) td:first-child strong {
  color: #7b2453;
}

@keyframes blueFlow {
  0% {
    background-position: 0% 50%;
  }
  100% {
    background-position: 300% 50%;
  }
}

@keyframes panelSweep {
  0%, 45% {
    transform: translateX(-100%);
  }
  70%, 100% {
    transform: translateX(100%);
  }
}

@keyframes stripeSlide {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 56px 0;
  }
}

@keyframes fadeInMove {
  0% {
    opacity: 0;
    transform: translateX(50px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes scrollInfinite {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

@keyframes textFloat {
  0% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(-4px);
  }
}

@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-3px);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes shimmer {
  0% {
    left: -150%;
  }
  50% {
    left: 150%;
  }
  100% {
    left: 150%;
  }
}

@keyframes footerLight {
  0%, 35% {
    transform: translateX(-100%);
  }
  75%, 100% {
    transform: translateX(100%);
  }
}

@keyframes PESONA69MoveBg {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 90px 0;
  }
}

@keyframes timunaBgMove {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 84px 84px;
  }
}

@keyframes pulseGreen {
  0%, 100% {
    text-shadow: 0 0 5px #132b5f, 0 0 15px #446cb8;
  }
  50% {
    text-shadow: 0 0 20px #446cb8, 0 0 40px #8fb0ff;
  }
}

@keyframes pulseWhite {
  0%, 100% {
    text-shadow: 0 0 5px #dce8ff, 0 0 15px #ffffff;
  }
  50% {
    text-shadow: 0 0 20px #ffffff, 0 0 40px #dce8ff;
  }
}

@keyframes pulseDark {
  0%, 100% {
    text-shadow: 0 0 5px rgba(7,19,41,0.5), 0 0 15px #132b5f;
  }
  50% {
    text-shadow: 0 0 20px #132b5f, 0 0 40px #446cb8;
  }
}

@media (min-width: 1024px) {
  .global-header {
    position: relative;
  }

  .sidebar-l.sidebar-right:hover,
  .pricebox-container:hover,
  .item-preview:hover {
    transform: translateY(-3px);
    transition: all 0.25s ease;
  }
}

@media (max-width: 900px) {
  .timuna-review-grid {
    grid-template-columns: 1fr;
  }

  .timuna-review-header {
    grid-template-columns: 1fr;
    text-align: left;
  }

  .timuna-rating-box {
    margin-left: 0;
    text-align: left;
  }

  .timuna-stars-wrap {
    justify-content: flex-start;
  }
}

@media (max-width: 768px) {
  .grid-container.-layout-wide {
    padding: 16px 12px 88px;
  }

  .cta-footer {
    gap: 10px;
  }

  .cta-footer .btn {
    padding: 12px 0;
    font-size: 13px;
    letter-spacing: 1px;
  }

  .footer-cta {
    padding: 14px 12px;
  }

  .header-mini {
    height: 68px;
  }

  .header-mini1 {
    height: 42px;
    line-height: 42px;
    font-size: 14px;
  }

  .timuna-review {
    margin: 26px auto;
    padding: 20px;
    border-radius: 20px;
  }

  .timuna-review-title {
    font-size: 18px;
  }

  .timuna-table-section {
    padding: 38px 12px;
  }

  .timuna-table-section .elementor-widget-wrap {
    padding: 22px 14px;
    border-radius: 22px;
  }

  .timuna-heading-center h2 {
    font-size: 23px;
  }

  .timuna-table {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    border-radius: 16px;
  }

  .timuna-table th,
  .timuna-table td {
    padding: 14px;
    font-size: 13px;
  }

  .purchase-form__upgrade-info {
    align-items: flex-start;
    flex-direction: column;
  }
}