:root{
  --bg:#07080b; --panel:rgba(255,255,255,.06); --panel2:rgba(255,255,255,.04);
  --text:rgba(255,255,255,.92); --muted:rgba(255,255,255,.70); --line:rgba(255,255,255,.10);
  --gold:#d7b35a; --gold2:#f1d48a; --shadow:0 12px 40px rgba(0,0,0,.45); --shadow2:0 10px 30px rgba(0,0,0,.35);
  --radius-xl:26px; --radius-lg:18px; --radius-md:14px; --max:1120px;
}
[data-theme="light"]{ --bg:#fbfbfc; --panel:rgba(10,12,18,.06); --panel2:rgba(10,12,18,.04);
  --text:rgba(10,12,18,.92); --muted:rgba(10,12,18,.70); --line:rgba(10,12,18,.10);
  --shadow:0 12px 40px rgba(10,12,18,.12); --shadow2:0 10px 30px rgba(10,12,18,.10);
}
*{box-sizing:border-box} body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;
  background:radial-gradient(1200px 700px at 20% -10%, rgba(215,179,90,.20), transparent 60%),
  radial-gradient(900px 600px at 80% 0%, rgba(241,212,138,.12), transparent 55%),
  radial-gradient(900px 700px at 50% 120%, rgba(255,255,255,.05), transparent 55%), var(--bg);
  color:var(--text); overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--max);margin:0 auto;padding:22px 18px 56px}
.card{border:1px solid var(--line);background:linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.03));
  border-radius:var(--radius-xl); box-shadow:var(--shadow); overflow:hidden; position:relative;
}
.card>*{position:relative;z-index:1}
.kicker{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:10px}
.tag{font-size:12px;padding:7px 10px;border-radius:999px;border:1px solid rgba(215,179,90,.35);
  background:rgba(215,179,90,.12);color:var(--gold2);letter-spacing:.08em;text-transform:uppercase;font-weight:750;
}
.tag.soft{border-color:var(--line);background:var(--panel2);color:var(--muted);letter-spacing:.02em;text-transform:none;font-weight:650}
.title{margin:0 0 10px;font-size:clamp(24px, 3vw, 40px);line-height:1.08;letter-spacing:-0.02em}
.title .accent{background:linear-gradient(90deg,var(--gold2),var(--gold));-webkit-background-clip:text;background-clip:text;color:transparent}
.lede{margin:0 0 16px;font-size:15px;line-height:1.7;color:var(--muted);max-width:70ch}
.btn{display:inline-flex;align-items:center;gap:10px;border-radius:14px;padding:10px 12px;border:1px solid var(--line);
  background:var(--panel);color:var(--text);font-weight:650;font-size:13px;cursor:pointer}
.btn.primary{border-color:rgba(215,179,90,.55);background:linear-gradient(145deg, rgba(215,179,90,.22), rgba(255,255,255,.05))}
.btn.ghost{background:transparent}
.field{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;border:1px solid var(--line);background:rgba(0,0,0,.18)}
[data-theme="light"] .field{background:rgba(255,255,255,.65)}
.field input,.field select{width:100%;border:none;background:transparent;color:var(--text);font-size:13px;outline:none}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:980px){.grid{grid-template-columns:1fr}}
.tile{padding:18px 16px;border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--panel);box-shadow:var(--shadow2)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:980px){.split{grid-template-columns:1fr}}
.panel{padding:18px 16px;border-radius:var(--radius-xl);border:1px solid var(--line);background:var(--panel2)}
.muted{color:var(--muted)}
.mini{margin-top:16px;padding:14px 14px;border-radius:var(--radius-lg);border:1px dashed rgba(215,179,90,.28);
  background:rgba(215,179,90,.07);color:var(--muted);font-size:12px;line-height:1.6
}
.tiny-link{color:var(--gold2)}
.topbar{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);border-bottom:1px solid var(--line);
  background:linear-gradient(to bottom, rgba(0,0,0,.55), rgba(0,0,0,.18))}
[data-theme="light"] .topbar{background:linear-gradient(to bottom, rgba(255,255,255,.85), rgba(255,255,255,.55))}
.topbar-inner{max-width:var(--max);margin:0 auto;padding:12px 18px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}
.brand{display:flex;align-items:center;gap:12px}
.mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg, rgba(215,179,90,.35), rgba(215,179,90,.10));
  border:1px solid rgba(215,179,90,.35);display:grid;place-items:center;box-shadow:0 10px 25px rgba(0,0,0,.35)}