:root{
  --bg:#100e0a; --card:rgba(255,255,255,.035); --line:rgba(211,181,132,.18);
  --gold:#d3b584; --gold-2:#c9a25c; --text:#f4efe6; --dim:#9b9285; --mint:#7ee0b8;
}
*{box-sizing:border-box}
html,body{margin:0}
body{
  background:
    radial-gradient(900px 500px at 15% -10%, rgba(211,181,132,.10), transparent 60%),
    radial-gradient(700px 400px at 100% 0%, rgba(201,162,92,.06), transparent 55%),
    var(--bg);
  color:var(--text);
  font:16px/1.55 ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  min-height:100vh;
  padding:clamp(22px,5vw,64px) clamp(18px,4vw,40px) 40px;
  -webkit-font-smoothing:antialiased;
}
.hero{max-width:1040px;margin:0 auto 42px}
.brand{display:flex;align-items:center;gap:10px;font-size:12px;letter-spacing:.22em;color:var(--gold);font-weight:600}
.brand .sep{color:rgba(211,181,132,.45)}
.dot{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 4px rgba(126,224,184,.12)}
h1{font:400 clamp(30px,5.4vw,46px)/1.1 Georgia,"Times New Roman",serif;letter-spacing:-.01em;margin:16px 0 10px}
.sub{margin:0;color:var(--dim);max-width:56ch}
.chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.chip{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);border:1px solid var(--line);border-radius:999px;padding:5px 11px}
.chip.live{color:var(--mint);border-color:rgba(126,224,184,.3)}
main{max-width:1040px;margin:0 auto;display:grid;gap:34px}
section h2{font:600 11px/1 ui-sans-serif,system-ui;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin:0 0 14px;padding-bottom:10px;border-bottom:1px solid var(--line)}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.card{position:relative;display:flex;flex-direction:column;gap:6px;padding:18px 18px 16px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.015));color:inherit;text-decoration:none;transition:transform .18s ease,border-color .18s ease,background .18s ease}
a.card:hover{transform:translateY(-2px);border-color:rgba(211,181,132,.45);background:linear-gradient(180deg,rgba(211,181,132,.10),rgba(255,255,255,.02))}
.card .ico{color:var(--gold);font-size:18px;line-height:1}
.card h3{margin:0;font-size:16px;font-weight:600;letter-spacing:.01em}
.card p{margin:0;color:var(--dim);font-size:13.5px}
.tag{margin-top:10px;align-self:flex-start;font-size:10px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--line);border-radius:999px;padding:3px 9px;color:var(--dim)}
.tag.soon{color:var(--gold-2);border-color:rgba(201,162,92,.3)}
.tag.lock{color:#c9a2a2;border-color:rgba(201,162,162,.28)}
.card.muted{opacity:.72}
.card.muted:hover{transform:none}
footer{max-width:1040px;margin:52px auto 0;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--gold);border-top:1px solid var(--line);padding-top:16px}
footer .dim{color:var(--dim)}
@media (max-width:520px){.grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}