:root{
  --bg:#120b06;--panel:#21130a;--panel2:#341d0e;--dust:#f29b36;--sand:#ffd08a;--cream:#fff4d2;--muted:#d5b98a;--line:#6f3c16;--danger:#ffdf3e;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at top,#42200b 0,#120b06 43%,#080503 100%);color:var(--cream);font-family:Arial,Helvetica,sans-serif;line-height:1.6;overflow-x:hidden}
a{color:var(--sand);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.topbar{position:sticky;top:0;z-index:10;background:#ffdf3e;color:#160c05;text-align:center;font-weight:900;padding:.65rem 1rem;border-bottom:4px double #160c05}
.topbar a{color:#160c05;text-decoration:underline}
.wrap{width:min(1120px,92vw);margin:auto}
header{padding:1rem 0;border-bottom:1px solid rgba(255,208,138,.25);background:rgba(18,11,6,.9);backdrop-filter:blur(10px)}
.nav{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.logo{font-size:1.25rem;font-weight:1000;letter-spacing:.06em;text-transform:uppercase;color:#fff}
.logo span{color:var(--dust)}
nav{display:flex;gap:.8rem;flex-wrap:wrap}
nav a{font-weight:800;font-size:.92rem;color:var(--cream)}
.hero{position:relative;min-height:72vh;display:grid;place-items:center;padding:4rem 0;background:linear-gradient(180deg,rgba(18,11,6,.2),rgba(18,11,6,.94)),url('/images/og-dirtadventure.jpg') center/cover no-repeat;border-bottom:5px dashed var(--line);overflow:hidden}
.hero:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.035) 0 1px,transparent 1px 4px);mix-blend-mode:screen;pointer-events:none}
.hero-card{position:relative;background:rgba(18,11,6,.78);border:4px ridge var(--dust);border-radius:24px;padding:2rem;box-shadow:0 30px 80px rgba(0,0,0,.45);text-align:center}
.kicker{display:inline-block;background:#ffdf3e;color:#160c05;font-weight:1000;border:2px solid #160c05;padding:.3rem .7rem;transform:rotate(-1deg)}
h1{font-size:clamp(2.5rem,8vw,6.5rem);line-height:.9;margin:1rem 0;text-transform:uppercase;text-shadow:5px 5px #000}
h2{font-size:clamp(1.7rem,4vw,3rem);line-height:1.05;margin:0 0 1rem;text-transform:uppercase;color:#fff}
h3{margin:.2rem 0;color:#fff}
.btns{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-top:1.2rem}
.btn{display:inline-block;background:var(--dust);color:#180d05;font-weight:1000;padding:.8rem 1rem;border:2px solid #000;border-radius:999px;box-shadow:4px 4px 0 #000}
.btn.secondary{background:transparent;color:var(--cream);border-color:var(--sand)}
.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;margin:2rem 0}
.card{grid-column:span 4;background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid rgba(255,208,138,.25);border-radius:20px;padding:1.2rem;box-shadow:0 18px 44px rgba(0,0,0,.25)}
.card.wide{grid-column:span 8}
.card.full{grid-column:1/-1}
.badge{display:inline-block;border:1px solid var(--line);background:rgba(242,155,54,.14);padding:.2rem .55rem;border-radius:999px;color:var(--sand);font-weight:800;font-size:.82rem}
.marquee{background:#070302;border-block:3px dotted var(--dust);padding:.65rem 0;white-space:nowrap;overflow:hidden;color:#ffdf3e;font-weight:1000}
.marquee span{display:inline-block;animation:scroll 24s linear infinite}
@keyframes scroll{from{transform:translateX(100vw)}to{transform:translateX(-100%)}}
section{padding:3rem 0}
.list{display:grid;gap:.75rem;margin:1rem 0 0;padding:0;list-style:none}
.list li{background:rgba(255,255,255,.05);border:1px solid rgba(255,208,138,.18);padding:.8rem;border-radius:14px}
.counter{font-family:"Courier New",monospace;background:#000;color:#76ff76;border:2px inset #777;padding:.5rem 1rem;display:inline-block;font-weight:900;letter-spacing:.15em}
.news-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
.article{background:rgba(255,255,255,.045);border:1px solid rgba(255,208,138,.2);border-radius:18px;padding:1rem}
.date{color:var(--muted);font-size:.9rem;font-weight:800}
.share{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:1rem}
.share a,.share button{border:1px solid var(--line);background:#170b03;color:var(--cream);border-radius:999px;padding:.55rem .8rem;font-weight:800;cursor:pointer}
form{display:grid;gap:.8rem}
input,textarea,select{width:100%;background:#080503;color:var(--cream);border:1px solid var(--line);border-radius:12px;padding:.85rem;font:inherit}
textarea{min-height:130px}
button{background:var(--dust);border:0;border-radius:999px;padding:.85rem 1rem;font-weight:1000;cursor:pointer}
[data-fs-success],[data-fs-error]{display:none;padding:.75rem;border-radius:12px;margin:.5rem 0}
[data-fs-success]{background:#143d20;color:#d7ffd8}
[data-fs-error]{background:#4a1212;color:#ffe0e0}
footer{border-top:4px double var(--line);background:#080503;padding:2rem 0;color:var(--muted)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1rem}
@media(max-width:760px){
  .hero{min-height:62vh;padding:2rem 0}.hero-card{padding:1rem}
  .card,.card.wide{grid-column:1/-1}
  .news-grid,.footer-grid{grid-template-columns:1fr}
  nav{width:100%;justify-content:center}.nav{justify-content:center;text-align:center}
}