/* Efeitos visuais e otimizações de performance */
.grain {
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");
}

.glass {
  background: rgba(13, 27, 51, 0.4);
  backdrop-filter: blur(20px);
  -webkit-backdrop-filter: blur(20px);
}

.reveal {
  opacity: 0;
  transform: translateY(24px);
  transition: opacity 0.6s ease, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: opacity, transform;
}

.reveal.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.btn-copper {
  background: #B5652A;
  color: #ffffff;
  border: 1px solid #B5652A;
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-copper:hover {
  background: transparent;
  color: #D98A4D;
}

.tab-btn.active {
  background: rgba(181, 101, 42, 0.1);
  border-color: rgba(181, 101, 42, 0.4);
  color: #ffffff;
}

.chip-btn.active {
  background: rgba(181, 101, 42, 0.2);
  border-color: #B5652A;
  color: #E8A573;
}

::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #080E18;
}
::-webkit-scrollbar-thumb {
  background: #152A4E;
}
::-webkit-scrollbar-thumb:hover {
  background: #B5652A;
}

/* logo svg*/
.logo { display: flex; align-items: center; gap: 10px; font-family: 'Spectral', serif; font-weight: 600; font-size: 19px; color: var(--navy-deep); }
.logo svg { width: 26px; height: 26px; flex-shrink: 0; }