:root{--bg:#07160f;--surface:#102c20;--accent:#a6f45c;--accent2:#ecc77e;--text:#eafbe9;--surface2:#142a18;--dark:#091018;--muted:#eafbe9dc}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font:16px/1.8 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(ellipse 90% 35% at 75% 0%,var(--surface2) 0%,transparent 80%),linear-gradient(154deg,var(--bg),var(--surface2) 50%,var(--bg));padding-bottom:77px;min-width:300px;overflow-x:hidden}a{color:inherit;text-underline-offset:3px}a:focus-visible{outline:3px solid var(--accent2);outline-offset:3px}img{max-width:100%;height:auto;display:block}amp-img{max-width:100%;display:block}.wrap{width:min(1130px,calc(100% - 32px));margin:0 auto}.jump{position:absolute;left:-9999px}.jump:focus{left:12px;top:12px;background:var(--accent);color:#101010;z-index:100;padding:12px}.topline{color:var(--muted);font-weight:650;font-size:12px;text-align:center;padding:6px;border-bottom:1px solid #ffffff23;background:var(--bg)}.mast{border-bottom:1px solid #ffffff25;background:var(--bg);position:relative;z-index:5}.mast-inner{display:flex;flex-wrap:wrap;align-items:center;gap:18px;min-height:91px;padding:10px 0}.brand{display:block;width:198px;min-width:135px;flex-shrink:0}.brand img,.brand amp-img{width:100%;height:auto;object-fit:contain}.menu{display:flex;flex-wrap:wrap;align-items:center;gap:7px;flex:1}.menu a{font-size:13px;font-weight:700;text-decoration:none;border:1px solid #ffffff24;padding:8px 11px;border-radius:10px;background:#ffffff0c}.menu a:hover,.menu a.current{border-color:var(--accent);color:var(--accent)}.head-cta{display:flex;gap:7px}.btn{font-weight:800;font-size:14px;display:inline-block;text-decoration:none;border:1px solid var(--accent);background:linear-gradient(115deg,var(--accent),var(--accent2));color:var(--dark);padding:10px 16px;text-align:center;border-radius:11px;line-height:1.45}.btn.ghost{color:var(--text);background:transparent;border-color:var(--accent2)}.ribbon{background:linear-gradient(90deg,var(--bg),var(--surface2),var(--bg));text-align:center;padding:8px;color:var(--accent);font-size:11px;letter-spacing:.07em;font-weight:850;border-bottom:1px solid #ffffff1d}.crumb{font-size:13px;color:var(--muted);margin-top:18px;margin-bottom:7px}.crumb a{color:var(--accent)}h1,h2,h3,p,figure{margin-top:0}h1{font-size:clamp(27px,3.55vw,45px);line-height:1.19;letter-spacing:-.026em;margin-bottom:19px}h2{font-size:clamp(20px,2.5vw,27px);line-height:1.3;color:var(--accent)}h3{font-size:19px;color:var(--accent2);line-height:1.35}.kicker{text-transform:uppercase;font-size:12px;letter-spacing:.17em;color:var(--accent);font-weight:900}.hero{display:grid;grid-template-columns:1.02fr .98fr;gap:29px;align-items:center;margin:20px auto 29px}.hero.swap .hero-copy{order:1}.hero.swap .hero-image{order:2}.hero-copy{min-width:0}.hero-copy p{margin:0 0 16px}.lede{font-size:17px;color:var(--text);opacity:.95;line-height:1.82}.hero-image{margin:0;padding:11px;background:linear-gradient(145deg,var(--surface2),var(--surface));border:1px solid var(--accent2);border-radius:23px;min-width:0;box-shadow:0 12px 28px #0004}.hero-image img,.hero-image amp-img{width:100%;height:auto;object-fit:contain;border-radius:15px}.actions{display:flex;flex-wrap:wrap;gap:10px;margin:23px 0 9px}.actions .btn{min-width:135px}.cols{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;align-items:start}.cols.sidebar-first{grid-template-columns:270px minmax(0,1fr)}.cols.sidebar-first aside{order:-1}.article,.panel,.story-card,.reader-review,.q-and-a{background:linear-gradient(160deg,var(--surface),var(--surface2));border:1px solid #ffffff24;border-radius:17px;box-shadow:0 9px 25px #0003}.article{padding:26px 28px;margin:0 0 21px}.article h2{margin:23px 0 11px}.article h3{margin:23px 0 10px}.article p{line-height:1.9;margin:0 0 15px}.article ul{margin:12px 0 17px;padding-left:23px}.article li{padding:0 0 5px}.article strong{color:var(--accent)}.article .intro{font-size:17px}.compact{font-size:14px;color:var(--muted)}.panel{padding:17px;margin-bottom:14px}.panel h2{font-size:18px;margin-bottom:10px}.panel p{font-size:13px}.panel a{display:block;text-decoration:none;padding:8px 0;border-bottom:1px solid #ffffff24;font-size:13px;line-height:1.6}.panel a:last-child{border:0}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.story-card{padding:16px}.story-card a{color:var(--accent);font-weight:800;font-size:15px;text-decoration:none;line-height:1.4}.story-card p{font-size:13px;margin:9px 0 0;color:var(--muted)}.section{margin:23px 0 31px}.section>h2{margin-bottom:14px}.review-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.reader-review{padding:15px}.reader-review p{font-size:13px;margin:7px 0}.reader-review span{color:var(--accent);font-size:16px;letter-spacing:2px}.q-and-a{padding:16px 18px;margin:9px 0}.q-and-a h3{font-size:16px;margin:0 0 7px}.q-and-a p{font-size:14px;margin:0}.mini-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mini-box{border:1px solid var(--accent2);background:var(--surface);padding:14px;border-radius:12px}.mini-box b{display:block;color:var(--accent)}.mini-box span{font-size:13px}.footer{border-top:1px solid #ffffff27;margin-top:36px;padding:31px 0 34px;background:var(--bg)}.footer-inner{display:grid;grid-template-columns:2fr 1fr;gap:30px}.footer h2{font-size:18px}.footer p{font-size:13px;color:var(--muted)}.footer a{font-size:13px}.fixed-bottom{z-index:15;position:fixed;inset:auto 0 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));background:var(--bg);border-top:2px solid var(--accent);box-shadow:0 -10px 30px #0008}.fixed-bottom a{display:flex;flex-direction:column;gap:0;align-items:center;text-decoration:none;line-height:1.45;text-align:center;padding:8px 3px 9px;border-right:1px solid #ffffff28;font-weight:850;font-size:12px}.fixed-bottom a:last-child{border:0}.fixed-bottom span{font-size:20px;color:var(--accent)}.page-happy .hero-image{border-radius:28px}.page-vvip .article{border-left:4px solid var(--accent)}.page-daftar .mini-box{border-radius:2px}.page-wd .panel{border-radius:7px}.page-super .story-card{border-radius:25px}.page-cara .q-and-a{border-left:4px solid var(--accent)}
@media(max-width:1020px){.brand{width:160px}.mast-inner{gap:12px}.menu{flex-basis:100%;justify-content:center;order:3}.cols,.cols.sidebar-first{grid-template-columns:1fr}.cols.sidebar-first aside{order:0}.review-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.wrap{width:calc(100% - 24px)}.brand{width:140px}.mast-inner{min-height:77px}.head-cta{margin-left:auto}.head-cta .btn{padding:8px;font-size:11px}.menu{justify-content:flex-start;flex-wrap:nowrap;overflow-x:auto;gap:6px}.menu a{white-space:nowrap;font-size:12px;padding:7px 9px}.hero,.hero.swap{display:flex;flex-direction:column;gap:16px;margin-top:15px}.hero.swap .hero-image,.hero.swap .hero-copy{order:0}.hero-image,.hero-copy{width:100%}.hero-image{padding:7px}.lede{font-size:15px}.actions .btn{flex:1}.article{padding:20px 16px}.cards,.mini-grid,.review-grid,.footer-inner{grid-template-columns:1fr}.fixed-bottom a{font-size:10px;padding:8px 3px}.fixed-bottom span{font-size:19px}h1{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}