:root {
  --color-primary: #D4AF37;
  --color-secondary: #8B4513;
  --color-accent: #FFD700;
  --color-dark: #1a1410;
  --color-darker: #0f0a08;
  --color-light: #F5E6D3;
  --color-text: #E8DCC4;
  --color-text-dark: #2C1810;
  --color-border: #4a3a2a;
  --color-success: #4CAF50;
  --color-warning: #FF9800;
  --color-error: #F44336;
  --font-primary: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
  --font-heading: 'Georgia', 'Times New Roman', serif;
  --spacing-xs: 0.5rem;
  --spacing-sm: 1rem;
  --spacing-md: 1.5rem;
  --spacing-lg: 2rem;
  --spacing-xl: 3rem;
  --spacing-xxl: 4rem;
  --border-radius: 8px;
  --transition: all 0.3s ease;
}
* { margin: 0; padding: 0; box-sizing: border-box; }
html { font-size: 16px; scroll-behavior: smooth; }
body {
  font-family: var(--font-primary);
  line-height: 1.6;
  color: var(--color-text);
  background: linear-gradient(180deg, var(--color-darker) 0%, var(--color-dark) 50%, #2a1810 100%);
  min-height: 100vh;
}
.site-content { display: block; filter: blur(0); transition: filter 0.3s ease; }
body.age-gate-active .site-content { filter: blur(10px); pointer-events: none; }
.container { max-width: 1200px; margin: 0 auto; padding: 0 var(--spacing-md); }
a { color: var(--color-accent); text-decoration: none; transition: var(--transition); }
a:hover { color: var(--color-primary); }
h1, h2, h3, h4, h5, h6 { font-family: var(--font-heading); line-height: 1.2; margin-bottom: var(--spacing-md); color: var(--color-primary); }
h1 { font-size: 2.5rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.5rem; }
p { margin-bottom: var(--spacing-sm); }
ul, ol { margin: var(--spacing-sm) 0; padding-left: var(--spacing-lg); }
li { margin-bottom: var(--spacing-xs); }
.age-gate { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.95); z-index: 10000; align-items: center; justify-content: center; }
.age-gate.show { display: flex; }
.age-gate-content { background: linear-gradient(135deg, var(--color-dark) 0%, var(--color-darker) 100%); padding: var(--spacing-xxl); border-radius: var(--border-radius); max-width: 500px; text-align: center; border: 2px solid var(--color-primary); box-shadow: 0 10px 50px rgba(212, 175, 55, 0.3); }
.age-gate-content h2 { font-size: 2rem; margin-bottom: var(--spacing-md); color: var(--color-accent); }
.age-gate-content p { margin-bottom: var(--spacing-lg); font-size: 1.1rem; }
.age-gate-buttons { display: flex; gap: var(--spacing-md); justify-content: center; }
.cookie-banner { display: none; position: fixed; bottom: 0; left: 0; right: 0; background: var(--color-darker); padding: var(--spacing-md); box-shadow: 0 -4px 20px rgba(0, 0, 0, 0.5); z-index: 9999; border-top: 2px solid var(--color-primary); }
.cookie-banner.show { display: block; }
.cookie-content { max-width: 1200px; margin: 0 auto; display: flex; flex-wrap: wrap; align-items: center; gap: var(--spacing-md); justify-content: space-between; }
.cookie-content p { margin: 0; flex: 1; min-width: 250px; }
.cookie-buttons { display: flex; gap: var(--spacing-sm); flex-wrap: wrap; align-items: center; }
.cookie-link { text-decoration: underline; font-size: 0.9rem; }
.btn-primary, .btn-secondary, .btn-hero { padding: var(--spacing-sm) var(--spacing-lg); border: none; border-radius: var(--border-radius); font-size: 1rem; font-weight: 600; cursor: pointer; transition: var(--transition); display: inline-block; text-align: center; font-family: var(--font-primary); }
.btn-primary { background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%); color: var(--color-dark); box-shadow: 0 4px 15px rgba(212, 175, 55, 0.4); }
.btn-primary:hover { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(212, 175, 55, 0.6); color: var(--color-darker) !important; background: linear-gradient(135deg, #B8941F 0%, #D4AF37 100%); }
.btn-secondary { background: transparent; color: var(--color-text); border: 2px solid var(--color-border); }
.btn-secondary:hover { background: var(--color-border); color: var(--color-light); }
.btn-hero { background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%); color: var(--color-dark); font-size: 1.25rem; padding: var(--spacing-md) var(--spacing-xl); box-shadow: 0 6px 25px rgba(212, 175, 55, 0.5); font-weight: 700; text-transform: uppercase; letter-spacing: 1px; }
.btn-hero:hover { transform: translateY(-3px); box-shadow: 0 8px 30px rgba(212, 175, 55, 0.7); color: var(--color-darker) !important; background: linear-gradient(135deg, #B8941F 0%, #D4AF37 100%); }
.header { background: rgba(15, 10, 8, 0.95); padding: var(--spacing-md) 0; position: sticky; top: 0; z-index: 1000; border-bottom: 2px solid var(--color-primary); box-shadow: 0 2px 10px rgba(0, 0, 0, 0.5); }
.header-content { display: flex; justify-content: space-between; align-items: center; }
.logo { display: flex; align-items: center; gap: var(--spacing-sm); font-size: 1.5rem; font-weight: 700; color: var(--color-accent); font-family: var(--font-heading); }
.logo-icon { font-size: 2rem; }
.nav-toggle { display: none; flex-direction: column; gap: 4px; background: none; border: none; cursor: pointer; padding: var(--spacing-xs); }
.nav-toggle span { display: block; width: 25px; height: 3px; background: var(--color-primary); transition: var(--transition); }
.nav-menu { display: flex; list-style: none; gap: var(--spacing-lg); margin: 0; padding: 0; }
.nav-menu a { color: var(--color-text); font-weight: 500; padding: var(--spacing-xs) var(--spacing-sm); border-radius: var(--border-radius); transition: var(--transition); }
.nav-menu a:hover, .nav-menu a.active { background: var(--color-primary); color: var(--color-dark); }
.hero { padding: var(--spacing-xxl) 0; text-align: center; background: linear-gradient(180deg, rgba(42, 24, 16, 0.9) 0%, rgba(26, 20, 16, 0.8) 100%); min-height: 500px; display: flex; align-items: center; }
.hero-content { max-width: 800px; margin: 0 auto; }
.hero-badge { display: inline-block; background: rgba(212, 175, 55, 0.2); color: var(--color-accent); padding: var(--spacing-xs) var(--spacing-md); border-radius: 50px; font-size: 0.9rem; font-weight: 600; margin-bottom: var(--spacing-md); border: 1px solid var(--color-primary); }
.hero-title { font-size: 3.5rem; margin-bottom: var(--spacing-md); text-shadow: 0 4px 10px rgba(0, 0, 0, 0.5); background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; }
.hero-subtitle { font-size: 1.5rem; margin-bottom: var(--spacing-md); color: var(--color-light); }
.hero-disclaimer { font-size: 1.1rem; color: var(--color-primary); margin-bottom: var(--spacing-xl); font-weight: 600; }
.what-is, .features, .age-entertainment, .page-links, .content-section { padding: var(--spacing-xxl) 0; }
.what-is { background: rgba(26, 20, 16, 0.6); }
.what-is h2 { text-align: center; margin-bottom: var(--spacing-lg); }
.lead { font-size: 1.2rem; line-height: 1.8; text-align: center; max-width: 900px; margin: 0 auto var(--spacing-md); }
.features { background: rgba(15, 10, 8, 0.8); }
.features h2 { text-align: center; margin-bottom: var(--spacing-sm); }
.section-subtitle { text-align: center; font-size: 1.1rem; color: var(--color-light); margin-bottom: var(--spacing-xl); }
.features-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--spacing-lg); margin-top: var(--spacing-xl); }
.feature-card { background: linear-gradient(135deg, rgba(42, 24, 16, 0.9) 0%, rgba(26, 20, 16, 0.9) 100%); padding: var(--spacing-lg); border-radius: var(--border-radius); border: 1px solid var(--color-border); transition: var(--transition); }
.feature-card:hover { transform: translateY(-5px); border-color: var(--color-primary); box-shadow: 0 8px 25px rgba(212, 175, 55, 0.3); }
.feature-icon { font-size: 3rem; margin-bottom: var(--spacing-md); }
.feature-card h3 { color: var(--color-accent); margin-bottom: var(--spacing-sm); }
.info-box { background: rgba(212, 175, 55, 0.1); border: 2px solid var(--color-primary); border-radius: var(--border-radius); padding: var(--spacing-lg); margin: var(--spacing-lg) 0; }
.info-box h2, .info-box h3 { margin-top: 0; }
.page-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--spacing-lg); }
.page-card { background: linear-gradient(135deg, rgba(42, 24, 16, 0.9) 0%, rgba(26, 20, 16, 0.9) 100%); padding: var(--spacing-lg); border-radius: var(--border-radius); border: 1px solid var(--color-border); transition: var(--transition); display: block; position: relative; }
.page-card:hover { transform: translateY(-5px); border-color: var(--color-primary); box-shadow: 0 8px 25px rgba(212, 175, 55, 0.3); }
.page-card-icon { font-size: 3rem; margin-bottom: var(--spacing-md); }
.page-card h3 { color: var(--color-accent); margin-bottom: var(--spacing-sm); }
.page-card-arrow { position: absolute; right: var(--spacing-md); bottom: var(--spacing-md); font-size: 1.5rem; color: var(--color-primary); }
.footer { background: var(--color-darker); padding: var(--spacing-xxl) 0 var(--spacing-md); border-top: 3px solid var(--color-primary); margin-top: var(--spacing-xxl); }
.footer-top { margin-bottom: var(--spacing-xl); }
.footer-age-warning { background: rgba(212, 175, 55, 0.1); border: 2px solid var(--color-primary); border-radius: var(--border-radius); padding: var(--spacing-lg); text-align: center; }
.footer-age-warning h3 { color: var(--color-accent); margin-bottom: var(--spacing-sm); }
.footer-responsible { margin: var(--spacing-xl) 0; text-align: center; }
.footer-responsible h3 { margin-bottom: var(--spacing-md); }
.responsible-logos { display: flex; justify-content: center; flex-wrap: wrap; gap: var(--spacing-md); margin: var(--spacing-lg) 0; }
.resp-logo { display: block; transition: var(--transition); }
.resp-logo:hover { transform: scale(1.05); }
.resp-logo-placeholder { background: rgba(212, 175, 55, 0.2); border: 2px solid var(--color-primary); border-radius: var(--border-radius); padding: var(--spacing-md) var(--spacing-lg); color: var(--color-accent); font-weight: 600; min-width: 120px; text-align: center; }
.responsible-note { font-size: 0.9rem; color: var(--color-light); }
.footer-disclaimer { background: rgba(42, 24, 16, 0.6); padding: var(--spacing-lg); border-radius: var(--border-radius); margin: var(--spacing-xl) 0; }
.footer-disclaimer h4 { color: var(--color-accent); margin-bottom: var(--spacing-sm); }
.footer-links { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: var(--spacing-xl); margin: var(--spacing-xl) 0; }
.footer-links-column h4 { color: var(--color-accent); margin-bottom: var(--spacing-md); font-size: 1.1rem; }
.footer-links ul { list-style: none; padding: 0; margin: 0; }
.footer-links li { margin-bottom: var(--spacing-xs); }
.footer-links a { color: var(--color-text); transition: var(--transition); }
.footer-links a:hover { color: var(--color-accent); padding-left: var(--spacing-xs); }
.footer-bottom { text-align: center; padding-top: var(--spacing-lg); border-top: 1px solid var(--color-border); color: var(--color-light); font-size: 0.9rem; }
.page-hero { padding: var(--spacing-xxl) 0; text-align: center; background: linear-gradient(135deg, rgba(42, 24, 16, 0.9) 0%, rgba(26, 20, 16, 0.8) 100%); }
.page-subtitle { font-size: 1.2rem; color: var(--color-light); }
.games-grid, .steps-grid, .principles-grid, .rights-grid, .disclaimer-grid, .contact-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: var(--spacing-lg); margin: var(--spacing-xl) 0; }
.game-card, .step-card, .principle-card, .right-card, .disclaimer-card, .contact-card { background: linear-gradient(135deg, rgba(42, 24, 16, 0.9) 0%, rgba(26, 20, 16, 0.9) 100%); padding: var(--spacing-lg); border-radius: var(--border-radius); border: 1px solid var(--color-border); }
.game-card { display: flex; flex-direction: column; }
.game-placeholder { font-size: 5rem; text-align: center; padding: var(--spacing-xl); background: rgba(212, 175, 55, 0.1); border-radius: var(--border-radius); }
.game-features { list-style-position: inside; padding: 0; }
.game-disclaimer { background: rgba(255, 152, 0, 0.1); border: 1px solid var(--color-warning); border-radius: var(--border-radius); padding: var(--spacing-md); margin: var(--spacing-md) 0; }
.step-number { width: 60px; height: 60px; background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%); color: var(--color-dark); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 1.5rem; font-weight: 700; margin-bottom: var(--spacing-md); }
.contact-link { font-size: 1.2rem; font-weight: 600; }
.faq-section { margin-top: var(--spacing-xl); }
.faq-item { background: rgba(42, 24, 16, 0.6); padding: var(--spacing-lg); border-radius: var(--border-radius); margin-bottom: var(--spacing-md); border: 1px solid var(--color-border); }
.faq-item h3 { color: var(--color-accent); margin-bottom: var(--spacing-sm); font-size: 1.2rem; }
.warning-signs, .tips-list { background: rgba(42, 24, 16, 0.6); padding: var(--spacing-lg); border-radius: var(--border-radius); border: 1px solid var(--color-border); }
.help-resources { display: grid; gap: var(--spacing-lg); margin: var(--spacing-xl) 0; }
.resource-card { background: rgba(42, 24, 16, 0.9); padding: var(--spacing-lg); border-radius: var(--border-radius); border: 2px solid var(--color-primary); }
.resource-card h3 { color: var(--color-accent); margin-bottom: var(--spacing-sm); }
.play-section { padding: var(--spacing-xl) 0; }
.play-layout { display: grid; grid-template-columns: 2fr 1fr; gap: var(--spacing-xl); }
.game-container { background: rgba(15, 10, 8, 0.9); border: 2px solid var(--color-primary); border-radius: var(--border-radius); padding: var(--spacing-lg); }
.slot-machine { text-align: center; padding: var(--spacing-xl); }
.reels { display: flex; justify-content: center; gap: var(--spacing-md); margin-bottom: var(--spacing-xl); }
.reel { width: 80px; height: 80px; background: var(--color-darker); border: 3px solid var(--color-primary); border-radius: var(--border-radius); display: flex; align-items: center; justify-content: center; font-size: 3rem; }
.spin-button { background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%); color: var(--color-dark); border: none; padding: var(--spacing-md) var(--spacing-xxl); font-size: 1.5rem; font-weight: 700; border-radius: var(--border-radius); cursor: pointer; transition: var(--transition); }
.spin-button:hover { transform: scale(1.05); box-shadow: 0 6px 20px rgba(212, 175, 55, 0.6); }
.virtual-balance { margin-top: var(--spacing-lg); text-align: center; }
.virtual-balance p { font-size: 1.2rem; font-weight: 600; }
.balance-note { font-size: 0.9rem !important; color: var(--color-warning); }
.info-card { background: rgba(42, 24, 16, 0.9); padding: var(--spacing-lg); border-radius: var(--border-radius); border: 1px solid var(--color-border); margin-bottom: var(--spacing-md); }
.reminder-box { background: rgba(255, 152, 0, 0.1); border: 2px solid var(--color-warning); border-radius: var(--border-radius); padding: var(--spacing-md); margin: var(--spacing-md) 0; }
.symbol-list { list-style: none; padding: 0; }
.symbol-list li { padding: var(--spacing-xs); font-size: 1.1rem; }
.play-disclaimers { padding: var(--spacing-lg) 0; background: rgba(15, 10, 8, 0.8); }
.how-to-play, .rules-section, .games-section { padding: var(--spacing-xl) 0; }
.rules-content { background: rgba(42, 24, 16, 0.6); padding: var(--spacing-lg); border-radius: var(--border-radius); border: 1px solid var(--color-border); }
@media (max-width: 1024px) {
  .play-layout { grid-template-columns: 1fr; }
}
@media (max-width: 768px) {
  html { font-size: 14px; }
  .nav-toggle { display: flex; }
  .nav-menu { position: fixed; top: 70px; left: -100%; width: 80%; max-width: 300px; height: calc(100vh - 70px); background: var(--color-darker); flex-direction: column; padding: var(--spacing-lg); transition: left 0.3s ease; border-right: 2px solid var(--color-primary); gap: 0; }
  .nav-menu.active { left: 0; }
  .nav-menu li { margin-bottom: var(--spacing-md); }
  .hero-title { font-size: 2.5rem; }
  .hero-subtitle { font-size: 1.2rem; }
  .features-grid, .games-grid, .page-cards { grid-template-columns: 1fr; }
  .reels { flex-wrap: wrap; }
  .reel { width: 60px; height: 60px; font-size: 2rem; }
  .age-gate-content { padding: var(--spacing-lg); margin: var(--spacing-md); }
  .age-gate-buttons { flex-direction: column; }
  .cookie-content { flex-direction: column; }
  .footer-links { grid-template-columns: 1fr; }
}
@media (max-width: 480px) {
  h1 { font-size: 2rem; }
  h2 { font-size: 1.5rem; }
  .hero-title { font-size: 2rem; }
  .btn-hero { font-size: 1rem; padding: var(--spacing-sm) var(--spacing-lg); }
  .logo-text { font-size: 1.2rem; }
}

/* Blackjack Game Styles */
.blackjack-game { display: flex; flex-direction: column; gap: var(--spacing-lg); padding: var(--spacing-lg); }
.dealer-section, .player-section { background: rgba(26, 20, 16, 0.6); padding: var(--spacing-md); border-radius: var(--border-radius); border: 1px solid var(--color-border); }
.dealer-section h3, .player-section h3 { color: var(--color-accent); margin-bottom: var(--spacing-sm); font-size: 1.2rem; }
.card-area { display: flex; gap: var(--spacing-sm); flex-wrap: wrap; min-height: 120px; align-items: center; justify-content: center; }
.card { width: 80px; height: 120px; background: white; border-radius: 8px; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: bold; box-shadow: 0 4px 8px rgba(0,0,0,0.3); transition: var(--transition); }
.card-back { background: linear-gradient(135deg, var(--color-secondary) 0%, var(--color-primary) 100%); color: transparent; }
.card-red { color: #dc2626; }
.card-black { color: #1f2937; }
.card:hover { transform: translateY(-5px); }
.card-total { color: var(--color-text); font-size: 1.1rem; margin-top: var(--spacing-sm); font-weight: 600; }
.game-controls { display: flex; gap: var(--spacing-sm); flex-wrap: wrap; justify-content: center; }
.game-button { padding: var(--spacing-sm) var(--spacing-lg); background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%); color: var(--color-dark); border: none; border-radius: var(--border-radius); font-weight: 600; cursor: pointer; transition: var(--transition); font-size: 1rem; }
.game-button:hover:not(:disabled) { transform: translateY(-2px); box-shadow: 0 6px 20px rgba(212, 175, 55, 0.6); }
.game-button:disabled { opacity: 0.5; cursor: not-allowed; }
.game-message { padding: var(--spacing-md); border-radius: var(--border-radius); text-align: center; font-weight: 600; font-size: 1.1rem; margin-top: var(--spacing-md); display: none; }
.game-message.win { background: rgba(76, 175, 80, 0.2); border: 2px solid #4CAF50; color: #4CAF50; }
.game-message.lose { background: rgba(244, 67, 54, 0.2); border: 2px solid #F44336; color: #F44336; }
.game-message.tie { background: rgba(255, 152, 0, 0.2); border: 2px solid #FF9800; color: #FF9800; }
.game-message.info { background: rgba(212, 175, 55, 0.2); border: 2px solid var(--color-primary); color: var(--color-accent); }

/* Roulette Game Styles */
.roulette-game { display: flex; flex-direction: column; gap: var(--spacing-lg); padding: var(--spacing-lg); }
.roulette-wheel-container { position: relative; width: 300px; height: 300px; margin: 0 auto; }
.roulette-wheel { width: 100%; height: 100%; transition: transform 3s cubic-bezier(0.17, 0.67, 0.12, 0.99); }
.result-display { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); font-size: 3rem; pointer-events: none; }
.betting-area { background: rgba(26, 20, 16, 0.6); padding: var(--spacing-lg); border-radius: var(--border-radius); border: 1px solid var(--color-border); text-align: center; }
.betting-area h3 { color: var(--color-accent); margin-bottom: var(--spacing-md); }
.bet-options { display: flex; gap: var(--spacing-sm); justify-content: center; flex-wrap: wrap; margin-bottom: var(--spacing-md); }
.bet-button { padding: var(--spacing-sm) var(--spacing-md); background: rgba(42, 24, 16, 0.9); color: var(--color-text); border: 2px solid var(--color-border); border-radius: var(--border-radius); cursor: pointer; font-weight: 600; transition: var(--transition); font-size: 1rem; }
.bet-button:hover { background: var(--color-border); border-color: var(--color-primary); transform: translateY(-2px); }
.bet-button.selected { background: linear-gradient(135deg, var(--color-primary) 0%, var(--color-accent) 100%); color: var(--color-dark); border-color: var(--color-accent); }
.bet-amount { margin: var(--spacing-md) 0; color: var(--color-accent); font-size: 1.1rem; font-weight: 600; }

/* Games Grid */
.games-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: var(--spacing-lg); }
.game-card { background: linear-gradient(135deg, rgba(42, 24, 16, 0.9) 0%, rgba(26, 20, 16, 0.9) 100%); border-radius: var(--border-radius); overflow: hidden; border: 1px solid var(--color-border); transition: var(--transition); }
.game-card:hover { transform: translateY(-5px); border-color: var(--color-primary); box-shadow: 0 8px 25px rgba(212, 175, 55, 0.3); }
.game-image { background: rgba(15, 10, 8, 0.8); padding: var(--spacing-xl); text-align: center; border-bottom: 2px solid var(--color-border); }
.game-placeholder { font-size: 5rem; }
.game-content { padding: var(--spacing-lg); }
.game-content h3 { color: var(--color-accent); margin-bottom: var(--spacing-sm); }
.game-content p { margin-bottom: var(--spacing-md); line-height: 1.6; }
.game-features { list-style: none; padding: 0; margin: var(--spacing-md) 0; }
.game-features li { padding: var(--spacing-xs) 0; padding-left: var(--spacing-md); position: relative; }
.game-features li:before { content: '🌟'; position: absolute; left: 0; }
.game-disclaimer { background: rgba(212, 175, 55, 0.1); padding: var(--spacing-md); border-radius: var(--border-radius); border-left: 4px solid var(--color-primary); margin: var(--spacing-md) 0; }
.game-disclaimer p { margin: 0; font-size: 0.9rem; }

/* Responsible Gaming Logos */
.resp-logo-img {
    max-width: 120px;
    max-height: 60px;
    width: auto;
    height: auto;
    object-fit: contain;
    display: block;
}

.resp-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: var(--spacing-sm);
    border-radius: var(--border-radius);
    transition: var(--transition);
    min-height: 80px;
}

.resp-logo:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.3);
}

/* White background for GamCare and GambleAware */
.resp-logo:nth-child(1),
.resp-logo:nth-child(2) {
    background: white;
    border: 1px solid rgba(212, 175, 55, 0.2);
}

/* Gordon Moody keeps transparent/dark background */
.resp-logo:nth-child(3) {
    background: rgba(42, 24, 16, 0.4);
    border: 1px solid var(--color-border);
}

.responsible-logos {
    display: flex;
    gap: var(--spacing-md);
    justify-content: center;
    flex-wrap: wrap;
    margin: var(--spacing-lg) 0;
}