:root{--bg:#0a0c10;--bg2:#10141b;--card:#141922;--card2:#1a212c;--line:#2a3340;--gold:#e9b64a;--gold2:#f5d37a;--gold3:#a8701a;--bronze:#5a3f12;--bronze2:#3a2808;--ember:#e8452a;--text:#ebe5d3;--dim:#9c9788;--ok:#4fcf72;--bad:#ff7a6a;--r:10px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg) radial-gradient(ellipse at 50% -10%,#241b38 0,#0a0c10 55%) no-repeat;color:var(--text);font:15px/1.6 "Segoe UI",system-ui,-apple-system,Roboto,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}a{color:var(--gold2);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3{font-family:Georgia,"Palatino Linotype",serif;line-height:1.2;margin:0 0 .5em}
.skip{position:absolute;left:-999px}.skip:focus{left:8px;top:8px;background:var(--gold);color:#201505;padding:8px 12px;border-radius:8px;z-index:99}
.wrap{max-width:1180px;margin:0 auto;padding:0 16px}.inline{display:inline}.muted{color:var(--dim)}.mt{margin-top:14px}.hp{position:absolute;left:-9999px}

/* cabeçalho do portal */
header.site{background:linear-gradient(#0e1118,#0a0c10);border-bottom:2px solid var(--gold3);box-shadow:0 6px 24px #000a}
.hd{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:10px;padding-bottom:10px}.brand img{display:block}
.hd-right{display:flex;align-items:center;gap:18px}.hd-st{color:var(--dim);font-size:14px;white-space:nowrap}.hd-st b{color:var(--gold2)}.hd-acct{display:flex;gap:8px;align-items:center}
.dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#555;margin-right:6px;vertical-align:middle}.dot.on{background:var(--ok);box-shadow:0 0 8px var(--ok)}
.mainnav{background:linear-gradient(var(--bronze),var(--bronze2));border-top:1px solid #7a5a1f;border-bottom:1px solid #20160a}
.mainnav .wrap,.subnav .wrap{display:flex;gap:2px;overflow-x:auto;scrollbar-width:thin}
.mainnav a{color:#f1e3c0;padding:11px 18px;font:700 15px Georgia,serif;letter-spacing:.02em;white-space:nowrap;border-right:1px solid #00000040}.mainnav a:hover{background:#ffffff14;text-decoration:none}
.mainnav a.on{background:linear-gradient(#a8701a,#7a4f10);color:#fff6dc;box-shadow:inset 0 -3px 0 var(--gold2)}
.subnav{background:#12161e;border-bottom:1px solid var(--line)}.subnav a{color:#cfc7b0;padding:8px 14px;font-size:14px;white-space:nowrap}.subnav a:hover{color:var(--gold2);text-decoration:none}.subnav a.on{color:var(--gold2);box-shadow:inset 0 -2px 0 var(--gold);font-weight:600}

/* corpo: conteúdo + menu lateral */
.page{display:grid;grid-template-columns:minmax(0,1fr) 270px;gap:22px;padding-top:22px;padding-bottom:60px;align-items:start}
.side{display:flex;flex-direction:column;gap:14px}
.play-cta{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--r);background:linear-gradient(#f2c25a,#b9801f);color:#1c1204;border:1px solid #8a5a12;box-shadow:0 3px 0 #5a3a0c,0 8px 18px #0006}.play-cta:hover{text-decoration:none;filter:brightness(1.06)}
.play-cta b{display:block;font:700 19px Georgia,serif}.play-cta small{font-size:13px;opacity:.8}
.box{background:linear-gradient(var(--card),#10151d);border:1px solid #3a2f1c;border-radius:var(--r);margin:0 0 16px;overflow:hidden;box-shadow:0 2px 0 #00000055}
.side .box{margin:0}
.box-h{margin:0;padding:8px 14px;font:700 16px Georgia,serif;color:#fff0c8;background:linear-gradient(var(--bronze),var(--bronze2));border-bottom:1px solid #7a5a1f;text-shadow:0 1px 0 #000a;list-style:none;cursor:default}.box-h small{font:400 12px "Segoe UI",sans-serif;color:#d8c9a0;margin-left:8px}
.box-b{padding:14px}.box-b>:last-child{margin-bottom:0}.box-b>p:first-child{margin-top:0}
details.menu>summary{cursor:pointer}details.menu>summary::-webkit-details-marker{display:none}details.menu>summary:after{content:"▾";float:right;color:var(--gold2)}details.menu:not([open])>summary:after{content:"▸"}
.menu ul{list-style:none;margin:0;padding:6px 8px}.menu li a{display:block;padding:6px 8px;border-radius:6px;color:var(--text)}.menu li a:hover{background:#ffffff0d;text-decoration:none;color:var(--gold2)}.menu li a.on{background:#2a2110;color:var(--gold2);font-weight:600}
.side-login label{display:block;font-size:13px;color:#d8d0b8;margin:0 0 8px}.side-login input{width:100%;margin-top:3px;padding:8px 10px;background:#0b0e14;color:var(--text);border:1px solid var(--line);border-radius:7px;font:inherit}.side-login .btn{margin-top:4px}
.side-acct{display:flex;flex-wrap:wrap;gap:6px}
.srv dl{display:grid;grid-template-columns:1fr auto;gap:4px 10px;margin:10px 0 0;font-size:14px}.srv dt{color:var(--dim)}.srv dd{margin:0;text-align:right;color:var(--gold2);font-weight:700}

/* conteúdo */
.pg-title,.prose>h1{font-size:30px;margin:0 0 14px;padding-bottom:8px;border-bottom:2px solid var(--gold3)}
.banner{border-radius:var(--r);border:1px solid #3a2f1c;margin:0 0 16px;padding:30px 24px;background:radial-gradient(ellipse at 70% 0,#2b2145 0,#15101f 55%,#0a0c10 100%),url("/css/mountains.svg") bottom/cover no-repeat;position:relative;overflow:hidden}
.banner h1{font-size:clamp(26px,4vw,40px);margin:0 0 8px;text-shadow:0 4px 24px #000a}.banner h1 em{font-style:normal;background:linear-gradient(#fff0b8,var(--gold) 60%,#8a5a12);-webkit-background-clip:text;background-clip:text;color:transparent}
.banner p{max-width:560px;margin:0 0 18px;color:#d6cfba;font-size:16px}.cta{display:flex;gap:12px;flex-wrap:wrap}
.ticker{list-style:none;margin:0;padding:0}.ticker li{padding:7px 0;border-bottom:1px dashed #2a3340}.ticker li:last-child{border:0}.ticker time{color:var(--dim);font-size:13px;margin-right:6px}
.cols2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.cols3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.mini-steps{margin:0;padding-left:20px}.mini-steps li{margin:0 0 8px}.feat{margin:0;padding-left:18px}.feat li{margin:0 0 7px}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.card{background:linear-gradient(var(--card),#10151d);border:1px solid var(--line);border-radius:var(--r);padding:18px}.card h3{color:var(--gold2)}.card p{color:#cfc8b3;margin:0}
.sec{margin:34px 0 14px}.sec h2{font-size:26px;position:relative;padding-bottom:10px}.sec h2:after{content:"";position:absolute;left:0;bottom:0;width:64px;height:3px;background:linear-gradient(90deg,var(--gold),transparent)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:0 0 24px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:16px;text-align:center}.stat b{display:block;font:700 30px Georgia,serif;color:var(--gold2)}.stat span{color:var(--dim);font-size:14px}

/* botões e formulários */
.btn{display:inline-block;border:1px solid var(--line);background:var(--card2);color:var(--text);padding:10px 18px;border-radius:9px;font:inherit;font-weight:700;cursor:pointer;text-align:center}.btn:hover{border-color:var(--gold);text-decoration:none}
.btn.gold{background:linear-gradient(#f2c25a,#b9801f);color:#1c1204;border-color:#8a5a12;box-shadow:0 3px 0 #5a3a0c,0 6px 14px #0006;text-shadow:0 1px 0 #ffe9a8}.btn.gold:hover{filter:brightness(1.07)}.btn.gold:active{transform:translateY(2px);box-shadow:0 1px 0 #5a3a0c}
.btn.ghost{background:transparent}.btn.small{padding:6px 12px;font-size:14px}.btn.big{padding:14px 30px;font-size:18px}.btn[disabled]{opacity:.45;cursor:not-allowed}
form.f{max-width:560px}label.l{display:block;margin:0 0 16px;font-weight:600;font-size:14px;color:#d8d0b8}label.l small{display:block;color:var(--dim);font-weight:400;margin-top:4px}
input[type=text],input[type=email],input[type=password],select{width:100%;margin-top:6px;padding:11px 13px;background:#0b0e14;color:var(--text);border:1px solid var(--line);border-radius:9px;font:inherit}input:focus,select:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px #e9b64a30}
.inline-form{display:flex;gap:8px}.inline-form input[type=text]{margin:0;flex:1}.inline-form .btn{white-space:nowrap}
.pw{position:relative}.pw button{position:absolute;right:8px;top:13px;background:none;border:0;color:var(--gold2);cursor:pointer;font-size:13px}
.voc-pick{border:0;padding:0;margin:0 0 16px;min-inline-size:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:10px}.voc-pick legend{padding:0;margin-bottom:8px;font-size:14px;grid-column:1/-1}.voc-pick label{border:1px solid var(--line);border-radius:12px;padding:12px;cursor:pointer;background:var(--card)}.voc-pick label.on{border-color:var(--gold);background:#2a2110}.voc-pick b{display:block;color:var(--gold2)}.voc-pick span{font-size:13px;color:var(--dim)}.voc-pick input{position:absolute;opacity:0}
label.l.check{display:flex;gap:10px;align-items:flex-start}label.l.check input{width:auto;margin-top:5px}

/* tabelas */
.tw{overflow-x:auto;border:1px solid #3a2f1c;border-radius:var(--r);background:var(--card);margin:0 0 16px}.box .tw{border:0;margin:0}
table{width:100%;border-collapse:collapse;min-width:420px}th,td{padding:9px 13px;text-align:left;border-bottom:1px solid #222a35}th{background:#1c1810;color:var(--gold2);font:700 13px Georgia,serif;letter-spacing:.04em;text-transform:uppercase}
tbody tr:nth-child(even){background:#ffffff05}tbody tr:hover{background:#ffffff0a}tr:last-child td{border:0}td.empty{text-align:center;color:var(--dim);padding:22px}td.n{text-align:right;font-variant-numeric:tabular-nums}td.rank{color:var(--gold2);font-weight:700;width:48px}td.good{color:var(--ok)}td.bad{color:var(--bad)}
table.kv{min-width:0}table.kv th{width:34%;background:#16130c;text-transform:none;letter-spacing:0;font:600 14px "Segoe UI",sans-serif;color:#d8c9a0}
.tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 10px;align-items:center}.tabs a{padding:6px 13px;border-radius:999px;border:1px solid var(--line);color:var(--text);font-size:14px;font-weight:600}.tabs a.on,.tabs a:hover{background:var(--gold);border-color:var(--gold);color:#1c1204;text-decoration:none}.pg{font-size:13px}

/* avisos, pílulas, passos */
.flash,.err,.ok{padding:12px 16px;border-radius:10px;margin:0 0 16px;border:1px solid}.flash,.ok{background:#12301c;border-color:#2c7a45;color:#bff0cd}.err{background:#3a1512;border-color:#8a2a22;color:#ffc9c0}
.pill{display:inline-block;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:700;background:#2a3340}.pill.on{background:#12301c;color:var(--ok)}
.steps{counter-reset:s;list-style:none;padding:0}.steps li{counter-increment:s;position:relative;padding:14px 16px 14px 62px;margin:0 0 12px;background:var(--card);border:1px solid var(--line);border-radius:var(--r)}.steps li:before{content:counter(s);position:absolute;left:16px;top:12px;width:34px;height:34px;border-radius:50%;background:linear-gradient(#f2c25a,#b9801f);color:#1c1204;font:700 18px Georgia,serif;display:grid;place-items:center}
.prose{max-width:860px}.prose h2{margin-top:1.4em}.prose li{margin:.3em 0}.prose code,code{background:#1b212c;padding:1px 6px;border-radius:6px}.notice{border-left:4px solid var(--gold);background:#1c1a12;padding:12px 16px;border-radius:0 10px 10px 0;margin:0 0 16px}
.price{font:700 30px Georgia,serif;color:var(--gold2)}.price small{font-size:13px;color:var(--dim);font-family:inherit}
.pixbox{max-width:420px;background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:20px;text-align:center}.pixbox .qr{background:#fff;border-radius:10px;padding:8px;display:block;margin:0 auto 14px}.pixbox input[type=text]{font:12px monospace;text-align:left}

/* rodapé e cabeçalho simples (painel e erros) */
.top{background:#0b0e14;border-bottom:2px solid var(--gold3)}.bar{max-width:1380px;margin:auto;padding:8px 20px;display:flex;align-items:center;gap:22px}
main.lean-main{max-width:1180px;margin:auto;padding:28px 20px 70px}main.lean-main.wide{max-width:1380px}
.foot{border-top:2px solid var(--gold3);background:#080a0d;padding:30px 20px 24px}.foot .cols{max-width:1180px;margin:0 auto 18px;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:26px}.foot h4{margin:0 0 8px;color:var(--gold2);font-family:Georgia,serif}.foot a{display:block;color:#bdb6a2;padding:3px 0}.legal{max-width:1180px;margin:auto;color:#7d786a;font-size:13px;border-top:1px solid #1d222b;padding-top:16px}

@media(max-width:900px){.page{grid-template-columns:minmax(0,1fr)}.side{order:2}.cols2,.cols3{grid-template-columns:1fr}.stats{grid-template-columns:1fr 1fr}.foot .cols{grid-template-columns:1fr 1fr}.hd{flex-wrap:wrap}.brand img{width:160px;height:auto}.hd-st{display:none}.box-h{font-size:15px}.pg-title,.prose>h1{font-size:26px}}
@media(max-width:520px){.foot .cols{grid-template-columns:1fr}.inline-form{flex-direction:column}.mainnav a{padding:10px 13px;font-size:14px}.banner{padding:22px 16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}