:root{
  --bg:#0a0b0d;
  --text:#e9eaee;
  --muted:#a7aab4;
  --gold:#D4A84B;                 /* premium gold */
  --border:rgba(212,168,75,.20);
  --radius:18px;
}
*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  color:var(--text);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial;
  background:
    radial-gradient(900px 520px at 70% 20%, rgba(212,168,75,.12), transparent 60%),
    radial-gradient(800px 520px at 25% 75%, rgba(212,168,75,.08), transparent 60%),
    /* brushed metal feel */
    repeating-linear-gradient(115deg,
      rgba(255,255,255,.020) 0px,
      rgba(255,255,255,.010) 2px,
      rgba(0,0,0,.000) 6px,
      rgba(0,0,0,.030) 10px
    ),
    linear-gradient(180deg, #060608 0%, var(--bg) 100%);
}
a{color:inherit}
.container{max-width:1040px;margin:0 auto;padding:28px 18px}
.card{
  border:1px solid var(--border);
  border-radius: var(--radius);
  background: rgba(17,19,25,.58);
  padding:18px;
}
.small{font-size:12px;color:var(--muted)}