html{scroll-behavior:smooth}
#beranda,#tentang,#artikel,#faq,#keunggulan,#pembayaran{scroll-margin-top:190px}
a{text-decoration:none}

.lnk_logo{display:flex;align-items:center}
.lnk_logo{width:auto}
.lnk_logo img{display:block;height:110px;width:auto;margin:-22px 0 -20px -12px}
.row_footLogo li{list-style:none}
.row_footLogo li.logo01{background:none;width:auto}
.row_footLogo li.logo01 img{display:block;height:86px;width:auto;margin:-18px 0 -17px -10px}

.are_head .btn_akses{display:inline-flex;align-items:center;justify-content:center;padding:0 16px}
.are_head .btn_gabung{margin-left:14px;color:#000;background:linear-gradient(180deg,#f4e3b5 0,#d6b680)}
.btn_optionBanner{text-decoration:none}
form.are_head{position:relative}
.are_head .head_mail{position:absolute;right:0;top:-19px;font-size:12px;letter-spacing:.5px;color:#f2dba3;white-space:nowrap}
.are_head .head_mail:hover{color:#e0be1f}
.are_lang .img_lang{width:20px;height:20px;object-fit:contain}

.banner[data-v-3fa9b724]{height:auto}
.banner-item[data-v-6e5d0c19]{height:auto}
.reg_homeBanner[data-v-3fa9b724]{height:auto}
.are_homeBanner[data-v-3fa9b724]{position:relative;z-index:0}
.are_bannerOption[data-v-3fa9b724]{margin-top:-290px;padding-top:140px;background-position:center 140px;z-index:3;pointer-events:none}
.are_bannerOption .swiper-slide{pointer-events:auto}

.optionSwiper .swiper-slide [class^="optionBanner"]{perspective:700px}
.optionSwiper .swiper-slide .btn_optionBanner{z-index:4}
.peri_pop{position:absolute;left:50%;bottom:24%;height:112%;width:auto;max-width:none;z-index:3;pointer-events:none;opacity:0;
  transform-origin:50% 100%;transform:translateX(-50%) translateY(14%) scale(.7);
  transition:transform .6s cubic-bezier(.34,1.56,.64,1),opacity .25s ease;
  filter:drop-shadow(0 14px 16px rgba(0,0,0,.65)) drop-shadow(0 0 10px rgba(255,214,140,.35));will-change:transform}
.optionSwiper .swiper-slide.is-pop .peri_pop{opacity:1;
  transform:translateX(-50%) translate3d(var(--px,0px),var(--py,0px),60px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.16);
  animation:periBob 2.6s ease-in-out .6s infinite}
.optionSwiper .swiper-slide.is-pop [class^="optionBanner"]>img:first-child{filter:brightness(.55)}
@keyframes periBob{0%,100%{translate:0 0}50%{translate:0 -9px}}
@media (prefers-reduced-motion:reduce){.peri_pop{transition:opacity .2s}.optionSwiper .swiper-slide.is-pop .peri_pop{animation:none}}

.wrapper_footer{width:1200px}
.id-id .sec_footer .reg_footLink .are_footLink{width:170px}

.subTit_homeWhy h1.txt_blond{display:inline;font-size:24px;font-weight:700;line-height:1.4;margin:0}
.btn_homeWhy{display:inline-flex;align-items:center;justify-content:center}
.cpn_btn_foot{position:relative;display:inline-block}
.cpn_btn_foot a.btn_foot{font-size:12px;color:#000;font-weight:500;position:relative;background:none;border:none;padding:4px 18px;display:inline-block}
.cpn_btn_foot div.btn_foot:has(+a.btn_foot:hover){filter:brightness(1.5)}
.footer h2.txt_footTit{font-weight:400}

.sec_periInfo{width:1300px;margin:0 auto;padding:56px 70px 10px;position:relative}
.sec_periInfo .wrap_periInfo{background:linear-gradient(180deg,rgba(29,26,22,.92),rgba(19,18,23,.96));border:1px solid rgba(187,141,81,.28);border-radius:14px;padding:40px 48px;box-shadow:inset 1px 1px 1px rgba(255,224,175,.12),0 18px 40px rgba(0,0,0,.35)}
.sec_periInfo .art_head{margin-bottom:22px;text-align:center}
.sec_periInfo .art_peri>p,.sec_periInfo .art_peri>h3,.sec_periInfo .art_peri>ol,.sec_periFaq .faq_item{text-align:left}
.sec_periInfo ol li{list-style:decimal}
.sec_periInfo .art_kicker{display:inline-block;font-size:13px;letter-spacing:2px;text-transform:uppercase;color:#bb8d51;margin-bottom:10px}
.sec_periInfo h2{font-size:30px;font-style:italic;letter-spacing:1px;line-height:1.3;background:linear-gradient(180deg,#ffedb8 0,#fccc8c 50%,#9d7048);-webkit-background-clip:text;background-clip:text;color:transparent}
.sec_periInfo h3{font-size:19px;color:#f2dba3;margin:26px 0 10px}
.sec_periInfo p,.sec_periInfo li{font-size:15px;line-height:1.8;color:#d8d2c6}
.sec_periInfo p{margin-bottom:12px}
.sec_periInfo ol{padding-left:22px;margin:6px 0 14px}
.sec_periInfo li{margin-bottom:6px}
.sec_periInfo a{color:#f2dba3;border-bottom:1px solid rgba(242,219,163,.35)}
.sec_periInfo a:hover{color:#e0be1f}
.sec_periInfo strong{color:#ffe0af;font-weight:700}
.sec_periInfo .art_meta{font-size:13px;color:#8a806e;margin-top:8px}
.sec_periInfo .art_meta time{font-size:13px;color:#bb8d51}
.sec_periInfo .art_cta{display:flex;justify-content:center;gap:16px;margin-top:26px}
.sec_periInfo .art_cta .btn_akses{margin-left:0;display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 28px;border:none;border-bottom:none;color:#000;font-weight:700}
.sec_periInfo .art_cta .btn_gabung{background:linear-gradient(180deg,#f4e3b5 0,#d6b680)}
.sec_periFaq{padding-bottom:60px}
.sec_periFaq .faq_list{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.sec_periFaq .faq_item{background:rgba(20,20,23,.85);border:1px solid #36312e;border-radius:10px;padding:18px 22px}
.sec_periFaq .faq_item h3{margin:0 0 8px;font-size:17px}
.sec_periFaq .faq_item p{margin:0;font-size:14px}

.ft-pay{width:1000px;margin:26px auto 0;text-align:center}
.ft-pay h3{font-size:16px;color:#ffe0af;margin-bottom:6px}
.ft-pay .ft-pay-note{font-size:12px;color:#898989;margin-bottom:10px}
.ft-pay .ft-pay-banner{background:transparent}
.ft-pay .ft-pay-banner img{display:block;width:100%;height:auto}