.glass-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.1);
}

.cta-gradient {
    background: linear-gradient(135deg, #6366f1 0%, #a855f7 100%);
}

/* Padrão */
  html {
      background-color: #0b1326;
  }

  .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
    display: inline-block;
    vertical-align: middle;
  }

  .text-gradient {
    background: linear-gradient(to right, #6366f1, #0ea5e9);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }

/* Home Page */
  .material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
  }
  .bg-cta-gradient {
    background: linear-gradient(135deg, #494bd6, #00a2e6);
  }
  .hero-glow {
    background: radial-gradient(circle at 50% 50%, rgba(73, 75, 214, 0.1) 0%, transparent 70%);
  }
  .glass-card {
    background: rgba(30, 41, 59, 0.4);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.05);
  }
  
  .overlay-active {
    overflow: hidden;
  }
  .grid-pattern {
    background-image: radial-gradient(circle at 1px 1px, rgba(255, 255, 255, 0.03) 1px, transparent 0);
    background-size: 48px 48px;
  }
  .custom-scrollbar::-webkit-scrollbar {
    width: 6px;
  }
  .custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(0, 0, 0, 0.1);
  }
  .custom-scrollbar::-webkit-scrollbar-thumb {
    background: rgba(73, 75, 214, 0.2);
    border-radius: 10px;
  }
  @keyframes floating {
    0% { transform: translateY(0px); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0px); }
  }
  .animate-floating {
    animation: floating 6s ease-in-out infinite;
  }

/* Contact */
 
  .bg-gradient-primary {
    background: linear-gradient(135deg, #8083ff 0%, #00a2e6 100%);
  }
  .cta-glow:hover {
    box-shadow: 0 0 35px rgba(128, 131, 255, 0.4);
    transform: translateY(-2px);
  }
  .input-focus-effect:focus {
    border-color: #8083ff;
    box-shadow: 0 0 0 4px rgba(128, 131, 255, 0.1);
    background-color: #171f33;
  }
  .glass-panel {
    background: rgba(23, 31, 51, 0.4);
    backdrop-filter: blur(12px);
  }
  .trust-badge {
    background: linear-gradient(to right, transparent, rgba(144, 143, 160, 0.05), transparent);
  }
  .tactile-button {
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
    box-shadow: 0 4px 0px rgba(0, 0, 0, 0.2), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
  }
  .tactile-button:active {
    transform: translateY(2px);
    box-shadow: 0 2px 0px rgba(0, 0, 0, 0.2);
  }