
:root {
  --rb-primary: #DE5307;
  --rb-accent: #F29F05;
  --rb-bg: #0e0f13;
  --rb-card: #16181f;
  --rb-text: #e6e6e6;
  --rb-muted: #a8b0bf;
}
html, body { background: var(--rb-bg); color: var(--rb-text); margin:0; }
a { color: var(--rb-primary); } a:hover { color: var(--rb-accent); text-decoration:none; }
.container-header { padding:.75rem 1rem; border-bottom:1px solid #232734; background: linear-gradient(180deg,#13151b,#0e0f13); }
.container-header .grid { display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.brand-logo img { max-height:56px; display:block; }
.navbar { display:flex; gap:.75rem; }
.navbar a { color:var(--rb-text); text-decoration:none; padding:.35rem .5rem; border-radius:8px; }
.navbar a:hover { background:#1b1e28; color:var(--rb-accent); }
.rust-hero { background-image: var(--rb-hero-image, url('../images/hero.jpg')); background-size:cover; background-position:center; min-height:360px; display:grid; place-items:center; position:relative; }
.rust-hero::after { content:""; position:absolute; inset:0; background: radial-gradient(1200px 400px at 20% 20%, rgba(222,83,7,.3), transparent 60%), linear-gradient(180deg, rgba(14,15,19,.1), rgba(14,15,19,.85) 70%); }
.rust-hero .hero-inner{ position:relative; z-index:1; text-align:center; padding:2rem 1rem; }
.rust-hero h1{ font-size: clamp(2rem,4vw,3.25rem); margin:.25rem 0 .5rem; text-transform:uppercase; letter-spacing:2px; }
.hero-info{ color:var(--rb-muted); margin-bottom:.75rem; }
.hero-actions{ display:flex; gap:.75rem; justify-content:center; flex-wrap:wrap; }
.btn, .button, button, input[type=submit]{ background: var(--rb-primary); border:none; color:#fff; border-radius:10px; padding:.65rem 1rem; cursor:pointer; }
.btn:hover, .button:hover { background: var(--rb-accent); color:#101218; }
.site-grid.container{ display:grid; grid-template-columns:260px 1fr 260px; gap:1rem; padding:1rem; }
.sidebar-left, .sidebar-right{ display:grid; gap:1rem; }
.content-area{ min-width:0; }
.card, .moduletable, .com-content-article{ background:var(--rb-card); border:1px solid #232734; border-radius:14px; box-shadow:0 10px 30px rgba(0,0,0,.25); padding:1rem; }
.rb-stats-wrap{ padding:1rem; }
.rb-stats{ display:grid; grid-template-columns: repeat(auto-fit,minmax(180px,1fr)); gap:1rem; }
.rb-stats .stat{ background:#12141a; border:1px solid #232734; border-radius:12px; padding:1rem; text-align:center; }
.rb-stats .label{ color:var(--rb-muted); font-size:.85rem; }
.rb-stats .value{ font-size:1.5rem; font-weight:700; margin-top:.25rem; }
.cta, .bottom-a, .bottom-b{ padding:1rem; }
.footer{ background:#0c0d11; border-top:1px solid #232734; color:#a8b0bf; padding:1.5rem 1rem; text-align:center; }
@media(max-width:1024px){ .site-grid.container{ grid-template-columns:1fr; } }
