.material-symbols-outlined {
  font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
}

.gold-glow {
  filter: blur(100px);
  opacity: 0.25;
  background: radial-gradient(circle, #ffc107 0%, transparent 70%);
}

.glass-card {
  background: rgba(13, 13, 13, 0.6);
  backdrop-filter: blur(12px);
  border: 1px solid rgba(255, 193, 7, 0.1);
}

.gold-text-gradient {
  background: linear-gradient(135deg, #ffddb8 0%, #ffc107 50%, #ee9800 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-15px); }
}
.floating { animation: float 6s ease-in-out infinite; }

.gold-particles {
  background-image: radial-gradient(circle, #ffc107 1px, transparent 1px);
  background-size: 40px 40px;
  opacity: 0.05;
}

.roadmap-line::before {
  content: '';
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(to bottom, transparent, #ffc107, transparent);
}

@media (min-width: 768px) {
  .roadmap-line::before {
    left: 50%;
    transform: translateX(-50%);
  }
}

.arch-node {
  transition: all 0.4s ease;
}

/* Formulário de contato — foco com brilho dourado, conforme DESIGN.md */
.input-field {
  background: #050505;
  border: 1px solid rgba(255, 255, 255, 0.1);
  transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.input-field:focus {
  outline: none;
  border-color: #ffc107;
  box-shadow: 0 0 0 3px rgba(255, 193, 7, 0.15);
}

/* Conteúdo institucional/legal (política de privacidade, termos de uso) */
.legal-content h2 {
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}
.legal-content p,
.legal-content li {
  margin-bottom: 0.75rem;
}
.legal-content ul {
  list-style: disc;
  padding-left: 1.5rem;
}