:root{
--gold:#f3bf47;--bg:#13071d;--card:#221133;
}
*{box-sizing:border-box}
body{margin:0;font-family:Segoe UI,Arial,sans-serif;background:var(--bg);color:#fff}
header{
min-height:100vh;
background:
linear-gradient(rgba(15,5,30,.75),rgba(15,5,30,.9)),
url('assets/flyer.png') center/cover no-repeat;
display:flex;align-items:center;justify-content:center;text-align:center;padding:2rem}
.hero{max-width:900px}
h1{font-size:4rem;color:var(--gold);margin:.2em 0}
h2{font-size:2rem;font-weight:300}
.cta{display:inline-block;padding:18px 36px;background:var(--gold);color:#111;
border-radius:40px;text-decoration:none;font-weight:bold;transition:.3s}
.cta:hover{transform:scale(1.05)}
section{padding:70px 8%}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.card{background:var(--card);padding:24px;border-radius:16px;box-shadow:0 10px 25px rgba(0,0,0,.35)}
.flyer{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.flyer img{width:100%;border-radius:16px;box-shadow:0 15px 40px rgba(243,191,71,.3)}
.contact{text-align:center;background:#0d0616}
footer{text-align:center;padding:20px;color:#aaa}
@media(max-width:800px){
h1{font-size:2.7rem}
.flyer{grid-template-columns:1fr}
}