.btn{
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,filter .2s ease;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:linear-gradient(180deg,#0b63ff 0%,#063ee0 48%,#021b86 100%);
  border:1px solid rgba(90,145,255,.65);
  border-radius:12px;
  color:var(--color-white,#fff);
  cursor:pointer;
  display:inline-block;
  font-family:var(--font-family-primary-semibold,Arial,Helvetica,sans-serif);
  font-weight:700;
  line-height:1;
  margin:5px 0;
  max-width:100%;
  padding:6px 12px;
  text-align:center;
  text-decoration:none;
  white-space:normal;
  box-shadow:0 3px 9px rgba(0,0,0,.32),0 0 12px rgba(0,70,255,.20),inset 0 1px 0 rgba(255,255,255,.18);
}

.btn::before{
  content:"";
  position:absolute;
  left:-20%;
  bottom:-17px;
  width:140%;
  height:34px;
  z-index:-1;
  pointer-events:none;
  opacity:.62;
  background:
    radial-gradient(ellipse at 10% 0,transparent 0 13px,rgba(244,248,255,.78) 14px 16px,transparent 17px),
    radial-gradient(ellipse at 30% 0,transparent 0 18px,rgba(74,129,255,.60) 19px 21px,transparent 22px),
    radial-gradient(ellipse at 50% 0,transparent 0 13px,rgba(244,248,255,.75) 14px 16px,transparent 17px),
    radial-gradient(ellipse at 70% 0,transparent 0 18px,rgba(74,129,255,.60) 19px 21px,transparent 22px),
    radial-gradient(ellipse at 90% 0,transparent 0 13px,rgba(244,248,255,.78) 14px 16px,transparent 17px);
  animation:btnOceanWave 4s ease-in-out infinite alternate;
}

.btn::after{
  content:"";
  position:absolute;
  top:-60%;
  left:-55%;
  width:35%;
  height:220%;
  z-index:1;
  pointer-events:none;
  transform:rotate(20deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.22),transparent);
  animation:btnOceanShine 5s linear infinite;
}

.btn:hover{
  transform:translateY(-2px);
  color:#fff;
  filter:brightness(1.08);
  border-color:#8ab5ff;
  background:linear-gradient(180deg,#1675ff 0%,#084cff 48%,#03269f 100%);
  box-shadow:0 6px 14px rgba(0,0,0,.36),0 0 20px rgba(0,82,255,.35),inset 0 1px 0 rgba(255,255,255,.22);
}

.btn:focus-visible{
  outline:2px solid #8bb8ff;
  outline-offset:2px;
}

.btn:active{
  transform:translateY(0);
  filter:brightness(.96);
  box-shadow:0 2px 7px rgba(0,0,0,.32),0 0 10px rgba(0,67,255,.24),inset 0 1px 0 rgba(255,255,255,.14);
}

.btn:disabled,
.btn[disabled]{
  cursor:not-allowed;
  opacity:.55;
  filter:saturate(.5);
  transform:none;
}

@keyframes btnOceanWave{
  0%{
    transform:translateX(-10px) translateY(1px) scaleY(.95);
  }
  100%{
    transform:translateX(10px) translateY(-2px) scaleY(1.08);
  }
}

@keyframes btnOceanShine{
  0%{
    left:-55%;
  }
  100%{
    left:135%;
  }
}

@media(prefers-reduced-motion:reduce){
  .btn,
  .btn::before,
  .btn::after{
    animation:none!important;
    transition:none!important;
  }
}


<!--FAQ & REVIEW-->

*{
  box-sizing:border-box;
}

.idn89-ocean{
  --ink:#010611;
  --ink2:#020d22;
  --ink3:#031b3c;
  --blue:#003cff;
  --blue2:#005cff;
  --blue3:#007bff;
  --blue4:#0a8cff;
  --lightblue:#7ec8ff;
  --foam:#f2f8ff;
  --red:#e73b44;
  --gold:#f1c75b;
  width:100%;
  max-width:1200px;
  margin:0 auto;
  padding:20px;
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-radius:24px;
  font-family:Arial,Helvetica,sans-serif;
  color:#eef5ff;
  background:
    radial-gradient(circle at 82% 9%,rgba(0,92,255,.18),transparent 23%),
    radial-gradient(circle at 10% 38%,rgba(0,57,255,.15),transparent 27%),
    linear-gradient(145deg,#010510 0%,#020b1d 35%,#031535 68%,#020816 100%);
  border:1px solid rgba(0,112,255,.34);
  box-shadow:
    0 22px 60px rgba(0,0,0,.55),
    0 0 45px rgba(0,80,255,.12),
    inset 0 0 90px rgba(0,69,255,.08);
}

.idn89-sun{
  position:absolute;
  top:52px;
  right:72px;
  width:132px;
  height:132px;
  z-index:-3;
  border-radius:50%;
  background:
    radial-gradient(circle at 38% 35%,#ff8489 0 7%,#eb3d47 26%,#b91320 68%,#6d0610 100%);
  box-shadow:
    0 0 25px rgba(231,59,68,.34),
    0 0 70px rgba(231,59,68,.15);
  opacity:.82;
  animation:idn89SunPulse 6s ease-in-out infinite;
}

.idn89-sun::before{
  content:"";
  position:absolute;
  inset:-18px;
  border-radius:50%;
  border:1px solid rgba(255,110,120,.14);
  box-shadow:
    0 0 0 10px rgba(231,59,68,.03),
    0 0 0 22px rgba(231,59,68,.018);
}

.idn89-sun::after{
  content:"";
  position:absolute;
  left:-420px;
  top:65px;
  width:530px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,70,80,.25),rgba(255,170,170,.42));
  box-shadow:
    0 9px 0 rgba(255,70,80,.07),
    0 18px 0 rgba(255,70,80,.04);
}

.idn89-aurora{
  position:absolute;
  inset:0;
  z-index:-8;
  pointer-events:none;
  background:
    radial-gradient(ellipse at 50% 20%,rgba(0,112,255,.16),transparent 48%),
    linear-gradient(108deg,transparent 0 32%,rgba(75,140,255,.035) 42%,transparent 51%);
  background-size:auto,260% 100%;
  animation:idn89Aurora 12s linear infinite;
}

.idn89-grain{
  position:absolute;
  inset:0;
  z-index:20;
  opacity:.10;
  pointer-events:none;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.28) .5px,transparent .7px);
  background-size:7px 7px;
  mask-image:linear-gradient(to bottom,rgba(0,0,0,.24),transparent 80%);
}

.idn89-wave-stage{
  position:absolute;
  inset:0;
  z-index:-5;
  overflow:hidden;
  pointer-events:none;
}

.idn89-wave-back{
  position:absolute;
  left:-12%;
  top:275px;
  width:128%;
  height:310px;
  opacity:.42;
  background:
    linear-gradient(180deg,#0a67ff 0%,#0646c7 47%,#032d78 100%);
  clip-path:polygon(
    0 62%,
    4% 59%,
    8% 55%,
    12% 58%,
    16% 48%,
    20% 51%,
    24% 42%,
    28% 48%,
    33% 36%,
    38% 46%,
    42% 39%,
    47% 52%,
    52% 41%,
    57% 47%,
    62% 35%,
    67% 44%,
    72% 38%,
    77% 50%,
    82% 41%,
    87% 47%,
    92% 38%,
    96% 45%,
    100% 39%,
    100% 100%,
    0 100%
  );
  filter:drop-shadow(0 -6px 10px rgba(0,81,255,.16));
  animation:idn89WaveBack 11s ease-in-out infinite alternate;
}

.idn89-wave-mid{
  position:absolute;
  left:-13%;
  top:365px;
  width:130%;
  height:320px;
  opacity:.55;
  background:
    linear-gradient(180deg,#0876ff 0%,#075de8 38%,#043ba8 75%,#02265f 100%);
  clip-path:polygon(
    0 64%,
    5% 57%,
    10% 61%,
    15% 49%,
    20% 56%,
    25% 43%,
    30% 51%,
    35% 39%,
    40% 47%,
    45% 34%,
    50% 46%,
    55% 39%,
    60% 54%,
    65% 42%,
    70% 49%,
    75% 36%,
    80% 45%,
    85% 38%,
    90% 50%,
    95% 40%,
    100% 48%,
    100% 100%,
    0 100%
  );
  animation:idn89WaveMid 8s ease-in-out infinite alternate;
}

.idn89-wave-front{
  position:absolute;
  left:-16%;
  top:485px;
  width:136%;
  height:340px;
  opacity:.44;
  background:
    linear-gradient(180deg,#0a89ff 0%,#076cff 30%,#044cc4 64%,#02266b 100%);
  clip-path:polygon(
    0 66%,
    4% 59%,
    8% 63%,
    13% 52%,
    18% 60%,
    22% 48%,
    27% 56%,
    32% 43%,
    37% 52%,
    42% 40%,
    47% 54%,
    52% 45%,
    57% 58%,
    62% 43%,
    67% 53%,
    72% 40%,
    77% 50%,
    82% 43%,
    87% 56%,
    92% 46%,
    96% 53%,
    100% 47%,
    100% 100%,
    0 100%
  );
  animation:idn89WaveFront 6.5s ease-in-out infinite alternate;
}

.idn89-great-wave{
  position:absolute;
  width:500px;
  height:390px;
  right:-125px;
  top:255px;
  opacity:.38;
  transform:rotate(-8deg);
  filter:drop-shadow(-18px 12px 22px rgba(0,62,255,.27));
  animation:idn89GreatWave 7s ease-in-out infinite;
}

.idn89-great-wave::before{
  content:"";
  position:absolute;
  width:330px;
  height:330px;
  right:70px;
  top:28px;
  border-radius:50%;
  border:58px solid rgba(0,88,255,.88);
  border-left-color:transparent;
  border-bottom-color:rgba(0,43,145,.90);
  transform:rotate(-32deg);
  box-shadow:
    inset -15px 15px 0 rgba(75,158,255,.17),
    14px -7px 0 rgba(0,104,255,.22);
}

.idn89-great-wave::after{
  content:"";
  position:absolute;
  width:185px;
  height:185px;
  right:132px;
  top:72px;
  border-radius:50%;
  background:#020b1d;
  box-shadow:
    -14px -20px 0 rgba(235,244,255,.18),
    -26px -9px 0 rgba(95,165,255,.16),
    -40px 7px 0 rgba(235,244,255,.09);
}

.idn89-foam{
  position:absolute;
  left:-6%;
  top:438px;
  width:112%;
  height:110px;
  opacity:.48;
  background:
    radial-gradient(ellipse at 4% 58%,transparent 0 18px,rgba(245,250,255,.85) 19px 22px,transparent 23px),
    radial-gradient(ellipse at 12% 46%,transparent 0 24px,rgba(133,186,255,.76) 25px 28px,transparent 29px),
    radial-gradient(ellipse at 22% 60%,transparent 0 18px,rgba(245,250,255,.76) 19px 22px,transparent 23px),
    radial-gradient(ellipse at 32% 42%,transparent 0 29px,rgba(110,170,255,.73) 30px 33px,transparent 34px),
    radial-gradient(ellipse at 44% 57%,transparent 0 22px,rgba(245,250,255,.82) 23px 26px,transparent 27px),
    radial-gradient(ellipse at 57% 44%,transparent 0 25px,rgba(125,181,255,.73) 26px 29px,transparent 30px),
    radial-gradient(ellipse at 69% 60%,transparent 0 19px,rgba(246,251,255,.82) 20px 23px,transparent 24px),
    radial-gradient(ellipse at 80% 42%,transparent 0 27px,rgba(119,178,255,.77) 28px 31px,transparent 32px),
    radial-gradient(ellipse at 92% 58%,transparent 0 21px,rgba(246,251,255,.82) 22px 25px,transparent 26px);
  animation:idn89Foam 6s ease-in-out infinite alternate;
}

.idn89-spray{
  position:absolute;
  inset:0;
  z-index:-3;
  pointer-events:none;
  background:
    radial-gradient(circle at 91% 27%,rgba(245,250,255,.72) 0 2px,transparent 3px),
    radial-gradient(circle at 88% 31%,rgba(92,157,255,.64) 0 3px,transparent 4px),
    radial-gradient(circle at 94% 34%,rgba(245,250,255,.58) 0 2px,transparent 3px),
    radial-gradient(circle at 82% 38%,rgba(120,176,255,.50) 0 2px,transparent 3px),
    radial-gradient(circle at 76% 43%,rgba(245,250,255,.34) 0 2px,transparent 3px),
    radial-gradient(circle at 18% 54%,rgba(87,152,255,.36) 0 2px,transparent 3px),
    radial-gradient(circle at 26% 48%,rgba(245,250,255,.30) 0 2px,transparent 3px);
  animation:idn89Spray 9s ease-in-out infinite;
}

.idn89-wave-lines{
  position:absolute;
  inset:0;
  z-index:-2;
  width:100%;
  height:100%;
  opacity:.30;
  pointer-events:none;
}

.idn89-wave-lines path{
  fill:none;
  stroke:#4f8dff;
  stroke-width:1.3;
  stroke-linecap:round;
  stroke-dasharray:9 13;
  animation:idn89Dash 10s linear infinite;
}

.idn89-wave-lines path:nth-child(2){
  stroke:#f4f8ff;
  stroke-width:.8;
  opacity:.55;
  animation-duration:14s;
  animation-direction:reverse;
}

.idn89-header{
  position:relative;
  z-index:4;
  padding:8px 8px 14px;
}

.idn89-title{
  margin:0 0 12px;
  padding:8px 18px 14px;
  position:relative;
  text-align:center;
  font-size:clamp(27px,3.3vw,39px);
  line-height:1.18;
  font-weight:900;
  letter-spacing:.25px;
  color:#f4f8ff;
  text-shadow:
    0 0 6px rgba(54,127,255,.78),
    0 0 22px rgba(0,68,255,.48),
    0 3px 8px rgba(0,0,0,.75);
}

.idn89-title::before{
  content:"";
  display:inline-block;
  width:18px;
  height:18px;
  margin-right:10px;
  vertical-align:3px;
  border-radius:50%;
  background:#e73b44;
  box-shadow:
    0 0 12px rgba(231,59,68,.50),
    0 0 24px rgba(231,59,68,.20);
}

.idn89-title::after{
  content:"";
  display:block;
  width:310px;
  max-width:75%;
  height:3px;
  margin:10px auto 0;
  border-radius:50%;
  background:linear-gradient(90deg,transparent,#005dff 17%,#f4f8ff 44%,#f1c75b 64%,transparent 100%);
  box-shadow:
    0 0 11px rgba(0,84,255,.60),
    0 0 22px rgba(0,60,255,.22);
  animation:idn89TitleGlow 3.5s ease-in-out infinite;
}

.idn89-content{
  position:relative;
  z-index:5;
}

.idn89-section-title{
  position:relative;
  margin:16px 0 9px;
  padding:8px 80px 10px;
  text-align:center;
  font-size:clamp(21px,2.7vw,29px);
  line-height:1.25;
  font-weight:850;
  color:#f7f9ff;
  text-shadow:
    0 0 8px rgba(42,112,255,.54),
    0 2px 6px rgba(0,0,0,.52);
}

.idn89-section-title::before,
.idn89-section-title::after{
  content:"";
  position:absolute;
  top:50%;
  width:55px;
  height:1px;
  background:linear-gradient(90deg,transparent,#f1c75b);
  box-shadow:0 0 8px rgba(241,199,91,.34);
}

.idn89-section-title::before{
  left:12%;
}

.idn89-section-title::after{
  right:12%;
  transform:scaleX(-1);
}

.idn89-description{
  position:relative;
  overflow:hidden;
  margin:0 0 10px;
  padding:16px 18px;
  border-radius:15px;
  text-align:justify;
  font-size:15.5px;
  line-height:1.78;
  color:#dbe7f7;
  background:
    linear-gradient(110deg,rgba(4,35,79,.88),rgba(2,15,38,.92)),
    radial-gradient(circle at 100% 0%,rgba(0,86,255,.11),transparent 30%);
  border:1px solid rgba(0,94,255,.24);
  border-left:3px solid #0067ff;
  box-shadow:
    0 7px 20px rgba(0,0,0,.22),
    inset 0 1px 0 rgba(255,255,255,.04);
  backdrop-filter:blur(5px);
}

.idn89-description::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.03) 43%,transparent 58%);
  background-size:230% 100%;
  animation:idn89CardShine 9s linear infinite;
}

.idn89-description::after{
  content:"";
  position:absolute;
  right:-30px;
  bottom:-48px;
  width:140px;
  height:100px;
  border-radius:50%;
  border:2px solid rgba(0,96,255,.14);
  box-shadow:
    0 0 0 8px rgba(0,96,255,.045),
    0 0 0 16px rgba(0,96,255,.020);
}

.idn89-description strong,
.idn89-description a{
  color:#4e92ff;
  text-decoration:none;
}

.idn89-panel{
  position:relative;
  z-index:6;
  overflow:hidden;
  margin-top:14px;
  padding:13px;
  border-radius:18px;
  background:
    radial-gradient(circle at 94% 4%,rgba(231,59,68,.16) 0 38px,transparent 40px),
    linear-gradient(145deg,rgba(3,24,59,.96),rgba(2,12,31,.98));
  border:1px solid rgba(0,95,255,.30);
  box-shadow:
    0 10px 25px rgba(0,0,0,.28),
    inset 0 0 40px rgba(0,74,255,.05);
  backdrop-filter:blur(8px);
}

.idn89-panel::before{
  content:"";
  position:absolute;
  left:-12%;
  width:124%;
  height:90px;
  bottom:-57px;
  opacity:.50;
  background:
    radial-gradient(ellipse at 5% 0,transparent 0 26px,rgba(0,102,255,.38) 27px 31px,transparent 32px),
    radial-gradient(ellipse at 18% 0,transparent 0 37px,rgba(230,240,255,.18) 38px 42px,transparent 43px),
    radial-gradient(ellipse at 34% 0,transparent 0 25px,rgba(0,97,255,.35) 26px 30px,transparent 31px),
    radial-gradient(ellipse at 51% 0,transparent 0 40px,rgba(230,240,255,.16) 41px 45px,transparent 46px),
    radial-gradient(ellipse at 70% 0,transparent 0 29px,rgba(0,99,255,.33) 30px 34px,transparent 35px),
    radial-gradient(ellipse at 87% 0,transparent 0 35px,rgba(230,240,255,.16) 36px 40px,transparent 41px);
  animation:idn89PanelOcean 7s ease-in-out infinite alternate;
}

.idn89-panel-title{
  position:relative;
  z-index:2;
  margin:0 0 11px;
  padding:7px 12px 10px;
  text-align:center;
  font-size:clamp(22px,2.8vw,31px);
  font-weight:900;
  color:#fff;
  text-shadow:
    0 0 8px rgba(42,110,255,.65),
    0 2px 7px rgba(0,0,0,.55);
}

.idn89-panel-title::before{
  content:"";
  display:inline-block;
  width:9px;
  height:9px;
  margin-right:8px;
  border-radius:50%;
  background:#e73b44;
  box-shadow:0 0 10px rgba(231,59,68,.52);
}

.idn89-panel-title::after{
  content:"";
  display:block;
  width:145px;
  height:2px;
  margin:8px auto 0;
  background:linear-gradient(90deg,transparent,#005dff,#f1c75b,transparent);
}

.faq-slot-gacor{
  max-width:1000px;
  margin:0 auto;
  position:relative;
  z-index:3;
}

.idn89-ocean details{
  position:relative;
  overflow:hidden;
  margin:0 0 7px;
  border-radius:12px;
  background:
    linear-gradient(130deg,rgba(4,37,84,.95),rgba(2,16,42,.98));
  border:1px solid rgba(0,96,255,.28);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 4px 12px rgba(0,0,0,.22);
  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

.idn89-ocean details:last-child{
  margin-bottom:0;
}

.idn89-ocean details::before{
  content:"";
  position:absolute;
  left:-100%;
  top:0;
  width:80%;
  height:100%;
  pointer-events:none;
  background:linear-gradient(105deg,transparent,rgba(96,145,255,.07),transparent);
  transition:left .6s ease;
}

.idn89-ocean details:hover::before{
  left:130%;
}

.idn89-ocean details:hover{
  transform:translateX(4px);
  border-color:rgba(0,118,255,.58);
  box-shadow:
    0 7px 17px rgba(0,0,0,.28),
    0 0 16px rgba(0,73,255,.12);
}

.idn89-ocean details[open]{
  border-color:rgba(241,199,91,.50);
  background:
    linear-gradient(130deg,rgba(5,45,105,.97),rgba(2,19,48,.99));
}

.idn89-ocean summary{
  list-style:none;
  cursor:pointer;
  position:relative;
  padding:11px 43px 11px 13px;
  font-size:15px;
  line-height:1.4;
  font-weight:750;
  color:#f7f9ff;
}

.idn89-ocean summary::-webkit-details-marker{
  display:none;
}

.idn89-ocean summary::before{
  content:"";
  display:inline-block;
  width:10px;
  height:10px;
  margin-right:9px;
  border-radius:50%;
  vertical-align:middle;
  background:#006dff;
  border:2px solid #9bc2ff;
  box-shadow:
    0 0 8px rgba(0,105,255,.70),
    0 0 15px rgba(0,65,255,.30);
}

.idn89-ocean summary::after{
  content:"+";
  position:absolute;
  top:50%;
  right:11px;
  width:25px;
  height:25px;
  display:flex;
  align-items:center;
  justify-content:center;
  transform:translateY(-50%);
  border-radius:8px;
  font-size:18px;
  font-family:Arial,Helvetica,sans-serif;
  color:#fff;
  background:linear-gradient(145deg,#075be6,#032c75);
  border:1px solid rgba(72,133,255,.45);
  transition:.28s ease;
}

.idn89-ocean details[open] summary::after{
  content:"-";
  color:#fff6d3;
  background:linear-gradient(145deg,#d19a2c,#765006);
  border-color:rgba(255,220,117,.50);
}

.idn89-ocean details p{
  position:relative;
  margin:0;
  padding:10px 14px 12px 30px;
  font-size:14.5px;
  line-height:1.65;
  color:#ccdced;
  border-top:1px solid rgba(0,92,255,.12);
  background:rgba(0,65,180,.04);
}

.idn89-ocean details p::before{
  content:"";
  position:absolute;
  left:14px;
  top:18px;
  width:6px;
  height:6px;
  border-radius:50%;
  background:#006dff;
  box-shadow:0 0 7px rgba(0,105,255,.65);
}

.testimoni-member-IDN89{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:9px;
  margin:0;
  padding:0;
  position:relative;
  z-index:3;
}

.idn89-ocean blockquote{
  position:relative;
  overflow:hidden;
  margin:0;
  padding:15px 16px 13px;
  border-radius:13px;
  font-size:14.5px;
  line-height:1.62;
  color:#e4eefb;
  background:
    radial-gradient(circle at 100% 0%,rgba(231,59,68,.08),transparent 30%),
    linear-gradient(145deg,rgba(4,34,80,.97),rgba(2,14,35,.99));
  border:1px solid rgba(0,94,255,.26);
  border-left:3px solid #006dff;
  box-shadow:
    0 5px 15px rgba(0,0,0,.23),
    inset 0 1px 0 rgba(255,255,255,.035);
  transition:.3s ease;
}

.idn89-ocean blockquote:hover{
  transform:translateY(-4px);
  border-color:rgba(0,118,255,.48);
  border-left-color:#f1c75b;
  box-shadow:
    0 9px 22px rgba(0,0,0,.31),
    0 0 17px rgba(0,76,255,.12);
}

.idn89-ocean blockquote::before{
  content:"";
  position:absolute;
  right:12px;
  top:12px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#ffffff 0 8%,#4b87ff 20%,#0067ff 65%,#00307a 100%);
  border:1px solid rgba(150,190,255,.52);
  box-shadow:0 0 13px rgba(0,91,255,.27);
  animation:idn89Seal 4s ease-in-out infinite;
}

.idn89-ocean blockquote::after{
  content:"";
  position:absolute;
  left:-15%;
  bottom:-31px;
  width:130%;
  height:55px;
  opacity:.53;
  background:
    radial-gradient(ellipse at 10% 0,transparent 0 19px,rgba(0,103,255,.28) 20px 23px,transparent 24px),
    radial-gradient(ellipse at 27% 0,transparent 0 27px,rgba(235,242,255,.14) 28px 31px,transparent 32px),
    radial-gradient(ellipse at 46% 0,transparent 0 20px,rgba(0,103,255,.28) 21px 24px,transparent 25px),
    radial-gradient(ellipse at 67% 0,transparent 0 29px,rgba(235,242,255,.13) 30px 33px,transparent 34px),
    radial-gradient(ellipse at 88% 0,transparent 0 22px,rgba(0,103,255,.27) 23px 26px,transparent 27px);
  animation:idn89QuoteWave 6s ease-in-out infinite alternate;
}

.idn89-ocean cite{
  display:block;
  position:relative;
  z-index:2;
  margin:7px 0 0;
  text-align:right;
  font-style:normal;
  font-size:13px;
  font-weight:750;
  color:#7eabff;
}

.idn89-ocean cite::before{
  content:"";
  display:inline-block;
  width:5px;
  height:5px;
  margin-right:7px;
  border-radius:50%;
  vertical-align:2px;
  background:#f1c75b;
  box-shadow:0 0 6px rgba(241,199,91,.45);
}

@keyframes idn89SunPulse{
  0%,100%{
    transform:scale(1);
    box-shadow:0 0 25px rgba(231,59,68,.30),0 0 70px rgba(231,59,68,.13);
  }
  50%{
    transform:scale(1.035);
    box-shadow:0 0 35px rgba(231,59,68,.42),0 0 95px rgba(231,59,68,.18);
  }
}

@keyframes idn89Aurora{
  from{background-position:center,180% 0;}
  to{background-position:center,-80% 0;}
}

@keyframes idn89WaveBack{
  0%{transform:translateX(-18px) translateY(5px) scaleY(.96);}
  100%{transform:translateX(18px) translateY(-8px) scaleY(1.06);}
}

@keyframes idn89WaveMid{
  0%{transform:translateX(22px) translateY(0) scaleY(1);}
  100%{transform:translateX(-22px) translateY(-12px) scaleY(1.08);}
}

@keyframes idn89WaveFront{
  0%{transform:translateX(-28px) translateY(5px);}
  100%{transform:translateX(28px) translateY(-12px);}
}

@keyframes idn89GreatWave{
  0%,100%{transform:rotate(-8deg) translate(0,0) scale(1);}
  50%{transform:rotate(-5deg) translate(-13px,-11px) scale(1.025);}
}

@keyframes idn89Foam{
  0%{transform:translateX(-18px) translateY(4px);opacity:.34;}
  100%{transform:translateX(18px) translateY(-7px);opacity:.56;}
}

@keyframes idn89Spray{
  0%,100%{transform:translate(0,0);opacity:.45;}
  50%{transform:translate(-10px,-17px);opacity:.76;}
}

@keyframes idn89Dash{
  to{stroke-dashoffset:-160;}
}

@keyframes idn89TitleGlow{
  0%,100%{opacity:.62;transform:scaleX(.86);}
  50%{opacity:1;transform:scaleX(1);}
}

@keyframes idn89CardShine{
  from{background-position:190% 0;}
  to{background-position:-100% 0;}
}

@keyframes idn89PanelOcean{
  0%{transform:translateX(-22px) scaleY(.94);}
  100%{transform:translateX(22px) scaleY(1.08);}
}

@keyframes idn89Seal{
  0%,100%{transform:scale(1);opacity:.85;}
  50%{transform:scale(1.16);opacity:1;}
}

@keyframes idn89QuoteWave{
  0%{transform:translateX(-15px);}
  100%{transform:translateX(15px);}
}

@media(max-width:700px){
  .idn89-ocean{
    padding:10px;
    border-radius:15px;
  }
  .idn89-sun{
    width:88px;
    height:88px;
    top:45px;
    right:20px;
  }
  .idn89-title{
    margin-bottom:8px;
    padding:6px 5px 10px;
    font-size:23px;
  }
  .idn89-title::before{
    width:13px;
    height:13px;
    margin-right:6px;
  }
  .idn89-section-title{
    margin:10px 0 6px;
    padding:6px 15px 8px;
    font-size:20px;
  }
  .idn89-section-title::before,
  .idn89-section-title::after{
    display:none;
  }
  .idn89-description{
    margin-bottom:7px;
    padding:11px 12px;
    font-size:14px;
    line-height:1.62;
    border-radius:11px;
  }
  .idn89-wave-back{
    top:400px;
  }
  .idn89-wave-mid{
    top:510px;
  }
  .idn89-wave-front{
    top:640px;
  }
  .idn89-great-wave{
    width:330px;
    height:260px;
    top:340px;
    right:-120px;
  }
  .idn89-great-wave::before{
    width:225px;
    height:225px;
    border-width:40px;
  }
  .idn89-great-wave::after{
    width:125px;
    height:125px;
    right:94px;
    top:61px;
  }
  .idn89-panel{
    margin-top:8px;
    padding:8px;
    border-radius:13px;
  }
  .idn89-panel-title{
    margin-bottom:7px;
    padding:5px;
    font-size:21px;
  }
  .idn89-ocean details{
    margin-bottom:5px;
    border-radius:9px;
  }
  .idn89-ocean summary{
    padding:9px 37px 9px 9px;
    font-size:13.5px;
  }
  .idn89-ocean summary::before{
    width:8px;
    height:8px;
    margin-right:7px;
  }
  .idn89-ocean summary::after{
    width:22px;
    height:22px;
    right:8px;
  }
  .idn89-ocean details p{
    padding:8px 10px 9px 26px;
    font-size:13px;
  }
  .testimoni-member-IDN89{
    grid-template-columns:1fr;
    gap:6px;
  }
  .idn89-ocean blockquote{
    padding:11px 12px;
    font-size:13px;
  }
}

@media(prefers-reduced-motion:reduce){
  .idn89-ocean *,
  .idn89-ocean *::before,
  .idn89-ocean *::after{
    animation:none!important;
  }
}