@keyframes shimmer { 0% { background-position: -200% center; } 100% { background-position: 200% center; } }

.shimmer-text {
  background: linear-gradient(90deg, #000 0%, #8b5cf6 25%, #000 50%, #7c3aed 75%, #000 100%);
  background-size: 200% auto;
  -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text;
  animation: shimmer 10s linear infinite;
}

.glass-panel { background: rgba(0,0,0,0.88); /* backdrop-filter: blur(16px); */ /* -webkit-backdrop-filter: blur(16px); */ border: 1px solid rgba(255,255,255,0.1); box-shadow: 0 8px 32px rgba(0,0,0,0.15); }
.visualizer-container { background: rgba(0,0,0,0.4); border-radius: 1rem; border: 2px solid rgba(139,92,246,0.3); }
input[type=range] { -webkit-appearance: none; appearance: none; background: transparent; }
input[type=range]::-webkit-slider-thumb { -webkit-appearance: none; height: 20px; width: 20px; border-radius: 50%; background: #8b5cf6; cursor: pointer; margin-top: -8px; box-shadow: 0 0 10px rgba(139,92,246,0.3); }
input[type=range]::-moz-range-thumb { height: 20px; width: 20px; border-radius: 50%; background: #8b5cf6; cursor: pointer; border: none; box-shadow: 0 0 10px rgba(139,92,246,0.3); }
input[type=range]::-webkit-slider-runnable-track { width: 100%; height: 4px; cursor: pointer; background: rgba(255,255,255,0.2); border-radius: 2px; }
input[type=range]::-moz-range-track { width: 100%; height: 4px; cursor: pointer; background: rgba(255,255,255,0.2); border-radius: 2px; }
.text-accent { color: #8b5cf6; } .bg-accent { background-color: #8b5cf6; } .border-accent { border-color: #8b5cf6; }
.trust-badge { background: rgba(0,0,0,0.04); border: 1px solid rgba(0,0,0,0.1); }
.condensed { font-family: 'Roboto Condensed', sans-serif; }

.faq-item:hover { border-color: rgba(0,0,0,0.15); }
.faq-question { cursor: pointer; user-select: none; }
.faq-answer { max-height: 0; overflow: hidden; visibility: hidden; opacity: 0; transition: all 0.4s cubic-bezier(0.4,0,0.2,1); }
.faq-item.open .faq-answer { max-height: 800px; visibility: visible; opacity: 1; }
.faq-item.open .faq-icon { transform: rotate(180deg); }
.faq-icon { transition: transform 0.3s ease; }