:root{--rtp-accent: #f0d502;--rtp-accent-2: #e8c84d;--rtp-accent-3: #b8860b;--rtp-gold-grad: linear-gradient(180deg, #f0d502, #c8a808);--rtp-base: #d4a017;--rtp-panel: rgba(20, 14, 4, .72);--rtp-panel-2: rgba(28, 20, 6, .78);--rtp-card: rgba(20, 14, 4, .72);--rtp-card-2: rgba(28, 20, 6, .8);--rtp-text: #f5f0e0;--rtp-muted: #d8c48a;--rtp-border: rgba(240, 213, 2, .55);--rtp-border-strong: rgba(240, 213, 2, .75);--rtp-glow: 0 0 16px rgba(0, 0, 0, .35)}*{box-sizing:border-box}body{margin:0;background-color:#1a1206;color:var(--rtp-text);font-family:Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:14px;line-height:1.5;padding-bottom:70px;transition:color .25s ease}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#140c008c,#140c00b8);transition:background .25s ease}a{text-decoration:none;color:inherit}main.container,footer.container{max-width:1140px;margin:0 auto;padding:0 12px}.logo{display:block;text-align:center;padding:16px 0 8px}.logo img{max-height:70px;width:auto}.running-text{background:var(--rtp-panel);border:1px solid var(--rtp-border);border-radius:8px;color:var(--rtp-accent);font-weight:600;padding:8px 12px;margin:8px 0;overflow:hidden;white-space:nowrap;box-shadow:var(--rtp-glow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.running-text marquee{display:block}.slider-wrapper{margin:10px 0;border-radius:12px;overflow:hidden}.slider-wrapper .swiper-slide img{width:100%;display:block;border-radius:12px}.btn-credit-wrap{display:flex;gap:12px;margin:12px 0}.btn-credit{flex:1;display:block;text-align:center;padding:12px 10px;border-radius:10px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(180deg,#e23b3b,#9e1414);color:#fff7e0;border:1px solid var(--rtp-border-strong);cursor:pointer;box-shadow:0 4px 12px #0000004d;text-shadow:0 1px 2px rgba(0,0,0,.45);transition:filter .2s ease,box-shadow .2s ease}.btn-credit:hover{filter:brightness(1.08);box-shadow:0 6px 16px #00000073,var(--rtp-glow)}.btn-credit.alt{background:var(--rtp-panel-2);color:var(--rtp-accent);box-shadow:none;border:1px solid var(--rtp-border-strong)}.btn-credit.alt:hover{filter:none;border-color:var(--rtp-accent);box-shadow:var(--rtp-glow)}.bg-theme{background:var(--rtp-panel);border:1px solid var(--rtp-border);border-radius:10px;padding:12px 14px;margin:12px 0;box-shadow:var(--rtp-glow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.update-row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.update-row .update-date{color:var(--rtp-muted);font-size:13px}.update-row .update-date b{color:var(--rtp-accent)}.rtp-title{text-align:center;margin:14px 0;font-size:20px;font-weight:800;background:var(--rtp-gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--rtp-accent);text-transform:uppercase;letter-spacing:.5px;text-shadow:0 2px 4px rgba(0,0,0,.45)}#panduan-content{margin-bottom:24px}.rtp-card{position:relative;background:var(--rtp-card);border:1px solid var(--rtp-border);border-radius:12px;overflow:hidden;margin-bottom:18px;height:calc(100% - 18px);display:flex;flex-direction:column;box-shadow:0 6px 18px #00000059,var(--rtp-glow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:transform .15s ease,border-color .2s ease,box-shadow .2s ease}.rtp-card:hover{transform:translateY(-3px);border-color:var(--rtp-accent);box-shadow:0 10px 24px #00000073,var(--rtp-glow)}.guide-thumb{background:var(--rtp-panel-2);border-bottom:1px solid var(--rtp-border);overflow:hidden}.guide-thumb img{width:100%;height:160px;object-fit:cover;display:block}.guide-body{padding:12px 14px 14px;background:var(--rtp-panel);display:flex;flex-direction:column;flex:1}.guide-body h4{margin:0 0 6px;font-size:14px;font-weight:800;color:var(--rtp-accent);text-transform:uppercase;letter-spacing:.3px}.guide-date{display:inline-block;font-size:12px;color:var(--rtp-muted);margin-bottom:8px}.guide-date i{color:var(--rtp-accent-3)}.guide-excerpt{font-size:13px;color:var(--rtp-text);margin:0 0 12px;flex:1}.pred-cta{display:block;text-align:center;margin-top:auto;padding:8px 10px;border-radius:8px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;background:var(--rtp-gold-grad);color:#2a1d00;border:1px solid var(--rtp-border-strong)}.pred-cta:hover{filter:brightness(1.06);box-shadow:var(--rtp-glow)}.guide-detail{background:var(--rtp-panel);border:1px solid var(--rtp-border-strong);border-radius:12px;padding:16px;margin-bottom:20px;box-shadow:var(--rtp-glow);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.guide-detail-thumb{border-radius:10px;overflow:hidden;margin-bottom:14px;border:1px solid var(--rtp-border)}.guide-detail-thumb img{width:100%;max-height:360px;object-fit:cover;display:block}.guide-detail p{color:var(--rtp-text);font-size:14px;line-height:1.8;margin:0 0 12px}.pred-cta.back-link{display:inline-block;margin-top:8px;width:auto;padding:8px 18px}footer.container{color:var(--rtp-text);font-size:13px;line-height:1.7;padding-top:18px;padding-bottom:24px;border-top:1px solid var(--rtp-border);margin-top:10px}footer.container h2,footer.container h3{color:var(--rtp-accent);font-size:16px;margin:16px 0 8px;text-shadow:0 2px 4px rgba(0,0,0,.45)}.nav-bottom{position:fixed;left:0;right:0;bottom:0;z-index:50;display:flex;background:#140e04eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-top:1px solid var(--rtp-border-strong)}.nav-bottom a{flex:1;text-align:center;padding:9px 4px;color:var(--rtp-muted);font-size:11px}.nav-bottom a i{display:block;font-size:18px;margin-bottom:2px}.nav-bottom a:hover,.nav-bottom a.active{color:var(--rtp-accent)}.rtp-modal{display:none;position:fixed;inset:0;z-index:100;background:#0009;align-items:center;justify-content:center}.rtp-modal.open{display:flex}.rtp-modal-box{background:var(--rtp-panel-2);border:1px solid var(--rtp-border-strong);border-radius:12px;width:90%;max-width:360px;padding:18px;text-align:center;box-shadow:var(--rtp-glow)}.rtp-modal-box h3{margin-top:0;color:var(--rtp-accent)}.rtp-modal-box .close-modal{margin-top:12px;background:var(--rtp-card-2);border:1px solid var(--rtp-border-strong);color:var(--rtp-text);border-radius:8px;padding:8px 16px;cursor:pointer}.go-up{position:fixed;right:14px;bottom:80px;z-index:60;width:42px;height:42px;border-radius:50%;border:none;background:var(--rtp-gold-grad);color:#2a1d00;font-size:18px;cursor:pointer;box-shadow:0 4px 12px #0000004d}@media(max-width:575px){.rtp-title{font-size:17px}.guide-thumb img{height:140px}}