:root{--gold:#FFD700;--bg:#000;--ink:#fff;--gold-20:rgba(255,215,0,.2)}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:#000;color:var(--ink);font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif}
.container{max-width:1100px;margin:0 auto;padding:16px}
.card{background:rgba(255,215,0,.06);border:1px solid rgba(255,215,0,.2);border-radius:16px;padding:16px;color:var(--ink)}
.grid{display:grid;gap:1rem}.grid-3{grid-template-columns:1fr}
@media(min-width:900px){.grid-3{grid-template-columns:repeat(3,1fr)}}
.btn{display:inline-block;border:1px solid rgba(255,215,0,.4);border-radius:14px;padding:10px 14px;color:#000;background:#FFD700;text-decoration:none;font-weight:600}
.btn.secondary{background:transparent;color:#FFD700;border-color:rgba(255,215,0,.4)}
.badge{font-size:12px;opacity:.85;color:#FFD700}
.cover{aspect-ratio:1/1;width:100%;background:rgba(255,215,0,.08);border:1px solid rgba(255,215,0,.2);border-radius:16px;display:flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:.04em;color:#FFD700}
header{padding:12px;border-bottom:1px solid rgba(255,215,0,.2)} header a{color:#FFD700;text-decoration:none;font-weight:800}