:root{--red:#d40b12;--gold:#e0ad00;--cream:#f6f2e9}
.topbar{background:var(--gold);color:#080808}
.brand-logo{width:64px;height:64px;object-fit:contain;background:#fff;border-radius:50%;border:2px solid var(--gold)}
.nav{border-bottom:3px solid var(--gold)}
.hero{background:linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.89) 48%,rgba(0,0,0,.42) 100%),url('assets/spta-backdrop.png') center/cover no-repeat}
.hero h1,.page-hero h1{font-family:Impact,'Arial Black',sans-serif;letter-spacing:.02em;text-transform:uppercase}
.hero-card{border-left-color:var(--gold);box-shadow:18px 18px 0 var(--red)}
.page-hero{position:relative;background:linear-gradient(105deg,rgba(0,0,0,.97) 0%,rgba(0,0,0,.88) 65%,rgba(212,11,18,.65) 100%),url('assets/spta-backdrop.png') center/cover no-repeat;border-bottom:7px solid var(--gold)}
.button{box-shadow:4px 4px 0 var(--gold)}
.card{background:linear-gradient(150deg,#fff 0%,#f7f2e6 100%)}
.dark .card{border-bottom:3px solid var(--red)}
.cta{background:linear-gradient(100deg,#b9070d,var(--red));border-top:6px solid var(--gold)}
.schedule{box-shadow:10px 10px 0 var(--gold)}
@media(max-width:600px){.brand-logo{width:48px;height:48px}.hero{background-position:62% center}}