body[data-template="portal"]{--container-w:1360px;--radius-lg:10px;--radius-md:8px;--radius-btn:6px;background:var(--theme-dark-page)}body[data-template="portal"] .site-header{position:relative;background:var(--theme-dark-panel);border-top:4px solid var(--red-vivid);box-shadow:0 1px 0 var(--border-soft)}body[data-template="portal"] .header-inner{display:grid;grid-template-columns:1fr auto;grid-template-areas:'brand search' 'nav nav';row-gap:12px;padding-top:18px;padding-bottom:0}body[data-template="portal"] .brand{grid-area:brand}body[data-template="portal"] .brand-logo{width:48px;height:48px}body[data-template="portal"] .brand-name{font-size:1.65rem;text-transform:uppercase}body[data-template="portal"] .site-nav{grid-area:nav;width:100%;justify-content:flex-start;border-top:1px solid var(--border-soft)}body[data-template="portal"] .site-nav a{padding:12px 15px;border-bottom:3px solid transparent}body[data-template="portal"] .site-nav a:hover{border-bottom-color:var(--red-vivid);background:rgba(var(--red-vivid-rgb),.045)}body[data-template="portal"] .header-search{grid-area:search;align-self:center;width:280px;order:-1}body[data-template="portal"] .hero{padding:24px 0 10px}body[data-template="portal"] .hero-inner{display:grid;grid-template-columns:minmax(0,2.2fr) minmax(250px,.8fr);gap:16px;align-items:stretch}body[data-template="portal"] .hero-frame{width:100%;max-width:none;aspect-ratio:16/8;border-radius:8px;border:0;box-shadow:none}body[data-template="portal"] .hero-frame::before,body[data-template="portal"] .hero-frame::after{display:none}body[data-template="portal"] .hero-caption{padding:24px;background:linear-gradient(0deg,rgba(var(--theme-dark-deep-rgb),.96),rgba(var(--theme-dark-deep-rgb),.2) 74%,transparent)}body[data-template="portal"] .hero-title{font-size:clamp(1.55rem,3vw,2.7rem);line-height:1.08}body[data-template="portal"] .hero-actions{margin:0;padding:18px;flex-direction:column;align-items:stretch;justify-content:center;background:var(--theme-dark-panel-2);border:1px solid var(--border-soft);border-radius:8px}body[data-template="portal"] .hero-actions::before{content:'QUICK LINKS';display:block;color:var(--ink-soft);font-size:.68rem;font-weight:800;letter-spacing:1.6px;margin-bottom:8px}body[data-template="portal"] .hero-actions .btn{width:100%;justify-content:flex-start;border-radius:5px}body[data-template="portal"] .recent,body[data-template="portal"] .custom-slider-section,body[data-template="portal"] .review-section,body[data-template="portal"] .genre-section,body[data-template="portal"] .faq-section{padding-top:20px}body[data-template="portal"] .section-title{font-size:1.05rem;text-transform:uppercase;letter-spacing:.8px;padding:10px 12px;background:var(--theme-dark-panel-2);border-left:4px solid var(--red-vivid)}body[data-template="portal"] .section-title::after{display:none}body[data-template="portal"] .recent-scroll{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-flow:dense;overflow:visible;gap:12px;padding:0}body[data-template="portal"] .recent-scroll .post-card{width:auto;min-width:0}body[data-template="portal"] .recent-scroll .post-card:first-child{grid-column:span 2;grid-row:span 2}body[data-template="portal"] .recent-scroll .post-card:first-child .post-card-thumb{aspect-ratio:16/9}body[data-template="portal"] .recent-scroll .post-card:first-child .post-card-title{font-size:1.35rem}body[data-template="portal"] .recent-arrows{display:none}body[data-template="portal"] .post-card{display:grid;grid-template-rows:auto 1fr;border-radius:7px;box-shadow:none;border-color:var(--border-soft);background:var(--theme-dark-panel)}body[data-template="portal"] .post-card:hover{transform:none;border-color:rgba(var(--red-vivid-rgb),.5);box-shadow:none}body[data-template="portal"] .post-card-thumb{aspect-ratio:16/10}body[data-template="portal"] .post-card-body{padding:11px;gap:5px}body[data-template="portal"] .post-card-title{font-size:.94rem;line-height:1.24}body[data-template="portal"] .post-card .pill-read{align-self:flex-start;border-radius:4px}body[data-template="portal"] .custom-slider-scroll{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));overflow:visible;gap:9px}body[data-template="portal"] .custom-slider-card{width:auto;min-width:0}body[data-template="portal"] .review-slider-scroll{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;gap:12px}body[data-template="portal"] .review-card{width:auto;min-width:0;border-radius:7px;box-shadow:none}body[data-template="portal"] .genre-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:8px}body[data-template="portal"] .genre-tile{border-radius:6px}body[data-template="portal"] .genre-tile-title{font-size:.7rem}body[data-template="portal"] .faq-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}body[data-template="portal"] .faq-item{border-radius:6px}body[data-template="portal"] .post-layout{grid-template-columns:minmax(0,1fr) 360px;gap:24px}body[data-template="portal"] .single-post{background:var(--theme-dark-panel);padding:22px;border:1px solid var(--border-soft);border-radius:8px}body[data-template="portal"] .single-post-header h1{font-size:clamp(1.7rem,3vw,2.5rem);line-height:1.15}body[data-template="portal"] .sidebar-card{background:var(--theme-dark-panel);border-radius:7px;box-shadow:none}body[data-template="portal"] .sidebar-card-title{margin:-18px -18px 14px;padding:12px 18px;background:var(--theme-dark-panel-3);border-bottom:1px solid var(--border-soft)}body[data-template="portal"] .site-footer{border-top:4px solid var(--red-vivid);background:var(--theme-dark-footer)}@media(max-width:1000px){body[data-template="portal"] .recent-scroll{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-template="portal"] .custom-slider-scroll{grid-template-columns:repeat(4,minmax(0,1fr))}body[data-template="portal"] .genre-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:700px){body[data-template="portal"] .header-inner{display:flex;padding-bottom:12px}body[data-template="portal"] .site-nav{border-top:0}body[data-template="portal"] .hero-inner{grid-template-columns:1fr}body[data-template="portal"] .hero-frame{aspect-ratio:4/5}body[data-template="portal"] .hero-actions{flex-direction:row;flex-wrap:wrap}body[data-template="portal"] .hero-actions::before{width:100%}body[data-template="portal"] .hero-actions .btn{width:auto}body[data-template="portal"] .recent-scroll{grid-template-columns:1fr}body[data-template="portal"] .recent-scroll .post-card:first-child{grid-column:auto;grid-row:auto}body[data-template="portal"] .custom-slider-scroll,body[data-template="portal"] .review-slider-scroll{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-template="portal"] .genre-grid,body[data-template="portal"] .faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-template="portal"] .single-post{padding:15px}}body[data-template="portal"] .hero-actions{gap:10px}body[data-template="portal"] .hero-actions .btn{min-width:148px;padding:12px 20px 12px 25px;border:1px solid var(--theme-dark-border-solid);border-radius:5px;background:var(--theme-dark-panel-2);color:var(--ink);box-shadow:inset 5px 0 0 var(--red-vivid);letter-spacing:.09em;animation:none;filter:none;justify-content:flex-start;overflow:hidden;transition:box-shadow .24s ease,color .2s ease,border-color .2s ease,transform .15s ease}body[data-template="portal"] .hero-actions .btn-anim::before{display:none}body[data-template="portal"] .hero-actions .btn::after{content:"→";margin-left:auto;color:var(--red-vivid);font-size:1.05em;transition:transform .22s ease,color .22s ease}body[data-template="portal"] .hero-actions .btn:hover{transform:none;color:var(--on-accent-vivid);border-color:var(--red-vivid);box-shadow:inset 220px 0 0 var(--red-vivid)}body[data-template="portal"] .hero-actions .btn:hover::after{transform:translateX(3px);color:currentColor}body[data-template="portal"] .hero-actions .btn:active{transform:scale(.985);box-shadow:none}body[data-template="portal"] .hero-actions .btn-masuk{background:var(--theme-dark-deep);color:var(--ink-soft)}body[data-template="portal"] .hero-actions .btn.hero-shape-square{border-radius:0;clip-path:none}body[data-template="portal"] .hero-actions .btn.hero-shape-pill{border-radius:999px;clip-path:none}body[data-template="portal"] .hero-actions .btn-outline{background:transparent;color:var(--red-vivid);border-color:var(--red-vivid);box-shadow:none}body[data-template="portal"] .hero-actions .btn-ghost{background:transparent;color:var(--red-vivid);border-color:transparent;box-shadow:none}body[data-template="portal"] .hero-actions .btn-light{background:var(--ink);color:var(--bg);border-color:var(--ink);box-shadow:none}