:root{--bg:#0B1018;--panel:#111926;--line:#26303f;--text:#ECE6DA;--muted:#B8C2D0;--dim:#8d99a8;--orange:#E5873C;--perdido:#6f8a4e;--cartola:#b0312c;--boneca:#c98b9a;--milolhos:#d9a92b}
*{box-sizing:border-box}
html{color-scheme:dark}
body{margin:0;background:var(--bg);color:var(--text);font-family:Consolas,"Cascadia Mono","SFMono-Regular",Menlo,"Roboto Mono",monospace;line-height:1.5}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.025) 0 1px,transparent 1px 3px);z-index:9}
a{color:var(--orange)}
.wrap{width:min(100% - 32px,880px);margin:0 auto}
.hud{display:flex;justify-content:space-between;gap:12px;font-size:13px;letter-spacing:.12em;color:var(--muted);padding:16px 0}
.hud b{color:var(--orange)}
.hero{text-align:center;padding:8px 0 28px}
.hero img{width:min(100%,520px);height:auto}
h1{font-size:clamp(30px,7vw,48px);line-height:1.08;margin:8px 0 12px;letter-spacing:.02em}
h1 span{color:var(--orange)}
h2{font-size:clamp(22px,5vw,30px);margin:0 0 12px}
.lead{color:#cfd6df;max-width:640px;margin:0 auto 22px;font-size:16px}
.btn{display:inline-block;background:var(--orange);color:#0B1018;font-weight:700;text-decoration:none;padding:14px 22px;border-radius:6px;border:0;font:inherit;font-weight:700;cursor:pointer;letter-spacing:.04em}
.btn.ghost{background:transparent;color:var(--orange);border:2px solid var(--orange)}
.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed}
section{padding:34px 0;border-top:1px solid var(--line)}
.kicker{font-size:12px;letter-spacing:.25em;color:var(--orange);margin-bottom:6px}
.regras{display:grid;gap:16px}
.regra{display:grid;grid-template-columns:120px 1fr;gap:16px;background:var(--panel);border:1px solid var(--line);border-left:4px solid var(--c);border-radius:8px;padding:14px}
.regra img{width:120px;height:160px;object-fit:cover;border-radius:4px;display:block}
.regra .n{font-size:12px;letter-spacing:.2em;color:var(--c)}
.regra .quem{font-size:20px;font-weight:700}
.regra .lei{font-size:17px;font-weight:700;margin:6px 0}
.regra .lore{font-size:14px;color:var(--muted)}
.walls{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.wall{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:8px;text-align:center}
.wall img{width:100%;height:auto;border-radius:4px;display:block;margin-bottom:8px}
.wall a{display:block;font-size:13px;padding:10px 6px;border:1px solid var(--orange);border-radius:5px;text-decoration:none}
.pdf{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin-top:18px}
.pack{background:linear-gradient(180deg,#121b29,#0B1018);border:1px solid var(--line);border-radius:10px;padding:20px}
.vitrine{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin:16px 0}
.vitrine img{width:100%;border-radius:3px;display:block}
.preco{font-size:28px;font-weight:700;color:var(--orange)}
ul.check{padding-left:18px;color:#cfd6df}
.faq details{border-bottom:1px solid var(--line);padding:12px 0}
.faq summary{cursor:pointer;font-weight:700}
footer{color:var(--dim);font-size:12px;padding:28px 0 40px;border-top:1px solid var(--line)}
@media (max-width:560px){
 .regra{grid-template-columns:88px 1fr;gap:12px;padding:12px}
 .regra img{width:88px;height:118px}
 .regra .quem{font-size:17px}.regra .lei{font-size:15px}
 .walls{gap:8px}.wall{padding:5px}.wall a{font-size:11px;padding:8px 2px}
 .vitrine{grid-template-columns:repeat(4,1fr)}
 .hud{font-size:11px}
}