/* Tambahan khusus /rtp. Tetap memuat css/style.css milik situs lama. */
.rtp-hub-page{margin:0;min-height:100vh;background:radial-gradient(circle at top,rgba(255,255,255,.08),transparent 34%),#0b0b0c;color:#f5f5f5;font-family:Arial,Helvetica,sans-serif}
.rtp-hub-page *{box-sizing:border-box}
.rtp-hub-page a{text-decoration:none}
.rtp-shell{width:min(1120px,calc(100% - 28px));margin:0 auto}
.rtp-header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:22px 0}
.brand img{display:block;max-width:190px;height:auto}

.menu-toggle{width:46px;height:46px;flex:0 0 46px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;border:1px solid #343439;border-radius:12px;background:#171719;cursor:pointer;transition:border-color .18s ease,background .18s ease,transform .18s ease}
.menu-toggle:hover{border-color:#675a30;background:#1d1d20}
.menu-toggle:active{transform:scale(.97)}
.menu-toggle span{display:block;width:21px;height:2px;border-radius:99px;background:#f4c542}
.menu-toggle:focus-visible,.sidebar-close:focus-visible,.sidebar-provider:focus-visible,.action-btn:focus-visible{outline:2px solid #f4c542;outline-offset:3px}
.action-btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:10px;background:#f4c542;color:#111;font-weight:800}
.action-secondary{background:#252528;color:#fff;border:1px solid #3b3b40}
.rtp-hero{padding:48px 34px;margin:8px 0 28px;border:1px solid #29292d;border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));text-align:center}
.eyebrow,.section-kicker{margin:0 0 9px;font-size:.78rem;font-weight:900;letter-spacing:.16em;color:#f4c542}
.rtp-hero h1{margin:0;font-size:clamp(2rem,6vw,3.9rem);line-height:1.06;color:#fff}
.hero-text{max-width:760px;margin:18px auto 0;color:#c9c9ce;font-size:1.03rem;line-height:1.75}
.hero-points{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-top:22px}
.hero-points span{padding:8px 11px;border-radius:999px;background:#171719;border:1px solid #303034;color:#ddd;font-size:.82rem}

.member-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:0 0 18px;padding:20px 22px;border:1px solid #303035;border-radius:17px;background:#121214}
.member-cta-copy{min-width:0}
.member-cta-kicker{display:block;margin-bottom:6px;font-size:.72rem;font-weight:900;letter-spacing:.14em;color:#f4c542}
.member-cta-copy strong{display:block;color:#fff;font-size:1.05rem;line-height:1.35}
.member-cta-copy p{margin:6px 0 0;color:#97979e;font-size:.88rem;line-height:1.55}
.member-cta-actions{display:flex;align-items:center;gap:9px;flex:0 0 auto}

.sidebar-open{overflow:hidden}
.sidebar-overlay{position:fixed;inset:0;z-index:998;background:rgba(0,0,0,.66);backdrop-filter:blur(2px);opacity:0;transition:opacity .22s ease}
.sidebar-overlay.is-visible{opacity:1}
.provider-sidebar{position:fixed;top:0;right:0;z-index:999;width:min(380px,88vw);height:100dvh;display:flex;flex-direction:column;background:#0f0f11;border-left:1px solid #2c2c31;box-shadow:-18px 0 45px rgba(0,0,0,.4);transform:translateX(102%);visibility:hidden;transition:transform .24s ease,visibility .24s ease}
.provider-sidebar.is-open{transform:translateX(0);visibility:visible}
.sidebar-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px;border-bottom:1px solid #28282c}
.sidebar-head>div{display:flex;flex-direction:column;gap:3px}
.sidebar-kicker{font-size:.68rem;font-weight:900;letter-spacing:.14em;color:#f4c542}
.sidebar-head strong{font-size:1.2rem;color:#fff}
.sidebar-close{width:40px;height:40px;display:grid;place-items:center;border:1px solid #343439;border-radius:11px;background:#171719;color:#fff;font-size:1.55rem;line-height:1;cursor:pointer}
.sidebar-provider-list{flex:1;overflow-y:auto;padding:10px}
.sidebar-provider{display:flex;align-items:center;gap:11px;padding:10px;border-radius:12px;color:#ececf0;transition:background .16s ease,color .16s ease}
.sidebar-provider:hover{background:#1a1a1d;color:#fff}
.sidebar-provider-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border:1px solid #29292d;border-radius:10px;background:#0b0b0c;overflow:hidden}
.sidebar-provider-icon img{display:block;max-width:35px;max-height:35px;width:auto;height:auto;object-fit:contain}
.sidebar-provider>span:nth-child(2){font-weight:800;font-size:.91rem}
.sidebar-provider-arrow{margin-left:auto;color:#f4c542;font-size:1.35rem}
.sidebar-bottom{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:14px;border-top:1px solid #28282c;background:#0d0d0f}
.sidebar-account-link{display:flex;align-items:center;justify-content:center;min-height:42px;border:1px solid #37373c;border-radius:10px;background:#19191c;color:#fff;font-weight:800}
.sidebar-account-primary{border-color:#f4c542;background:#f4c542;color:#111}

.provider-section,.faq-section{padding:30px 0}
.section-heading{margin-bottom:17px}.section-heading h2{margin:0;color:#fff;font-size:clamp(1.45rem,4vw,2.1rem)}.section-heading p:not(.section-kicker){margin:8px 0 0;color:#aaaab1;line-height:1.6}.section-heading.compact{margin-bottom:12px}
.provider-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.provider-card{display:flex;align-items:center;gap:13px;min-height:86px;padding:13px;border:1px solid #29292e;border-radius:15px;background:#141416;color:#fff;transition:transform .18s ease,border-color .18s ease,background .18s ease}
.provider-card:hover{transform:translateY(-2px);border-color:#5d522c;background:#191919}
.provider-icon-wrap{width:54px;height:54px;flex:0 0 54px;display:grid;place-items:center;border-radius:12px;background:#0d0d0e;border:1px solid #262629;overflow:hidden}
.provider-icon-wrap img{display:block;max-width:46px;max-height:46px;width:auto;height:auto;object-fit:contain}
.provider-copy{display:flex;flex-direction:column;min-width:0}.provider-copy strong{font-size:.98rem;line-height:1.25}.provider-copy small{margin-top:5px;color:#94949b;font-size:.76rem}.provider-arrow{margin-left:auto;color:#f4c542;font-size:1.7rem;line-height:1}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;padding:18px 0 30px}.info-card{padding:23px;border:1px solid #29292e;border-radius:17px;background:#111113}.info-card h2{margin:0 0 11px;font-size:1.25rem;color:#fff}.info-card p{margin:0;color:#b7b7bd;line-height:1.75}
.faq-section details{border:1px solid #29292e;border-radius:13px;background:#111113;margin:9px 0;padding:0 17px}.faq-section summary{cursor:pointer;padding:17px 0;color:#f2f2f4;font-weight:800}.faq-section details p{margin:0;padding:0 0 17px;color:#b7b7bd;line-height:1.7}
.rtp-footer{padding:26px 0 38px;border-top:1px solid #242428;margin-top:22px;color:#808087;text-align:center;font-size:.82rem;line-height:1.6}
@media(max-width:820px){.provider-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rtp-hero{padding:37px 20px}.info-grid{grid-template-columns:1fr}}
@media(max-width:520px){.rtp-shell{width:min(100% - 20px,1120px)}.rtp-header{padding:15px 0}.brand img{max-width:145px}.action-btn{min-height:38px;padding:0 12px;font-size:.82rem}.rtp-hero{margin-top:2px;border-radius:17px;padding:30px 17px}.hero-text{font-size:.94rem}.provider-grid{grid-template-columns:1fr;gap:9px}.provider-card{min-height:76px;padding:10px}.provider-icon-wrap{width:48px;height:48px;flex-basis:48px}.provider-icon-wrap img{max-width:40px;max-height:40px}}


@media(max-width:700px){
  .member-cta{align-items:stretch;flex-direction:column;gap:15px;padding:18px}
  .member-cta-actions{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .member-cta-actions .action-btn{width:100%}
}
@media(max-width:520px){
  .menu-toggle{width:42px;height:42px;flex-basis:42px;border-radius:11px}
  .member-cta{margin-bottom:10px}
  .provider-sidebar{width:min(350px,92vw)}
}


/* =========================================================
   MOBILE FIRST-VIEW OPTIMIZATION
   Tujuan: tombol Masuk/Daftar terlihat sejak viewport pertama
   tanpa mengubah konten SEO utama / schema / provider section.
   ========================================================= */

@media (max-width:700px){
  .rtp-shell{
    width:min(100% - 18px,1120px);
  }

  .rtp-header{
    padding:10px 0 12px;
  }

  .brand img{
    max-width:154px;
  }

  .menu-toggle{
    width:42px;
    height:42px;
    flex-basis:42px;
    border-radius:11px;
  }

  .menu-toggle span{
    width:20px;
  }

  /* Hero dibuat lebih padat agar CTA tidak terdorong keluar viewport */
  .rtp-hero{
    margin:0 0 12px;
    padding:22px 17px 20px;
    border-radius:18px;
  }

  .rtp-hero .eyebrow{
    margin-bottom:7px;
    font-size:.69rem;
    letter-spacing:.14em;
  }

  .rtp-hero h1{
    font-size:clamp(1.8rem,8vw,2.25rem);
    line-height:1.08;
  }

  .hero-text{
    margin-top:12px;
    max-width:100%;
    font-size:.91rem;
    line-height:1.55;
  }

  /* Chip informatif tidak perlu mengambil banyak tinggi di layar kecil */
  .hero-points{
    margin-top:13px;
    gap:6px;
  }

  .hero-points span{
    padding:6px 9px;
    font-size:.71rem;
  }

  /* CTA: tombol diprioritaskan dan tampil dulu pada mobile */
  .member-cta{
    display:flex;
    flex-direction:column;
    align-items:stretch;
    gap:11px;
    margin:0 0 14px;
    padding:14px;
    border-radius:16px;
  }

  .member-cta-actions{
    order:-1;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:9px;
    width:100%;
  }

  .member-cta-actions .action-btn{
    width:100%;
    min-height:46px;
    padding:0 14px;
    font-size:.91rem;
    border-radius:11px;
  }

  .member-cta-copy{
    text-align:left;
  }

  .member-cta-kicker{
    margin-bottom:4px;
    font-size:.66rem;
  }

  .member-cta-copy strong{
    font-size:.94rem;
    line-height:1.35;
  }

  .member-cta-copy p{
    margin-top:5px;
    font-size:.80rem;
    line-height:1.48;
  }

  .provider-section{
    padding-top:21px;
  }
}

@media (max-width:520px){
  /* Di layar sangat pendek/sempit, hilangkan chip agar CTA pasti terlihat */
  .hero-points{
    display:none;
  }

  .rtp-hero{
    padding:20px 16px 18px;
  }

  .rtp-hero h1{
    font-size:1.82rem;
  }

  .hero-text{
    font-size:.88rem;
    line-height:1.5;
  }

  .member-cta{
    padding:12px;
    gap:10px;
  }

  .member-cta-actions .action-btn{
    min-height:45px;
  }
}

/* Untuk perangkat dengan viewport pendek (mis. browser mobile dengan toolbar besar) */
@media (max-width:700px) and (max-height:760px){
  .rtp-header{
    padding:8px 0 9px;
  }

  .brand img{
    max-width:142px;
  }

  .rtp-hero{
    padding:17px 15px 16px;
    margin-bottom:9px;
  }

  .rtp-hero h1{
    font-size:1.68rem;
  }

  .hero-text{
    margin-top:9px;
    font-size:.84rem;
    line-height:1.42;
  }

  .hero-points{
    display:none;
  }

  .member-cta{
    padding:11px;
  }

  .member-cta-copy p{
    display:none;
  }
}