.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(20px);
            -webkit-backdrop-filter: blur(20px);
            border: 1px solid rgba(255, 255, 255, 0.1);
        }
        .hero-gradient {
            background: radial-gradient(circle at top right, rgba(0, 102, 255, 0.05), transparent 40%),
                        radial-gradient(circle at bottom left, rgba(0, 102, 255, 0.03), transparent 40%);
        }
    

@media (max-width: 768px) {
  .text-headline-display {
    font-size: 2.5rem !important;
    line-height: 1.15 !important;
  }
  .text-headline-lg {
    font-size: 2rem !important;
    line-height: 1.2 !important;
  }
  .px-margin-desktop {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
  }
}