.glass-header {
  background: rgba(12, 20, 32, 0.6);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid rgba(143, 144, 151, 0.1);
}
.primary-cta-gradient {
  background: linear-gradient(135deg, #00e475 0%, #00964a 100%);
}
.hide-scrollbar::-webkit-scrollbar { display: none; }
.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }
/* Styled thin scrollbar for payment sliders on mobile */
.swipe-scroll { scrollbar-width: thin; scrollbar-color: rgba(0,228,117,0.3) transparent; }
.swipe-scroll::-webkit-scrollbar { height: 4px; }
.swipe-scroll::-webkit-scrollbar-track { background: rgba(68,71,77,0.2); border-radius: 2px; }
.swipe-scroll::-webkit-scrollbar-thumb { background: rgba(0,228,117,0.3); border-radius: 2px; }
@media (min-width: 768px) { .swipe-scroll { overflow: visible !important; scrollbar-width: none; } .swipe-scroll::-webkit-scrollbar { display: none; } }
.card-glass {
  background: rgba(45, 53, 66, 0.4);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(233, 195, 73, 0.15);
}
.card-glass-neutral {
  background: rgba(45, 53, 66, 0.4);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  border: 1px solid rgba(68, 71, 77, 0.3);
}
html { scroll-behavior: smooth; }
.faq-answer { max-height: 0; overflow: hidden; transition: max-height 0.3s ease; }
.faq-answer.open { max-height: 500px; }
.mobile-bottom-bar { transform: translateY(100%); transition: transform 0.3s ease; }
.mobile-bottom-bar.visible { transform: translateY(0); }
/* Scroll  */
. { opacity: 0; transform: translateY(24px); transition: opacity 0.5s ease, transform 0.5s ease; }
.reveal.visible { opacity: 1; transform: translateY(0); }
/* Swipe dots */
.swipe-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(143,144,151,0.3); transition: all 0.3s ease; }
.swipe-dot.active { background: #00e475; width: 24px; border-radius: 4px; }
/* Active nav — desktop */
nav a.nav-active { color: #00e475; }
/* Active nav — mobile tab bar */
.mobile-nav-link.active { background: rgba(0,228,117,0.15); color: #00e475; }
/* Aurora background */
.aurora-wrap { position: fixed; inset: 0; z-index: 0; pointer-events: none; overflow: hidden; }
.aurora-blob { position: absolute; border-radius: 50%; filter: blur(80px); will-change: transform; }
@media (min-width: 768px) { .aurora-blob { filter: blur(120px); } }
.aurora-blob-1 { width: 600px; height: 600px; background: radial-gradient(circle, rgba(0,228,117,0.18) 0%, transparent 70%); top: -100px; left: -100px; animation: aurora1 25s ease-in-out infinite alternate; }
.aurora-blob-2 { width: 500px; height: 500px; background: radial-gradient(circle, rgba(233,195,73,0.12) 0%, transparent 70%); top: 35%; right: -50px; animation: aurora2 30s ease-in-out infinite alternate; }
.aurora-blob-3 { width: 550px; height: 550px; background: radial-gradient(circle, rgba(90,212,255,0.12) 0%, transparent 70%); bottom: 10%; left: 5%; animation: aurora3 35s ease-in-out infinite alternate; }
@media (min-width: 768px) {
  .aurora-blob-1 { width: 1000px; height: 1000px; top: -200px; left: -200px; }
  .aurora-blob-2 { width: 900px; height: 900px; right: -150px; }
  .aurora-blob-3 { width: 950px; height: 950px; }
}
@keyframes aurora1 { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(300px, 150px) scale(1.1); } 100% { transform: translate(150px, 300px) scale(0.95); } }
@keyframes aurora2 { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(-250px, 100px) scale(1.05); } 100% { transform: translate(-100px, -200px) scale(1.1); } }
@keyframes aurora3 { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(200px, -150px) scale(1.08); } 100% { transform: translate(-150px, -100px) scale(0.95); } }
@media (prefers-reduced-motion: reduce) { .aurora-blob { animation: none !important; } }
main, footer { position: relative; z-index: 1; }
/* Transparent sections so aurora flows seamlessly */
body { background: #0c1420; }
main section, footer { background: transparent !important; }
/* Casino logo pill */
.logo-pill { background: rgba(255,255,255,0.95); padding: 4px 6px; }
/* Casino card column break */
.casino-card { break-inside: avoid; }
/* Expandable card detail */
.card-detail { max-height: 0; overflow: hidden; transition: max-height 0.4s ease; }
.card-detail.open { max-height: 600px; }
.detail-toggle .toggle-icon { transition: transform 0.3s ease; }
.detail-toggle.open .toggle-icon { transform: rotate(180deg); }
/* Speed proof bar */
.speed-bar { height: 6px; border-radius: 3px; background: rgba(68,71,77,0.3); }
.speed-fill { height: 100%; border-radius: 3px; transition: width 0.6s ease; }
/* Fix header position when WP admin bar is visible */
.admin-bar .fixed.top-0,
.admin-bar header.fixed {
  top: 32px !important;
}
@media screen and (max-width: 782px) {
  .admin-bar .fixed.top-0,
  .admin-bar header.fixed {
    top: 46px !important;
  }
}