/* e-big777.com — portal merah, hero lebar, kartu diskusi */
:root{--bg:#12080c;--red:#c41e3a;--gold:#f2c14e;--text:#f8f1ea;--muted:#e7d3c4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 Georgia,"Iowan Old Style",serif}
a{color:#fff}img{max-width:100%;height:auto}.wrap{width:min(1040px,calc(100% - 28px));margin:auto}
.bar{background:linear-gradient(#9f1239,#6f0d24);position:sticky;top:0;z-index:20}
.bar-in{min-height:70px;display:flex;align-items:center;gap:16px}
.logo{display:flex;align-items:center;gap:10px;margin-right:auto;flex:0 0 auto;text-decoration:none;color:#fff;font-family:system-ui,sans-serif;font-weight:700}
.logo img{display:block;height:36px;width:auto}.logo span{font-size:13px;font-weight:500;opacity:.85}
.menu{display:flex;gap:16px;font-family:system-ui,sans-serif}.menu a{color:#ffe7ea;text-decoration:none}.menu a.active{color:var(--gold)}
.nav-toggle{display:none;border:0;background:none;color:#fff;font-size:26px}
.hero-wide{margin:0;display:flex;justify-content:center;background:#1a0a10}.hero-wide img{width:min(1280px,100%);height:auto;object-fit:contain;display:block}
.hero-copy{width:min(1040px,calc(100% - 28px));margin:20px auto 0;position:relative;padding:18px 20px;border-radius:14px;background:rgba(18,8,12,.9);border:1px solid rgba(242,193,78,.35)}
h1{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:0 0 8px;font-family:system-ui,sans-serif}
.lead,.prose p,.prose li{font-family:system-ui,sans-serif}
.ctas{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0}
.btn{display:inline-flex;padding:12px 16px;border-radius:999px;text-decoration:none;font-family:system-ui,sans-serif;font-weight:800}
.btn.red{background:var(--red);color:#fff}.btn.gold{background:var(--gold);color:#2b1d00}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.card{padding:16px;border-radius:12px;background:#241016;border:1px solid rgba(255,255,255,.08);font-family:system-ui,sans-serif}
h2,h3{font-family:system-ui,sans-serif}table{width:100%;border-collapse:collapse;font-family:system-ui,sans-serif}th,td{border:1px solid rgba(255,255,255,.15);padding:10px;text-align:left}
.faq details{border-bottom:1px solid rgba(255,255,255,.15);font-family:system-ui,sans-serif}.faq summary{cursor:pointer;padding:12px 0;font-weight:700}
.block{padding:8px 0 12px;font-family:system-ui,sans-serif}
.pay{width:min(1040px,calc(100% - 28px));margin:12px auto 20px;font-family:system-ui,sans-serif}.pay img{width:100%;display:block;background:transparent}
.foot{padding:20px 0 88px;font-family:system-ui,sans-serif;color:var(--muted)}.foot nav{display:flex;gap:14px;flex-wrap:wrap}.foot a{color:#f3d7c2;text-decoration:none}
.crumbs{font-family:system-ui,sans-serif;color:var(--muted);font-size:14px}.crumbs a{color:var(--gold)}
.updated{font-family:system-ui,sans-serif;color:var(--muted);font-size:14px;margin:0 0 12px}
.sticky{display:none}.top{display:none;position:fixed;right:14px;bottom:16px;z-index:40;width:42px;height:42px;border:0;border-radius:50%;background:var(--gold);cursor:pointer}.top.show{display:grid;place-items:center}
@media(max-width:800px){.grid{grid-template-columns:1fr}.menu{display:none}.nav-open .menu{display:flex;position:absolute;top:70px;left:0;right:0;z-index:30;flex-direction:column;background:#6f0d24;padding:12px 7%}.nav-toggle{display:block}.hero-copy{margin-top:12px}.sticky{display:block;position:fixed;left:0;right:0;bottom:0;z-index:35;padding:10px;background:rgba(18,8,12,.94)}.sticky .btn{display:flex;justify-content:center;background:var(--gold);color:#2b1d00}.top{bottom:76px}}