*{margin:0;padding:0;box-sizing:border-box}
:root{--am:#FFD400;--tinta:#111114;--painel:#1B1B21;--painel2:#24242C;--linha:#34343F;--texto:#F2F2F4;--mudo:#9A9AA6;--azul:#2F6BFF}
body{background:var(--tinta);color:var(--texto);font-family:Inter,system-ui,sans-serif;line-height:1.5;min-height:100vh;display:flex;flex-direction:column}
body:before{content:"";position:fixed;inset:0;background-image:radial-gradient(rgba(255,212,0,.08) 1.5px,transparent 1.5px);background-size:28px 28px;pointer-events:none}
main{position:relative;width:100%;max-width:880px;margin:0 auto;padding:40px 16px 24px;flex:1}
a{color:inherit}
.topo{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:'Lilita One',sans-serif;font-size:28px}
.topo i{font-style:normal;background:var(--am);color:var(--tinta);padding:0 10px;border-radius:8px;border:3px solid var(--tinta);transform:rotate(-4deg);display:inline-block}
h1{font-family:'Lilita One',sans-serif;font-weight:400;font-size:clamp(34px,7vw,56px);line-height:1.02;text-transform:uppercase;margin:28px 0 12px}
h1 b{color:var(--am);font-weight:400}
h2{font-family:'Lilita One',sans-serif;font-weight:400;font-size:24px;margin:28px 0 12px}
p.sub{color:var(--mudo);font-size:18px;max-width:560px}
.heroi{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.heroi>div{flex:1 1 320px}
.masc{width:190px;filter:drop-shadow(3px 0 0 #fff) drop-shadow(-3px 0 0 #fff) drop-shadow(0 3px 0 #fff) drop-shadow(0 -3px 0 #fff)}
.botoes{display:flex;flex-direction:column;gap:12px;margin:28px 0}
.bt{display:flex;align-items:center;justify-content:space-between;gap:12px;text-decoration:none;background:var(--painel);border:2px solid var(--linha);border-radius:14px;padding:16px 18px;font-weight:700;font-size:17px;transition:transform .12s,border-color .12s}
.bt:hover,.bt:focus-visible{transform:translateY(-2px);border-color:var(--am);outline:none}
.bt.pri{background:var(--am);color:var(--tinta);border-color:var(--am)}
.bt small{display:block;font-weight:500;font-size:14px;opacity:.75}
.aviso{background:var(--painel2);border-left:4px solid var(--am);border-radius:10px;padding:12px 14px;font-size:14px;color:var(--mudo);margin:16px 0}
.aviso b{color:var(--texto)}
.grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px}
.card{background:var(--painel);border:2px solid var(--linha);border-radius:14px;padding:16px;display:flex;flex-direction:column;gap:8px}
.card .cat{font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--am)}
.card h3{font-size:19px}
.card p{color:var(--mudo);font-size:15px;flex:1}
.card a{text-decoration:none;font-weight:700;color:var(--am)}
.card a:hover{text-decoration:underline}
footer{position:relative;text-align:center;color:var(--mudo);font-size:13px;padding:24px 16px 32px}
footer a{color:var(--mudo)}
@media (prefers-reduced-motion:reduce){.bt{transition:none}}
@media (max-width:600px){.heroi{flex-wrap:nowrap;align-items:flex-start}.heroi>div{flex:1 1 auto}.masc{width:96px;height:auto;margin-top:34px}}