:root{--bg:#090909;--panel:#111;--panel2:#171717;--gold:#c9a24e;--gold2:#f1d88d;--text:#f6f2e8;--border:rgba(201,162,78,.34)}
html,body{background:radial-gradient(circle at top right, rgba(201,162,78,.16), transparent 25%),linear-gradient(180deg,#050505,#0d0d0d);color:var(--text)}
nav.container-fluid{background:rgba(8,8,8,.84);backdrop-filter:blur(14px);border-bottom:1px solid var(--border)}
nav a,nav strong{color:var(--text)!important}
nav [role=button]{background:linear-gradient(135deg,var(--gold2),var(--gold));border:none;color:#1b150b!important}
main.container{padding-top:2rem;padding-bottom:3rem}
.hero-grid{align-items:center}
article,.glass{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--border);border-radius:22px;box-shadow:0 18px 44px rgba(0,0,0,.36)}
.cards{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
pre{background:#090909;border:1px solid var(--border);border-radius:18px;color:var(--gold2);padding:1rem;white-space:pre-wrap;min-height:120px}
textarea,input,select{background:#0e0e0e!important;border-color:var(--border)!important;color:var(--text)!important}
button{border-radius:999px!important;background:linear-gradient(135deg,var(--gold2),var(--gold))!important;color:#19130a!important;border:none!important;font-weight:700!important}
button.secondary{background:transparent!important;color:var(--text)!important;border:1px solid var(--border)!important}
.action-row{margin-top:1rem}
.demo-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}