:root{--bg:#02060d; --bg-2:#071a38; --bg-3:#0c274f; --bg-panel:#0a1628; --blue:#1d4ed8; --blue-soft:#3b82f6; --blue-deep:#0c397c; --gold:#ffd84a; --gold-light:#fff4ad; --gold-soft:#f0d78c; --gold-deep:#d4af37; --gold-dark:#b87900; --cream:#f5f8ff; --muted:#a8b8d4; --line:rgba(255, 216, 74, 0.26); --danger:#E72D13; --radius:14px; --shadow:0 12px 40px rgba(2, 6, 13, 0.65); --font:"Segoe UI", system-ui, -apple-system, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0; font-family:var(--font); background:radial-gradient(900px 400px at 90% 0%, rgba(255, 216, 74, 0.08), transparent 55%), radial-gradient(800px 360px at 10% 100%, rgba(12, 57, 124, 0.12), transparent 55%), #02060d; color:var(--cream); line-height:1.65; min-height:100vh}a{color:var(--gold-soft); text-decoration:none}a:hover{color:var(--gold-light)}img{max-width:100%; height:auto; display:block}.container{width:min(1100px, calc(100% - 2rem)); margin:0 auto}.site-header{position:sticky; top:0; z-index:40; backdrop-filter:blur(12px); background:linear-gradient(180deg, rgba(12, 57, 124, 0.95) 0%, rgba(7, 26, 56, 0.96) 100%); border-bottom:1px solid rgba(255, 216, 74, 0.35); box-shadow:0 8px 28px rgba(2, 6, 13, 0.45)}.header-inner{display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:0.85rem 0}.brand img{height:28px; width:auto}.nav{display:flex; align-items:center; gap:0.75rem; flex-wrap:wrap}.nav > a:not(.btn), .nav-link{color:var(--cream); font-weight:600; font-size:0.95rem}.nav-panel-label{display:none}.nav-panel-links{display:contents}.nav-panel-cta{display:contents}.nav-ico, .nav-chev, .nav-link-text small{display:none}.nav-link-text{display:inline}.nav-link-text strong{font-weight:600}.nav-burger{display:none; position:relative; z-index:52; width:44px; height:44px; padding:0; border:1px solid rgba(254, 220, 61, 0.4); border-radius:12px; background:rgba(20, 16, 8, 0.85); cursor:pointer; flex-direction:column; align-items:center; justify-content:center; gap:5px}.nav-burger-line{display:block; width:20px; height:2px; border-radius:2px; background:#FCE04D; transition:transform .2s ease, opacity .2s ease}body.nav-open .nav-burger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}body.nav-open .nav-burger-line:nth-child(2){opacity:0}body.nav-open .nav-burger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}body.nav-open{overflow:hidden}.btn{display:inline-flex; align-items:center; justify-content:center; gap:0.35rem; padding:0.55rem 1rem; border-radius:999px; font-weight:700; border:1px solid transparent; transition:transform .15s ease, box-shadow .15s ease, background .15s ease; white-space:nowrap}.btn-sm{padding:0.42rem 0.85rem; font-size:0.86rem}.btn:hover{transform:translateY(-1px)}.btn-gold{background:linear-gradient(145deg, var(--gold-light), var(--gold)); color:#02060d !important; box-shadow:0 6px 18px rgba(254, 220, 61, 0.25)}.btn-ghost{border-color:var(--gold); color:var(--gold-soft) !important; background:transparent}.site-main{padding:0 0 3rem}.bottom-nav{display:none; position:fixed; left:0; right:0; bottom:0; z-index:90; grid-template-columns:repeat(5, 1fr); align-items:end; gap:0; min-height:62px; padding:0.3rem 0.2rem calc(0.3rem + env(safe-area-inset-bottom)); background:linear-gradient(180deg, #0a1628 0%, #0a0a0a 100%); border-top:1px solid rgba(254, 220, 61, 0.28); box-shadow:0 -10px 32px rgba(0, 0, 0, 0.55); backdrop-filter:blur(12px)}.bottom-nav-item{display:flex; flex-direction:column; align-items:center; justify-content:flex-end; gap:0.2rem; min-height:52px; padding:0.35rem 0.1rem 0.4rem; color:#DBB84D !important; font-size:0.62rem; font-weight:700; letter-spacing:0.01em; text-decoration:none !important; background:transparent !important; border:0; border-radius:0}.bottom-nav-ico{display:inline-flex; align-items:center; justify-content:center; line-height:1; color:#DBB84D}.bottom-nav-ico svg{display:block}.bottom-nav-label{line-height:1.1; color:inherit}.bottom-nav-item:active .bottom-nav-ico{color:#FCE04D}.bottom-nav-cta{position:relative; top:-18px; justify-content:center; min-height:0; padding:0; z-index:2}.bottom-nav-fab{display:flex; flex-direction:column; align-items:center; justify-content:center; gap:0.12rem; width:64px; height:64px; border-radius:16px; background:linear-gradient(160deg, #FCE04D 0%, #DBB84D 40%, #ffd84a 100%); color:#02060d !important; box-shadow:0 0 0 4px #0a0a0a, 0 0 22px rgba(252, 224, 77, 0.55), 0 8px 20px rgba(254, 220, 61, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.45)}.bottom-nav-cta .bottom-nav-ico{color:#02060d}.bottom-nav-cta .bottom-nav-label{font-size:0.58rem; font-weight:900; letter-spacing:0.06em; text-transform:uppercase; color:#02060d}.bottom-nav-cta:active .bottom-nav-fab{transform:scale(0.95); box-shadow:0 0 0 4px #0a0a0a, 0 0 14px rgba(252, 224, 77, 0.4), inset 0 1px 0 rgba(255, 255, 255, 0.3)}.bottom-nav-daftar{gap:0.28rem}.bottom-nav-tile{display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; border-radius:11px; background:linear-gradient(160deg, #FCE04D, #ffd84a); box-shadow:0 3px 10px rgba(254, 220, 61, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35)}.bottom-nav-daftar .bottom-nav-ico{color:#02060d}.bottom-nav-daftar .bottom-nav-label{color:#DBB84D}.bottom-nav-daftar:active .bottom-nav-tile{transform:scale(0.95)}body.has-bottom-nav .site-footer{padding-bottom:1.25rem}.hero{display:grid; grid-template-columns:1.2fr 0.8fr; gap:1.5rem; align-items:center; margin-bottom:2rem}.hero-card, .card, .post-card, .section-card{background:linear-gradient(180deg, var(--bg-3), var(--bg-2)); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow)}.hero-card{padding:1.5rem}.hero-media{border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); background:#000}.hero-media img{width:100%; aspect-ratio:1; object-fit:cover}.eyebrow{display:inline-block; color:var(--gold); font-size:0.8rem; letter-spacing:0.08em; text-transform:uppercase; font-weight:700; margin-bottom:0.5rem}h1, h2, h3{line-height:1.25; color:#FFFDF8; margin:0 0 0.75rem}h1{font-size:clamp(1.6rem, 3vw, 2.2rem)}h2{font-size:1.35rem}.lead{color:var(--cream); font-size:1.05rem}.muted{color:var(--muted)}.hero-actions{display:flex; flex-wrap:wrap; gap:0.75rem; margin-top:1.25rem}.grid-3{display:grid; grid-template-columns:repeat(3, 1fr); gap:1rem; margin:1.5rem 0}.section-card{padding:1.15rem}.section-card h2{font-size:1.1rem; color:var(--gold-soft)}.posts-head{display:flex; justify-content:space-between; align-items:end; gap:1rem; margin:2rem 0 1rem}.post-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:1rem}.post-card{overflow:hidden; display:flex; flex-direction:column}.post-card img{width:100%; aspect-ratio:16/10; object-fit:cover}.post-card .body{padding:1rem; display:flex; flex-direction:column; gap:0.5rem; flex:1}.post-meta{font-size:0.85rem; color:var(--muted)}.tag{display:inline-block; font-size:0.75rem; padding:0.15rem 0.5rem; border-radius:999px; border:1px solid var(--line); color:var(--gold-soft); margin-right:0.25rem}.article{max-width:760px; margin:0 auto}.article-hero{border-radius:var(--radius); overflow:hidden; border:1px solid var(--line); margin-bottom:1.25rem}.article-hero img{width:100%; aspect-ratio:16/9; object-fit:cover}.article-body{background:linear-gradient(180deg, var(--bg-3), var(--bg-2)); border:1px solid var(--line); border-radius:var(--radius); padding:1.5rem}.article-body p{margin:0 0 1rem}.article-body ul, .article-body ol{margin:0 0 1rem 1.2rem; color:var(--cream)}.article-body li{margin-bottom:0.35rem}.article-body h2{margin-top:1.5rem; font-size:1.2rem; color:var(--gold-soft)}.article-body h3{margin-top:1.25rem; color:var(--gold-soft)}.article-body header{margin-bottom:1rem; padding-bottom:0.75rem; border-bottom:1px solid var(--line)}.article-body header p{color:var(--muted); font-size:0.92rem}.article-body a{color:var(--gold-soft)}.site-footer{border-top:1px solid var(--line); background:#070707; padding:2rem 0 1.25rem; margin-top:auto}.footer-grid{display:grid; grid-template-columns:1.4fr 1fr 1fr; gap:1.5rem; margin-bottom:1.5rem}.footer-logo{margin-bottom:0.75rem; height:26px; width:auto}.footer-title{color:var(--gold); font-weight:700; margin:0 0 0.5rem}.site-footer ul{list-style:none; padding:0; margin:0}.site-footer li{margin-bottom:0.35rem}.footer-bottom{display:flex; justify-content:space-between; gap:1rem; flex-wrap:wrap; border-top:1px solid rgba(255,255,255,0.06); padding-top:1rem; color:var(--muted); font-size:0.9rem}.popup{position:fixed; inset:0; background:rgba(12, 0, 2, 0.82); display:grid; place-items:center; z-index:100; padding:1rem}.popup[hidden]{display:none !important}.popup-card{width:min(420px, 100%); background:radial-gradient(120% 80% at 50% 0%, rgba(254, 220, 61, 0.12), transparent 55%), linear-gradient(180deg, #0c274f 0%, #0a1628 55%, #0a0a0a 100%); border:1px solid rgba(254, 220, 61, 0.4); border-radius:18px; padding:1.25rem; text-align:center; position:relative; box-shadow:0 18px 48px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(254, 220, 61, 0.08) inset}.popup-card h2{color:#FCE04D; margin:0.35rem 0 0.5rem}.popup-card p{color:#FFFDF8}.popup-card img{width:100%; border-radius:12px; margin-bottom:0.85rem; aspect-ratio:1 / 1; object-fit:cover}.popup-close{position:absolute; top:0.4rem; right:0.55rem; border:0; background:transparent; color:var(--cream); font-size:1.6rem; cursor:pointer; line-height:1}.popup-actions{display:flex; gap:0.6rem; justify-content:center; margin-top:1rem}body.popup-open{overflow:hidden}.rating-reviews{position:relative}.wd-popup{position:fixed; left:1rem; bottom:calc(1rem + 72px + env(safe-area-inset-bottom)); z-index:95; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:0.75rem; width:min(360px, calc(100vw - 1.5rem)); padding:0.85rem 2rem 0.85rem 0.85rem; border-radius:16px; border:1px solid rgba(254, 220, 61, 0.45); background:radial-gradient(120% 100% at 0% 0%, rgba(254, 220, 61, 0.16), transparent 55%), linear-gradient(155deg, #0c274f 0%, #0a1628 50%, #0a0a0a 100%); box-shadow:0 14px 36px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(254, 220, 61, 0.08) inset; animation:wdPopIn 0.35s ease}.wd-popup[hidden], .wd-popup[style*="display:none"], .wd-popup[style*="display:none"]{}.wd-popup.is-hiding{animation:wdPopOut 0.3s ease forwards}@keyframes wdPopIn{from{opacity:0; transform:translateY(14px) scale(0.96)}to{opacity:1; transform:translateY(0) scale(1)}}@keyframes wdPopOut{from{opacity:1; transform:translateY(0)}to{opacity:0; transform:translateY(12px)}}.wd-popup-avatar{position:relative; flex:0 0 48px; width:48px; height:48px; border-radius:50%; overflow:hidden; box-shadow:0 0 0 2px rgba(254, 220, 61, 0.55), 0 4px 12px rgba(254, 220, 61, 0.3)}.wd-popup-person{display:block; width:48px; height:48px}.wd-popup-initial{position:absolute; inset:0; display:none; align-items:center; justify-content:center; font-size:1rem; font-weight:900; color:#02060d}.wd-popup-body{min-width:0; display:flex; flex-direction:column; gap:0.12rem}.wd-popup-label{margin:0; font-size:0.62rem; font-weight:800; letter-spacing:0.1em; text-transform:uppercase; color:var(--gold-light); line-height:1.2}.wd-popup-user{margin:0; font-size:0.95rem; font-weight:800; color:#FCE04D; line-height:1.25; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}.wd-popup-line{margin:0.1rem 0 0; display:flex; align-items:center; flex-wrap:wrap; gap:0.35rem 0.45rem; font-size:0.9rem; color:var(--cream); line-height:1.3}.wd-popup-badge{display:inline-flex; align-items:center; padding:0.12rem 0.4rem; border-radius:6px; font-size:0.65rem; font-weight:900; letter-spacing:0.06em; color:#02060d; background:linear-gradient(145deg, #FCE04D, #ffd84a)}.wd-popup-line em{font-style:normal; font-weight:800; font-size:0.98rem; color:#7dffa0; letter-spacing:0.01em}.wd-popup-ago{margin:0.1rem 0 0; font-size:0.7rem; color:var(--muted)}.wd-popup-cta{align-self:center; flex:0 0 auto; padding:0.55rem 0.75rem; border-radius:999px; font-size:0.72rem; font-weight:800; letter-spacing:0.03em; color:#02060d !important; background:linear-gradient(145deg, #FCE04D, #ffd84a); text-decoration:none !important; white-space:nowrap; box-shadow:0 4px 12px rgba(254, 220, 61, 0.35)}.wd-popup-cta:hover{filter:brightness(1.06)}.wd-popup-close{position:absolute; top:0.25rem; right:0.4rem; border:0; background:transparent; color:var(--muted); font-size:1.2rem; line-height:1; cursor:pointer; padding:0.15rem 0.35rem; border-radius:6px}.wd-popup-close:hover{color:var(--cream); background:rgba(255, 255, 255, 0.06)}.wd-popup-note{margin:0.65rem 0 0; font-size:0.8rem}@media (min-width:721px){.wd-popup{bottom:1.35rem; left:1.35rem; width:min(380px, calc(100vw - 2rem))}}@media (max-width:380px){.wd-popup{grid-template-columns:auto 1fr; gap:0.6rem; padding-right:1.75rem}.wd-popup-cta{grid-column:1 / -1; justify-self:stretch; text-align:center}}.notice{border-left:3px solid var(--gold); background:rgba(254, 220, 61, 0.08); padding:0.85rem 1rem; border-radius:8px; color:var(--muted); font-size:0.92rem; margin:1rem 0}.breadcrumb{display:flex; flex-wrap:wrap; gap:0.4rem; align-items:center; font-size:0.88rem; color:var(--muted); margin:0 0 1rem}.breadcrumb a{color:var(--gold-soft)}.card-pad, .blog-hero, .blog-faq, .blog-cta-box{background:linear-gradient(180deg, var(--bg-3), var(--bg-2)); border:1px solid var(--line); border-radius:var(--radius); padding:1.35rem 1.4rem; margin-bottom:1.25rem; box-shadow:var(--shadow)}.blog-hero h1{margin-bottom:0.75rem}.seo-meta-line{font-size:0.9rem; margin:0.75rem 0 0}.blog-pillars{margin-bottom:1.75rem}.blog-list-section{margin-bottom:1.75rem}.tag-row{margin-top:0.35rem}.read-more{margin:0.5rem 0 0; font-weight:600; font-size:0.92rem}.faq-list{display:grid; gap:0.65rem; margin-top:0.85rem}.faq-item{border:1px solid var(--line); border-radius:10px; padding:0.65rem 0.9rem; background:rgba(0,0,0,0.25)}.faq-item summary{cursor:pointer; font-weight:700; color:var(--cream); list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary::before{content:"+ "; color:var(--gold); font-weight:800}.faq-item[open] summary::before{content:"– "}.faq-item p{margin:0.55rem 0 0.15rem; color:var(--muted); font-size:0.95rem}.article-head{margin-bottom:1rem}.article-scope{margin-top:0}.brand-byline{color:var(--gold); font-size:0.92rem; font-weight:600; margin:-0.25rem 0 0.75rem; letter-spacing:0.02em}.article-body .brand-context{border-left:3px solid var(--gold); padding:0.65rem 0.9rem; background:rgba(254, 220, 61, 0.07); border-radius:8px; color:var(--cream)}.article-takeaway{margin-top:1.5rem; padding-top:1rem; border-top:1px solid var(--line)}.article-takeaway h2{font-size:1.1rem; color:var(--gold-soft)}.article-takeaway ul{margin:0.5rem 0 0 1.1rem; color:var(--cream)}.related-posts{margin:2rem 0 1rem}.related-posts h2{font-size:1.2rem; margin-bottom:0.85rem}.related-grid{grid-template-columns:repeat(3, 1fr)}.article-nav{display:flex; flex-wrap:wrap; gap:0.75rem; margin:1.5rem 0 0.5rem}@media (max-width:900px){.related-grid{grid-template-columns:1fr}}.info-marquee{display:block; width:100%; overflow:hidden; position:relative; z-index:5; border-bottom:1px solid rgba(254, 220, 61, 0.45); background:linear-gradient(90deg, #120f08 0%, #1f1a0c 50%, #120f08 100%); min-height:42px; white-space:nowrap}.info-marquee-primary{margin:0 0 1.25rem; box-shadow:0 4px 18px rgba(0, 0, 0, 0.35)}.info-marquee.marquee-soft{margin:1.25rem 0 1.5rem; border:1px solid rgba(254, 220, 61, 0.35); border-radius:var(--radius); background:rgba(254, 220, 61, 0.1); min-height:40px}.marquee-inner{overflow:hidden; width:100%; padding:0.65rem 0}.marquee-track{display:flex; flex-wrap:nowrap; width:max-content; gap:2.25rem; animation:marquee-left 35s linear infinite; will-change:transform}.marquee-track-reverse{animation-name:marquee-right; animation-duration:28s}.marquee-item{display:inline-flex; flex:0 0 auto; align-items:center; gap:0.45rem; color:#ffe9a8; font-size:0.9rem; font-weight:700; letter-spacing:0.02em; text-shadow:0 1px 2px rgba(0, 0, 0, 0.55)}.marquee-item i{color:#FCE04D; font-style:normal; opacity:1}@keyframes marquee-left{from{transform:translate3d(0, 0, 0)}to{transform:translate3d(-33.333%, 0, 0)}}@keyframes marquee-right{from{transform:translate3d(-33.333%, 0, 0)}to{transform:translate3d(0, 0, 0)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}.site-main > .container{padding-top:0.25rem}.info-top{margin:0 0 1.5rem; padding:1.15rem 1.2rem 1.4rem; background:linear-gradient(180deg, rgba(26, 23, 16, 0.98), rgba(12, 12, 12, 0.95)); border:1px solid var(--line); border-radius:var(--radius); box-shadow:var(--shadow)}.info-top .posts-head{margin-top:0}.info-cards{margin:1.25rem 0 0}.info-cards h3{font-size:1.05rem; color:var(--gold-soft); margin:0 0 0.5rem}.latest-below-hero{margin:1.75rem 0 1.5rem}.seo-pillar{margin:0 0 1.5rem}.seo-pillar .lead{margin-bottom:1rem}.pillar-grid{display:grid; grid-template-columns:1fr 1fr; gap:0.9rem}.pillar-item{border:1px solid var(--line); border-radius:12px; padding:0.95rem 1rem; background:rgba(0, 0, 0, 0.28)}.pillar-item h3{font-size:1.02rem; color:var(--gold-soft); margin:0 0 0.45rem}.pillar-item p{margin:0; color:var(--cream); font-size:0.95rem; line-height:1.6}.seo-links{margin:1rem 0 0; font-size:0.9rem}.home-faq{margin-top:0.25rem}.payments-section{margin:0 0 1.5rem}.payments-section .lead{margin-bottom:1rem}.pay-groups{display:grid; grid-template-columns:repeat(2, 1fr); gap:0.85rem}.pay-group{border:1px solid var(--line); border-radius:14px; padding:0.95rem 1rem 1rem; background:radial-gradient(120% 80% at 0% 0%, rgba(254, 220, 61, 0.1), transparent 55%), rgba(0, 0, 0, 0.3)}.pay-group-head{display:flex; align-items:center; gap:0.5rem; margin-bottom:0.7rem}.pay-group-ico{display:inline-flex; align-items:center; justify-content:center; width:32px; height:32px; border-radius:9px; background:rgba(254, 220, 61, 0.12); border:1px solid rgba(254, 220, 61, 0.3); font-size:0.95rem}.pay-group h3{margin:0; font-size:1rem; color:var(--gold-soft)}.pay-chips{list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:0.4rem}.pay-chip{display:inline-flex; align-items:center; padding:0.35rem 0.7rem; border-radius:999px; border:1px solid rgba(254, 220, 61, 0.32); background:rgba(254, 220, 61, 0.08); color:var(--cream); font-size:0.8rem; font-weight:700; letter-spacing:0.02em}.pay-tips{margin:1rem 0 0.65rem; padding:0 0 0 1.15rem; color:var(--cream); font-size:0.92rem; line-height:1.55}.pay-tips li{margin-bottom:0.3rem}.pay-note{margin:0.5rem 0 0; font-size:0.86rem}.howto-section{margin:0 0 1.5rem}.howto-steps{list-style:none; margin:0 0 1rem; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:0.75rem; counter-reset:none}.howto-step{display:flex; gap:0.75rem; align-items:flex-start; padding:0.9rem 0.95rem; border-radius:14px; border:1px solid var(--line); background:rgba(0, 0, 0, 0.28)}.howto-num{flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; min-width:2rem; height:2rem; padding:0 0.35rem; border-radius:10px; background:linear-gradient(145deg, var(--gold-light), var(--gold)); color:#02060d; font-size:0.78rem; font-weight:900; letter-spacing:0.04em}.howto-body h3{margin:0 0 0.3rem; font-size:0.98rem; color:var(--gold-soft)}.howto-body p{margin:0; font-size:0.9rem; color:var(--cream); line-height:1.55}.howto-actions{display:flex; flex-wrap:wrap; gap:0.5rem}.providers-section{margin:0 0 1.5rem}.provider-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:0.75rem}.provider-card{padding:0.95rem 1rem; border-radius:14px; border:1px solid var(--line); background:radial-gradient(100% 80% at 100% 0%, rgba(254, 220, 61, 0.1), transparent 50%), rgba(0, 0, 0, 0.3)}.provider-top{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0.35rem 0.5rem; margin-bottom:0.45rem}.provider-card h3{margin:0; font-size:1rem; color:var(--cream)}.provider-tag{font-size:0.68rem; font-weight:800; letter-spacing:0.04em; text-transform:uppercase; color:#02060d; background:linear-gradient(145deg, #FCE04D, #ffd84a); padding:0.2rem 0.5rem; border-radius:999px}.provider-card p{margin:0; font-size:0.88rem; color:var(--muted); line-height:1.55}.glossary-section{margin:0 0 1.5rem}.glossary-grid{display:grid; grid-template-columns:1fr 1fr; gap:0.65rem; margin:0 0 0.85rem}.glossary-item{margin:0; padding:0.8rem 0.9rem; border-radius:12px; border:1px solid var(--line); background:rgba(0, 0, 0, 0.26)}.glossary-item dt{margin:0 0 0.3rem; font-size:0.92rem; font-weight:800; color:var(--gold-light)}.glossary-item dd{margin:0; font-size:0.88rem; color:var(--cream); line-height:1.5}.security-section{margin:0 0 1.5rem}.security-list{list-style:none; margin:0 0 0.75rem; padding:0; display:grid; gap:0.45rem}.security-list li{display:flex; gap:0.65rem; align-items:flex-start; padding:0.7rem 0.85rem; border-radius:12px; border:1px solid rgba(254, 220, 61, 0.22); background:rgba(254, 220, 61, 0.05); font-size:0.92rem; color:var(--cream); line-height:1.45}.security-check{flex:0 0 auto; display:inline-flex; align-items:center; justify-content:center; width:1.35rem; height:1.35rem; margin-top:0.05rem; border-radius:6px; background:linear-gradient(145deg, #FCE04D, #ffd84a); color:#02060d; font-size:0.75rem; font-weight:900}.trust-section{margin:0 0 1.5rem}.trust-section .lead{margin-bottom:0.5rem}.trust-grid{display:grid; grid-template-columns:1fr 1fr; gap:0.85rem; margin:1rem 0}.trust-card{padding:1rem 1.05rem; border-radius:14px; border:1px solid var(--line); background:radial-gradient(120% 80% at 0% 0%, rgba(254, 220, 61, 0.1), transparent 55%), rgba(0, 0, 0, 0.3)}.trust-card h3{margin:0 0 0.5rem; font-size:0.95rem; color:var(--gold-soft)}.trust-name{margin:0 0 0.2rem; font-size:1.08rem; font-weight:800; color:var(--cream)}.trust-role{margin:0 0 0.55rem; font-size:0.86rem; font-weight:700; color:var(--gold-light)}.trust-card p{margin:0 0 0.45rem; font-size:0.92rem; line-height:1.55}.trust-channels{margin:0.35rem 0 0.5rem; padding-left:1.1rem; font-size:0.9rem; color:var(--cream); line-height:1.5}.trust-channels li{margin-bottom:0.25rem}.small-note{font-size:0.84rem}.trust-principles-title{margin:0.5rem 0 0.65rem; font-size:1rem; color:var(--gold-soft)}.trust-principles{margin-bottom:0}.star-rating{display:flex; flex-wrap:wrap; align-items:center; gap:0.4rem 0.65rem; margin:0.35rem 0 0.85rem; padding:0.55rem 0.75rem; border-radius:10px; border:1px solid var(--line); background:rgba(254, 220, 61, 0.08); width:fit-content; max-width:100%; text-decoration:none; color:inherit}a.star-rating:hover, a.star-rating:focus-visible{border-color:color-mix(in srgb, var(--gold) 45%, transparent); filter:brightness(1.05); outline:none}.star-rating--compact{margin:0.45rem 0 0.75rem; padding:0.4rem 0.7rem; gap:0.35rem 0.5rem}.star-rating--compact .star-rating-stars{font-size:1rem}.star-rating--compact .star-rating-text{font-size:0.86rem}.star-rating-stars{color:#FCE04D; font-size:1.15rem; letter-spacing:0.06em; line-height:1; text-shadow:0 0 10px rgba(252, 224, 77, 0.25)}.star-half{display:inline-block; position:relative; width:0.52em; overflow:hidden; vertical-align:baseline; color:#FCE04D}.star-half::after{content:'☆'; position:absolute; left:0; top:0; width:200%; color:color-mix(in srgb, #FCE04D 35%, transparent); pointer-events:none}.star-rating-text{color:var(--cream); font-size:0.92rem}.star-rating-text strong{color:#FCE04D}.star-rating-label{color:var(--muted); font-size:0.8rem; width:100%}.rating-reviews{margin-bottom:1.25rem}.rating-reviews .star-rating{margin-bottom:0}.review-summary{display:flex; flex-direction:column; gap:0.7rem; margin:0 0 1rem; padding:0.85rem 0.95rem; width:100%; max-width:100%; box-sizing:border-box; border-radius:14px; border:1px solid var(--line); background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--gold) 14%, transparent), transparent 55%), rgba(0, 0, 0, 0.28); box-shadow:inset 0 1px 0 rgba(255, 255, 255, 0.04); overflow:hidden}.review-summary .star-rating{margin:0; width:100%; max-width:100%; box-sizing:border-box; background:color-mix(in srgb, var(--gold) 10%, transparent)}.review-summary .star-rating-label{display:none}.review-drip-note{margin:0 0 0.85rem; font-size:0.86rem}.review-drip-meta{display:flex; flex-wrap:wrap; align-items:center; gap:0.45rem 0.55rem; margin:0; padding:0; width:100%; max-width:100%; box-sizing:border-box; border:0; border-radius:0; background:transparent; box-shadow:none}.review-drip-chip{display:inline-flex; align-items:center; gap:0.35rem; padding:0.28rem 0.7rem; border-radius:999px; font-size:0.82rem; line-height:1.2; color:var(--cream); background:rgba(0, 0, 0, 0.28); border:1px solid color-mix(in srgb, var(--gold) 18%, transparent)}.review-drip-chip strong{color:var(--gold-light); font-weight:700; font-variant-numeric:tabular-nums}.review-drip-chip--total{background:color-mix(in srgb, var(--gold) 18%, transparent); border-color:color-mix(in srgb, var(--gold) 35%, transparent)}.review-drip-chip--show{color:var(--muted)}.review-drip-ico{flex-shrink:0; color:var(--gold-light); opacity:0.95}.review-drip-sep{width:4px; height:4px; border-radius:50%; background:color-mix(in srgb, var(--gold) 55%, transparent)}.review-drip-link{margin-left:0.15rem; padding:0.28rem 0.75rem; border-radius:999px; font-size:0.78rem; font-weight:700; letter-spacing:0.02em; color:#02060d; text-decoration:none; background:linear-gradient(135deg, var(--gold-light), var(--gold) 55%, var(--gold-soft)); border:1px solid color-mix(in srgb, var(--gold) 60%, transparent); box-shadow:0 2px 10px color-mix(in srgb, var(--gold) 22%, transparent); transition:transform 0.15s ease, filter 0.15s ease}.review-drip-link:hover, .review-drip-link:focus-visible{filter:brightness(1.06); transform:translateY(-1px); outline:none}@media (max-width:560px){.review-summary{padding:0.75rem 0.8rem; border-radius:12px}.review-drip-meta{gap:0.4rem}.review-drip-sep{display:none}.review-drip-link{margin-left:0; width:100%; text-align:center; box-sizing:border-box}}.review-carousel{--review-per:3; --review-gap:0.85rem; margin-top:0.5rem; border:1px solid var(--line); border-radius:14px; overflow:hidden; background:radial-gradient(120% 80% at 0% 0%, rgba(254, 220, 61, 0.1), transparent 55%), rgba(0, 0, 0, 0.28)}.review-carousel-viewport{position:relative; overflow:hidden; padding:0.95rem 0.95rem 0.35rem}.review-carousel-track{display:flex; gap:var(--review-gap); transition:transform 0.4s ease; will-change:transform}.review-carousel .review-card, .review-carousel .review-slide{flex:0 0 calc((100% - (var(--review-per) - 1) * var(--review-gap)) / var(--review-per)); min-width:0; box-sizing:border-box; border:1px solid var(--line); border-radius:12px; padding:0.95rem 1rem; background:rgba(0, 0, 0, 0.35); display:flex; flex-direction:column; min-height:148px}.review-top{display:flex; justify-content:space-between; gap:0.65rem; align-items:flex-start; margin-bottom:0.15rem}.review-user{display:flex; align-items:center; gap:0.65rem; min-width:0; flex:1}.review-avatar{flex:0 0 40px; width:40px; height:40px; border-radius:50%; overflow:hidden; box-shadow:0 0 0 2px rgba(254, 220, 61, 0.45), 0 3px 10px rgba(254, 220, 61, 0.22)}.review-person{display:block; width:40px; height:40px}.review-user-meta{min-width:0; display:flex; flex-direction:column; gap:0.1rem}.review-top strong, .review-user-meta strong{font-size:0.95rem; color:var(--gold); line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}.review-user-meta .post-meta{margin:0; font-size:0.78rem; color:var(--muted)}.review-stars{color:#FCE04D; letter-spacing:0.04em; font-size:0.9rem; flex-shrink:0; line-height:1.4; padding-top:0.15rem}.review-card p, .review-slide p{margin:0.65rem 0 0; color:var(--cream); font-size:0.92rem; line-height:1.55; flex:1; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; line-clamp:4; overflow:hidden}.review-carousel-controls{display:flex; align-items:center; gap:0.55rem; padding:0.55rem 0.85rem 0.75rem; border-top:1px solid rgba(254, 220, 61, 0.18); flex-wrap:wrap}.review-carousel-controls [data-review-dots], .review-carousel-controls .carousel-dots{display:flex; align-items:center; gap:0.1rem; max-width:min(70vw, 320px); overflow-x:auto; scrollbar-width:none}.review-carousel-controls [data-review-dots]::-webkit-scrollbar, .review-carousel-controls .carousel-dots::-webkit-scrollbar{display:none}.review-carousel-controls .carousel-count{margin-left:auto; font-size:0.8rem; color:var(--muted); font-weight:700}.review-carousel .carousel-progress{height:2px; background:rgba(254, 220, 61, 0.12)}.review-carousel .carousel-progress span{display:block; height:100%; width:0; background:linear-gradient(90deg, #ffd84a, #FCE04D)}@media (max-width:980px){.review-carousel{--review-per:2}}@media (max-width:720px){.review-carousel{--review-per:1}.review-carousel-viewport{padding:0.75rem 0.75rem 0.25rem}.review-carousel .review-card{min-height:130px}}@media (max-width:720px){.pillar-grid{grid-template-columns:1fr; gap:0.65rem}.pillar-item{padding:0.85rem 0.9rem}.pillar-item h3{font-size:0.98rem}.pillar-item p{font-size:0.9rem}.pay-groups{grid-template-columns:1fr; gap:0.65rem}.pay-group{padding:0.85rem 0.9rem}.pay-chip{font-size:0.76rem}.howto-steps{grid-template-columns:1fr; gap:0.55rem}.provider-grid{grid-template-columns:1fr; gap:0.55rem}.glossary-grid{grid-template-columns:1fr; gap:0.5rem}.security-list li{font-size:0.88rem}.trust-grid{grid-template-columns:1fr; gap:0.65rem}}.info-carousel{position:relative; margin:0.85rem 0 0.25rem; border:1px solid var(--line); border-radius:16px; overflow:hidden; background:linear-gradient(145deg, #14120a, #0a0a0a); box-shadow:0 10px 28px rgba(0,0,0,0.35)}.carousel-viewport{position:relative}.carousel-slide{display:grid; grid-template-columns:minmax(0, 1.1fr) minmax(0, 1fr); gap:0; min-height:300px; animation:carousel-in 0.35s ease}.carousel-slide[hidden]{display:none !important}@keyframes carousel-in{from{opacity:0.35; transform:translateY(6px)}to{opacity:1; transform:none}}.carousel-media{position:relative; background:#000; min-height:260px; overflow:hidden}.carousel-media img{width:100%; height:100%; min-height:260px; max-height:340px; object-fit:cover; object-position:center top; display:block}.carousel-media-overlay{position:absolute; left:0; right:0; bottom:0; padding:0.75rem 0.9rem; background:linear-gradient(transparent, rgba(0,0,0,0.75))}.carousel-badge{display:inline-block; font-size:0.78rem; font-weight:700; color:#02060d; background:linear-gradient(145deg, #FCE04D, #ffd84a); padding:0.28rem 0.65rem; border-radius:999px}.carousel-body{padding:1.35rem 1.45rem; display:flex; flex-direction:column; justify-content:center; gap:0.55rem; background:linear-gradient(180deg, #16130b, #0e0d0a)}.carousel-body h3{font-size:clamp(1.15rem, 2.4vw, 1.5rem); margin:0; color:#FFFDF8; line-height:1.3}.carousel-body .muted{display:-webkit-box; -webkit-line-clamp:5; -webkit-box-orient:vertical; overflow:hidden; line-height:1.55}.carousel-actions{display:flex; align-items:center; justify-content:space-between; gap:0.75rem; margin-top:0.55rem; flex-wrap:wrap}.carousel-count{font-size:0.85rem; font-weight:700; color:var(--gold-soft); letter-spacing:0.04em}.carousel-controls{display:flex; align-items:center; justify-content:center; gap:0.85rem; padding:0.7rem 0.75rem 0.8rem; border-top:1px solid var(--line); background:rgba(0,0,0,0.45)}.carousel-btn{width:38px; height:38px; border-radius:50%; border:1px solid var(--gold); background:rgba(254, 220, 61, 0.08); color:var(--gold-light); font-size:1.4rem; line-height:1; cursor:pointer; display:inline-flex; align-items:center; justify-content:center; transition:background .15s ease, transform .15s ease}.carousel-btn:hover{background:rgba(254, 220, 61, 0.22); transform:scale(1.05)}.carousel-dots{display:flex; gap:0.15rem; align-items:center}.carousel-dot{position:relative; width:44px; height:44px; min-width:44px; min-height:44px; border:0; border-radius:50%; background:transparent; padding:0; cursor:pointer; flex:0 0 auto; appearance:none; -webkit-tap-highlight-color:transparent}.carousel-dot::before{content:''; position:absolute; left:50%; top:50%; width:10px; height:10px; margin:-5px 0 0 -5px; border-radius:50%; border:1px solid var(--gold); background:transparent; transition:background .15s ease, transform .15s ease, box-shadow .15s ease}.carousel-dot.is-active::before{background:var(--gold-light); transform:scale(1.15); box-shadow:0 0 0 3px color-mix(in srgb, var(--gold) 28%, transparent)}.carousel-dot:focus-visible{outline:2px solid var(--gold-light); outline-offset:2px}.carousel-progress{height:3px; background:rgba(254, 220, 61, 0.12); width:100%}.carousel-progress span{display:block; height:100%; width:0; background:linear-gradient(90deg, #ffd84a, #FCE04D)}.rtp-section{margin:2rem 0 2.5rem}.page-rtp .rtp-points h2{font-size:1.05rem; color:var(--gold-soft)}.rtp-points{margin:1rem 0 1.5rem}.rtp-points h3{font-size:1.05rem; color:var(--gold-soft); margin:0 0 0.5rem}.rtp-disclaimer{margin-bottom:1.25rem}.rtp-table-wrap{margin-bottom:1.25rem}.rtp-table-wrap h3{margin:0 0 0.35rem; color:var(--gold-soft); font-size:1.1rem}.table-note{margin:0 0 0.85rem; font-size:0.92rem}.table-scroll{overflow-x:auto; -webkit-overflow-scrolling:touch}.rtp-table{width:100%; border-collapse:collapse; min-width:640px; font-size:0.92rem}.rtp-table th, .rtp-table td{border:1px solid var(--line); padding:0.7rem 0.75rem; text-align:left; vertical-align:top}.rtp-table th{background:rgba(254, 220, 61, 0.12); color:var(--gold-light); font-weight:700; white-space:nowrap}.rtp-table tbody tr:nth-child(even){background:rgba(255,255,255,0.02)}.rtp-table tbody tr:hover{background:rgba(254, 220, 61, 0.06)}.rtp-value{color:var(--gold-light); font-weight:800; font-variant-numeric:tabular-nums}.rtp-foot{margin:0.75rem 0 0; font-size:0.85rem}.rtp-faq{margin-top:0.5rem}.rtp-faq h3{margin:0 0 0.5rem; color:var(--gold-soft)}@media (max-width:900px){.container{width:min(1100px, calc(100% - 1.25rem))}.hero, .grid-3, .post-grid, .footer-grid, .related-grid{grid-template-columns:1fr}.posts-head{flex-direction:column; align-items:flex-start; gap:0.75rem}.hero{margin-bottom:1.25rem; gap:1rem}.hero-card{padding:1.15rem}.hero-media{order:-1}.hero-media img{aspect-ratio:1 / 1; max-height:240px; width:100%; object-fit:cover}h1{font-size:1.45rem}h2{font-size:1.2rem}.lead{font-size:0.98rem}.hero-actions{gap:0.5rem; margin-top:1rem}.hero-actions .btn{flex:1 1 calc(50% - 0.5rem); min-width:120px}}@media (max-width:720px){.bottom-nav{display:grid}body.has-bottom-nav{padding-bottom:calc(72px + env(safe-area-inset-bottom))}body.has-bottom-nav .site-main{padding-bottom:1.5rem}body.has-bottom-nav .site-footer{padding-bottom:calc(1rem + 8px)}body.has-bottom-nav .popup{padding-bottom:calc(0.75rem + 64px + env(safe-area-inset-bottom))}.container{width:calc(100% - 1rem)}.header-inner{padding:0.65rem 0; gap:0.5rem; position:relative; justify-content:center; min-height:52px}.brand{display:flex; justify-content:center; align-items:center; margin:0 auto}.brand img{height:28px}.nav-burger{display:inline-flex; position:absolute; right:0; top:50%; transform:translateY(-50%)}.nav-primary{display:none; position:absolute; top:calc(100% + 0.45rem); left:0; right:0; z-index:51; flex-direction:column; align-items:stretch; gap:0; padding:0; overflow:hidden; background:radial-gradient(120% 80% at 100% 0%, rgba(254, 220, 61, 0.14), transparent 55%), linear-gradient(180deg, #16120a 0%, #0c0a06 100%); border:1px solid rgba(254, 220, 61, 0.45); border-radius:16px; box-shadow:0 20px 48px rgba(0, 0, 0, 0.65), 0 0 0 1px rgba(252, 224, 77, 0.06) inset, 0 1px 0 rgba(252, 224, 77, 0.12) inset; animation:navPanelIn 0.22s ease}@keyframes navPanelIn{from{opacity:0; transform:translateY(-8px) scale(0.98)}to{opacity:1; transform:translateY(0) scale(1)}}body.nav-open .nav-primary{display:flex}.nav-panel-label{display:block; margin:0; padding:0.75rem 1rem 0.55rem; font-size:0.68rem; font-weight:800; letter-spacing:0.14em; text-transform:uppercase; color:var(--gold-light); border-bottom:1px solid rgba(254, 220, 61, 0.22); background:linear-gradient(90deg, rgba(254, 220, 61, 0.1), transparent 70%)}.nav-panel-links{display:flex; flex-direction:column; gap:0.3rem; padding:0.55rem 0.55rem 0.4rem}.nav-primary .nav-link{display:flex; align-items:center; gap:0.75rem; padding:0.7rem 0.75rem; border-radius:12px; border:1px solid transparent; background:rgba(255, 255, 255, 0.02); color:var(--cream) !important; text-decoration:none !important; transition:background .15s ease, border-color .15s ease}.nav-primary .nav-link:active, .nav-primary .nav-link:focus{background:rgba(254, 220, 61, 0.12); border-color:rgba(254, 220, 61, 0.35)}.nav-ico{display:inline-flex; align-items:center; justify-content:center; flex:0 0 36px; width:36px; height:36px; border-radius:10px; background:linear-gradient(145deg, rgba(252, 224, 77, 0.18), rgba(254, 220, 61, 0.08)); border:1px solid rgba(254, 220, 61, 0.35); color:#FCE04D; font-size:1rem; line-height:1}.nav-link-text{display:flex; flex-direction:column; gap:0.1rem; flex:1; min-width:0}.nav-link-text strong{font-size:0.95rem; font-weight:700; color:#FFFDF8; line-height:1.2}.nav-link-text small{display:block; font-size:0.72rem; font-weight:500; color:var(--muted); line-height:1.25}.nav-chev{display:inline-block; color:var(--gold); font-size:1.25rem; font-weight:700; opacity:0.7; line-height:1}.nav-panel-cta{display:grid; grid-template-columns:1fr 1fr; gap:0.5rem; padding:0.65rem 0.7rem 0.85rem; margin-top:0.15rem; border-top:1px solid rgba(254, 220, 61, 0.22); background:linear-gradient(180deg, rgba(254, 220, 61, 0.06), transparent)}.nav-panel-cta .btn{width:100%; margin:0; min-height:42px; font-size:0.82rem; letter-spacing:0.04em}.info-marquee{min-height:36px}.marquee-inner{padding:0.5rem 0}.marquee-item{font-size:0.78rem; gap:0.35rem}.marquee-track{gap:1.25rem; animation-duration:28s}.info-marquee-primary{margin-bottom:0.85rem}.info-marquee.marquee-soft{margin:0.9rem 0 1rem}.hero-card{padding:1rem; border-radius:12px}.hero-media{border-radius:12px}.hero-media img{aspect-ratio:1 / 1; max-height:200px}.eyebrow{font-size:0.72rem; margin-bottom:0.35rem}h1{font-size:1.28rem; line-height:1.3}.lead{font-size:0.92rem; line-height:1.55}.hero-actions{display:grid; grid-template-columns:1fr 1fr; gap:0.5rem}.hero-actions .btn{flex:none; min-width:0; width:100%; padding:0.7rem 0.5rem; font-size:0.86rem}.info-top{padding:0.9rem 0.85rem 1rem; border-radius:12px; margin-bottom:1rem}.info-top .posts-head .hero-actions{width:100%; grid-template-columns:1fr 1fr}.info-carousel{border-radius:12px; margin-top:0.65rem}.carousel-slide{grid-template-columns:1fr; min-height:0}.carousel-media{min-height:0}.carousel-media img{min-height:150px; max-height:168px; aspect-ratio:1 / 1}.carousel-body{padding:0.95rem 0.95rem 1.05rem; gap:0.4rem}.carousel-body h3{font-size:1.05rem}.carousel-body .muted{-webkit-line-clamp:3; font-size:0.88rem}.carousel-actions{margin-top:0.35rem; gap:0.5rem}.carousel-actions .btn{flex:1 1 auto; min-width:0}.carousel-count{font-size:0.78rem}.carousel-controls{gap:0.55rem; padding:0.55rem 0.5rem 0.65rem}.carousel-btn{width:34px; height:34px; font-size:1.2rem}.carousel-dot{width:44px; height:44px; min-width:44px; min-height:44px}.carousel-dot::before{width:9px; height:9px; margin:-4.5px 0 0 -4.5px}.info-cards{margin-top:0.85rem; gap:0.65rem}.section-card{padding:0.9rem; border-radius:12px}.section-card h2, .section-card h3{font-size:1rem; margin-bottom:0.4rem}.section-card p{font-size:0.9rem; margin:0}.latest-below-hero{margin:1.15rem 0 1rem}.posts-head{margin:1.15rem 0 0.75rem}.post-grid{gap:0.75rem}.post-card{border-radius:12px}.post-card img{aspect-ratio:16/10}.post-card .body{padding:0.85rem; gap:0.4rem}.post-card h3{font-size:1rem}.post-meta{font-size:0.78rem}.card-pad, .blog-hero, .blog-faq, .blog-cta-box{padding:1rem 0.95rem; border-radius:12px; margin-bottom:1rem}.blog-cta-box .hero-actions{grid-template-columns:1fr}.site-footer{padding:1.35rem 0 1rem}.footer-grid{gap:1.1rem; margin-bottom:1.1rem}.footer-bottom{flex-direction:column; align-items:flex-start; font-size:0.82rem; gap:0.35rem}.article-body{padding:1rem 0.9rem; border-radius:12px}.article-hero{border-radius:12px; margin-bottom:0.9rem}.article-nav{flex-direction:column}.article-nav .btn{width:100%}.rtp-table{min-width:0; font-size:0.86rem}.rtp-table thead{display:none}.rtp-table, .rtp-table tbody, .rtp-table tr, .rtp-table td{display:block; width:100%}.rtp-table tr{border:1px solid var(--line); border-radius:10px; padding:0.65rem 0.75rem; margin-bottom:0.65rem; background:rgba(0,0,0,0.25)}.rtp-table td{border:0; padding:0.25rem 0; display:flex; justify-content:space-between; gap:0.75rem}.rtp-table td::before{content:attr(data-label); color:var(--gold-soft); font-weight:700; flex:0 0 42%}.rtp-table td:first-child{display:block; padding-bottom:0.4rem; margin-bottom:0.25rem; border-bottom:1px solid var(--line)}.rtp-table td:first-child::before{display:none}.popup{padding:0.75rem; align-items:end}.popup-card{width:100%; max-width:none; border-radius:16px 16px 12px 12px; padding:1rem}.popup-actions{flex-direction:column}.popup-actions .btn{width:100%}.notice{font-size:0.86rem; padding:0.7rem 0.8rem}.breadcrumb{font-size:0.8rem; margin-bottom:0.75rem}}@media (max-width:380px){h1{font-size:1.15rem}.hero-actions{grid-template-columns:1fr}}.rtp-live-wrap{margin:1.25rem 0 1.75rem; padding:1.1rem 1rem 1.15rem; border-radius:16px; border:1px solid rgba(254, 220, 61, 0.3); background:radial-gradient(700px 220px at 10% 0%, rgba(254, 220, 61, 0.12), transparent 60%), linear-gradient(180deg, rgba(22, 18, 10, 0.96), rgba(8, 7, 5, 0.98))}.rtp-live-head{display:flex; justify-content:space-between; gap:1rem; align-items:flex-start; margin-bottom:1rem}.rtp-live-head h2{margin:0.45rem 0 0.2rem; font-size:1.2rem; color:#FFFDF8}.rtp-live-badge{display:inline-flex; align-items:center; gap:0.4rem; padding:0.22rem 0.65rem; border-radius:999px; font-size:0.72rem; font-weight:800; letter-spacing:0.06em; color:#0a0a0a; background:linear-gradient(135deg,#FCE04D,#ffd84a)}.rtp-live-dot{width:7px; height:7px; border-radius:50%; background:#ef4444; animation:rtp-pulse 1.4s infinite}@keyframes rtp-pulse{0%{box-shadow:0 0 0 0 rgba(239,68,68,.55)}70%{box-shadow:0 0 0 8px rgba(239,68,68,0)}100%{box-shadow:0 0 0 0 rgba(239,68,68,0)}}.rtp-live-meta{display:flex; flex-direction:column; align-items:flex-end; gap:0.35rem; min-width:180px}.rtp-live-clock{text-align:right; padding:0.55rem 0.75rem; border-radius:12px; border:1px solid rgba(254,220,61,.3); background:rgba(20,16,8,.85)}.rtp-live-clock-label{display:block; font-size:0.68rem; color:var(--muted); text-transform:uppercase; letter-spacing:0.04em}.rtp-live-clock strong{display:block; margin-top:0.15rem; font-size:0.92rem; color:var(--gold-soft); font-variant-numeric:tabular-nums}.rtp-live-next{font-size:0.78rem; color:var(--muted)}.rtp-live-next b{color:var(--gold-light)}.rtp-live-stats{display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0.65rem; margin:0 0 1rem}.rtp-live-stat{padding:0.7rem 0.75rem; border-radius:12px; border:1px solid rgba(254,220,61,.22); background:rgba(16,14,8,.75)}.rtp-live-stat span{display:block; font-size:0.72rem; color:var(--muted); margin-bottom:0.2rem}.rtp-live-stat strong{font-size:1.05rem; color:#FFFDF8; font-variant-numeric:tabular-nums}.rtp-live-status-on{color:#4ade80 !important}.rtp-live-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.85rem}.rtp-live-card{display:flex; flex-direction:column; gap:0.65rem; padding:0.9rem; border-radius:14px; border:1px solid rgba(254,220,61,.24); background:linear-gradient(165deg,rgba(24,20,12,.95),rgba(10,8,5,.98)); box-shadow:0 10px 24px rgba(0,0,0,.35); transition:border-color .25s ease, box-shadow .25s ease}.rtp-live-card.is-flash{border-color:rgba(252,224,77,.55); box-shadow:0 0 0 1px rgba(252,224,77,.18), 0 12px 28px rgba(0,0,0,.4)}.rtp-live-top{display:grid; grid-template-columns:44px 1fr auto; gap:0.7rem; align-items:center}.rtp-live-thumb{width:44px; height:44px; border-radius:12px; display:grid; place-items:center; font-weight:900; font-size:0.85rem; color:#0a0a0a; background:linear-gradient(145deg,#FCE04D,#ffd84a)}.rtp-live-name-row{display:flex; align-items:center; gap:0.4rem; flex-wrap:wrap}.rtp-live-name{margin:0; font-size:0.98rem; color:#FFFDF8; line-height:1.25}.rtp-live-hot{display:inline-flex; padding:0.12rem 0.4rem; border-radius:999px; font-size:0.62rem; font-weight:900; letter-spacing:0.04em; color:#fff; background:linear-gradient(135deg,#f97316,#ef4444)}.rtp-live-provider{display:inline-block; margin-top:0.15rem; font-size:0.75rem; color:var(--gold-soft)}.rtp-live-pct{text-align:right; position:relative; padding-left:0.9rem}.rtp-live-trend{position:absolute; left:0; top:0.15rem; font-size:0.7rem; color:var(--muted)}.rtp-live-trend.up{color:#4ade80}.rtp-live-trend.down{color:#fb7185}.rtp-live-trend.flat{color:#94a3b8}.rtp-live-pct strong, .rtp-live-value{display:block; font-size:1.15rem; font-weight:900; color:#4ade80; font-variant-numeric:tabular-nums; line-height:1.1}.rtp-live-pct small{color:var(--muted); font-size:0.68rem; letter-spacing:0.04em; text-transform:uppercase}.rtp-live-meter{height:8px; border-radius:999px; background:rgba(255,255,255,.08); overflow:hidden}.rtp-live-meter-fill{display:block; height:100%; border-radius:inherit; background:linear-gradient(90deg,#22c55e,#4ade80 55%,#FCE04D); transition:width .6s ease}.rtp-live-bottom{display:flex; flex-wrap:wrap; gap:0.4rem 0.65rem; align-items:center; min-height:1.4rem}.rtp-live-vol{display:inline-flex; align-items:center; padding:0.18rem 0.5rem; border-radius:999px; font-size:0.72rem; font-weight:800}.rtp-vol-high{background:rgba(251,113,133,.18); color:#fda4af}.rtp-vol-mid{background:rgba(250,204,21,.16); color:#fde68a}.rtp-vol-low{background:rgba(74,222,128,.16); color:#86efac}.rtp-live-note{font-size:0.78rem; color:var(--muted)}.rtp-live-cta{display:inline-flex; align-items:center; justify-content:center; margin-top:0.15rem; padding:0.55rem 0.75rem; border-radius:10px; font-size:0.82rem; font-weight:900; letter-spacing:0.04em; color:#0a0a0a !important; background:linear-gradient(135deg,#FCE04D,#ffd84a); text-decoration:none !important}.rtp-live-cta:hover{filter:brightness(1.05)}@media (max-width:900px){.rtp-live-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.rtp-live-head{flex-direction:column}.rtp-live-meta{align-items:flex-start}.rtp-live-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.rtp-live-grid{grid-template-columns:1fr}.rtp-live-stats{grid-template-columns:1fr 1fr}}body{background:radial-gradient(900px 400px at 90% 0%, rgba(255, 216, 74, 0.08), transparent 55%), radial-gradient(800px 360px at 10% 100%, rgba(12, 57, 124, 0.12), transparent 55%), #02060d !important; color:var(--cream)}.site-header{background:linear-gradient(180deg, rgba(12, 57, 124, 0.96) 0%, rgba(7, 26, 56, 0.97) 100%) !important; border-bottom:1px solid rgba(255, 216, 74, 0.40) !important; box-shadow:0 8px 28px rgba(2, 6, 13, 0.45)}.btn-gold{background:linear-gradient(145deg, #fff4ad 0%, #ffd84a 48%, #d4af37 100%); color:#02060d !important; box-shadow:0 6px 18px rgba(255, 216, 74, 0.32)}.btn-ghost{border-color:#ffd84a; color:#ffd84a !important; background:rgba(12, 57, 124, 0.35)}.nav-burger{border-color:rgba(255, 216, 74, 0.45); background:rgba(7, 26, 56, 0.95)}.nav-burger-line{background:#ffd84a}.marquee-bar{background:linear-gradient(90deg, #0c397c, #071a38 50%, #02060d); border-color:rgba(255, 216, 74, 0.35)}.marquee-item{color:#ffd84a}.marquee-item i{color:#fff4ad}.hero-card, .card, .post-card, .section-card{background:linear-gradient(180deg, #0c274f 0%, #071a38 55%, #041022 100%); border:1px solid rgba(255, 216, 74, 0.28)}.section-card{border-left:3px solid #ffd84a}h1, h2, h3{color:#fff8e6}.section-card h2, .article-body h2, .article-body h3{color:#ffd84a}.star-rating-stars{color:#ffd84a; filter:drop-shadow(0 0 6px rgba(255, 216, 74, 0.45))}.bottom-nav{background:linear-gradient(180deg, #0a1628 0%, #0a0a0a 100%); border-top:1px solid rgba(254, 220, 61, 0.28)}.bottom-nav-item{color:#DBB84D !important}.bottom-nav-ico{color:#FCE04D !important}.bottom-nav-fab{border-radius:16px; background:linear-gradient(160deg, #FCE04D 0%, #ffd84a 40%, #D4A826 100%); color:#02060d !important; box-shadow:0 0 0 4px #0a0a0a, 0 0 22px rgba(254, 220, 61, 0.45), 0 8px 20px rgba(212, 168, 38, 0.4)}.bottom-nav-tile{border-radius:11px; background:linear-gradient(160deg, #FCE04D, #ffd84a)}.bottom-nav-cta .bottom-nav-ico, .bottom-nav-cta .bottom-nav-label, .bottom-nav-daftar .bottom-nav-ico{color:#02060d !important}.bottom-nav-daftar .bottom-nav-label{color:#FCE04D !important}.rtp-live-wrap{border-color:rgba(254, 220, 61, 0.3) !important; background:radial-gradient(700px 220px at 10% 0%, rgba(254, 220, 61, 0.12), transparent 60%), linear-gradient(180deg, #0c274f, #0a0a0a) !important}.rtp-live-badge{background:linear-gradient(135deg, #FCE04D, #ffd84a) !important; color:#02060d !important}.rtp-live-thumb, .rtp-live-cta{background:linear-gradient(145deg, #FCE04D, #D4A826) !important; color:#02060d !important}.rtp-live-provider, .rtp-live-clock strong{color:#FCE04D !important}.rtp-live-name, .rtp-live-head h2, .rtp-live-stat strong{color:#FFFDF8 !important}.rtp-live-meter-fill{background:linear-gradient(90deg, #725800, #D4A826 40%, #ffd84a) !important}.rtp-live-status-on{color:#ffd84a !important}.ulasan-summary{margin-top:0.75rem}.ulasan-more{margin:1rem 0 0; text-align:center}.ulasan-board{margin-bottom:2rem; overflow:hidden}.ulasan-board-head{display:flex; flex-wrap:wrap; align-items:baseline; justify-content:space-between; gap:0.35rem 1rem; margin:0 0 0.95rem; padding-bottom:0.75rem; border-bottom:1px solid var(--line)}.ulasan-board-title{margin:0; font-size:1.1rem; color:var(--gold-soft)}.ulasan-board-count{margin:0; font-size:0.86rem}.ulasan-grid{display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:0.9rem; margin:0; width:100%; box-sizing:border-box}.ulasan-board .ulasan-card, .ulasan-grid .ulasan-card, .ulasan-grid .review-card{height:100%; min-width:0; box-sizing:border-box; border:1px solid var(--line); border-radius:12px; padding:0.95rem 1rem; background:rgba(0, 0, 0, 0.35); display:flex; flex-direction:column; min-height:148px}.ulasan-pagination{display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:0.65rem; margin-top:1.15rem; padding-top:0.95rem; border-top:1px solid var(--line)}.ulasan-page-btn{display:inline-flex; align-items:center; padding:0.45rem 0.85rem; border-radius:999px; border:1px solid var(--line); background:rgba(0, 0, 0, 0.28); color:var(--cream); font-size:0.84rem; font-weight:600; text-decoration:none}.ulasan-page-btn:hover{border-color:color-mix(in srgb, var(--gold) 45%, transparent); color:var(--gold-light)}.ulasan-page-btn.is-disabled{opacity:0.4; pointer-events:none}.ulasan-page-numbers{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:0.35rem}.ulasan-page-num{display:inline-flex; align-items:center; justify-content:center; min-width:2rem; height:2rem; padding:0 0.45rem; border-radius:999px; border:1px solid var(--line); background:rgba(0, 0, 0, 0.25); color:var(--cream); font-size:0.84rem; font-weight:700; text-decoration:none}.ulasan-page-num:hover{border-color:color-mix(in srgb, var(--gold) 45%, transparent); color:var(--gold-light)}.ulasan-page-num.is-current{color:#02060d; background:linear-gradient(135deg, var(--gold-light), var(--gold) 55%, var(--gold-soft)); border-color:color-mix(in srgb, var(--gold) 60%, transparent)}.ulasan-page-ellipsis{color:var(--muted); padding:0 0.15rem}@media (max-width:900px){.ulasan-grid{grid-template-columns:repeat(2, minmax(0, 1fr))}}@media (max-width:560px){.ulasan-grid{grid-template-columns:1fr}.ulasan-board{padding:0.9rem}.ulasan-pagination{flex-direction:column}.ulasan-page-btn{width:100%; justify-content:center}}html body.theme-OLX188{background:radial-gradient(900px 400px at 90% 0%, rgba(255, 216, 74, 0.08), transparent 55%), radial-gradient(800px 360px at 10% 100%, rgba(12, 57, 124, 0.12), transparent 55%), #02060d !important; color:#f5f8ff !important}.theme-OLX188 .site-header{background:linear-gradient(180deg, #0c397c 0%, #0a2f6b 45%, #071a38 100%) !important; border-bottom:1px solid rgba(255, 216, 74, 0.45) !important; box-shadow:0 10px 28px rgba(2, 6, 13, 0.45) !important}.theme-OLX188 .nav > a:not(.btn), .theme-OLX188 .nav-link{color:#fff8e6 !important}.theme-OLX188 .section-card, .theme-OLX188 .hero-card, .theme-OLX188 .card, .theme-OLX188 .post-card, .theme-OLX188 .review-summary, .theme-OLX188 .ulasan-board{background:linear-gradient(180deg, #0c274f 0%, #071a38 60%, #041022 100%) !important; border-color:rgba(255, 216, 74, 0.30) !important}.theme-OLX188 .section-card{border-left:3px solid #ffd84a !important}.theme-OLX188 .btn-gold{background:linear-gradient(145deg, #fff4ad 0%, #ffd84a 50%, #d4af37 100%) !important; color:#02060d !important; box-shadow:0 6px 18px rgba(255, 216, 74, 0.35) !important}.theme-OLX188 .btn-ghost{border-color:#ffd84a !important; color:#ffd84a !important; background:rgba(7, 26, 56, 0.55) !important}.theme-OLX188 .star-rating-stars, .theme-OLX188 .marquee-item, .theme-OLX188 .section-card h2{color:#ffd84a !important}.theme-OLX188 .bottom-nav{background:linear-gradient(180deg, rgba(12, 57, 124, 0.96), rgba(7, 26, 56, 0.98)) !important; border-top:1px solid rgba(255, 216, 74, 0.35) !important}.theme-OLX188 .marquee-bar{background:linear-gradient(90deg, #0c397c, #071a38 55%, #02060d) !important; border-color:rgba(255, 216, 74, 0.35) !important}