:root {
  --black: #05070a;
  --charcoal: #111722;
  --paper: #eef3f8;
  --white: #ffffff;
  --orange: #1479e8;
  --orange-dark: #0758b4;
  --yellow: #43a6ff;
  --green: #0c315f;
  --line: #b9c9da;
  --muted: #536477;
}
body { background: linear-gradient(rgba(238,243,248,.97),rgba(238,243,248,.97)), repeating-linear-gradient(135deg,#c9d8e7 0 1px,transparent 1px 16px); }
header { background: rgba(5,7,10,.97); border-bottom-color: var(--orange); box-shadow: 0 8px 28px rgba(0,0,0,.28); backdrop-filter: blur(10px); }
.brand-logo { display:block; width:68px; height:68px; flex:0 0 auto; background:#05070a url("https://drive.google.com/thumbnail?id=1RStt5ROEcsJYsX-m4_tT7opOhaQyA-3Z&sz=w400") center/contain no-repeat; border-radius:50%; }
nav a { letter-spacing:.25px; }
nav a:hover,.footer-row a { color:var(--yellow); }
.hero { background:linear-gradient(90deg,rgba(3,7,13,.98) 0%,rgba(3,7,13,.94) 48%,rgba(3,7,13,.25) 100%),url("https://drive.google.com/thumbnail?id=1778x0poIAgL47TW-gm_IC-IFZu4hrYYN&sz=w2000") center right/cover no-repeat; border-bottom:4px solid var(--orange); }
.hero::before,.hero::after { border-radius:0; transform:skewX(-18deg); opacity:.42; }
.hero::before { width:190px; height:760px; right:22%; top:-250px; border-width:0 0 0 28px; }
.hero::after { width:90px; height:650px; right:17%; top:-190px; border-width:0 0 0 8px; }
.hero-content { max-width:680px; }
.eyebrow { background:var(--orange); box-shadow:8px 0 0 #fff; }
h1,h2,h3,.brand-name strong { font-family:"Arial Narrow","Roboto Condensed",Arial,sans-serif; font-style:italic; }
.button { border-radius:3px; box-shadow:5px 5px 0 rgba(0,0,0,.28); text-transform:uppercase; letter-spacing:.35px; }
.stats,.submit { background:var(--orange); }
.club-card,.download-card,.event-card,.about-main,.about-side,.step { border-radius:4px; box-shadow:7px 7px 0 rgba(5,7,10,.1); }
.club-card:hover,.download-card:hover,.event-card:hover { transform:translateY(-3px); box-shadow:9px 11px 0 rgba(20,121,232,.2); }
.club-card,.download-card,.event-card { transition:transform .18s ease,box-shadow .18s ease; }
.how-it-works { background:linear-gradient(135deg,rgba(12,49,95,.97),rgba(5,7,10,.98)); }
footer { border-top:4px solid var(--orange); }
@media (max-width:650px) { .brand-logo { width:58px; height:58px; } .hero { background-position:62% center; } .hero::before,.hero::after { display:none; } }
.brand::before { content:""; display:block; width:68px; height:68px; flex:0 0 auto; background:#05070a url("https://drive.google.com/thumbnail?id=1RStt5ROEcsJYsX-m4_tT7opOhaQyA-3Z&sz=w400") center/contain no-repeat; border-radius:50%; }
.brand-stripes { display:none; }
@media (max-width:650px) { .brand::before { width:58px; height:58px; } }