@layer components {
    .material-symbols-outlined {
        font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;
    }
    
    .cyan-glow:hover {
        box-shadow: 0 0 20px rgba(0, 229, 255, 0.5);
    }
    
    .featured-border {
        border: 1px solid #00E5FF;
    }
    
    .hero-gradient {
        background: radial-gradient(circle at 0% 0%, #1a227f 0%, #0a0e27 100%);
    }
}