:root {
    --primary: #FFD700;
    --secondary: #1A1A1A;
    --bg-dark: #0f0f0f;
    --text-light: #ffffff;
}
body { margin: 0; font-family: Arial, sans-serif; background: var(--bg-dark); color: var(--text-light); }
.container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }
.navbar { background: var(--secondary); padding: 1rem 0; }
.navbar .container { display: flex; justify-content: space-between; align-items: center; }
.navbar-brand { color: var(--primary); font-weight: bold; text-decoration: none; font-size: 1.5rem; }
.navbar-nav { list-style: none; display: flex; gap: 20px; }
.navbar-nav a { color: white; text-decoration: none; }
.hero { text-align: center; padding: 100px 20px; background: linear-gradient(rgba(0,0,0,0.7), rgba(0,0,0,0.7)), url('/assets/img/hero-bg.jpg'); background-size: cover; }
.btn { padding: 10px 20px; border-radius: 5px; text-decoration: none; display: inline-block; }
.btn-primary { background: var(--primary); color: var(--secondary); font-weight: bold; }