.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        
        .brutalist-shadow {
            box-shadow: 8px 8px 0px 0px #000000;
        }

        .hover-brutalist:hover {
            transform: translate(-4px, -4px);
            box-shadow: 12px 12px 0px 0px #2E5BFF;
        }

        .pulse-glow {
            animation: pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
        }

        @keyframes pulse {
            0%, 100% { opacity: 0.1; transform: scale(1); }
            50% { opacity: 0.3; transform: scale(1.05); }
        }

        .text-outline {
            -webkit-text-stroke: 1px #000000;
            color: transparent;
        }

        @media (min-width: 768px) {
            .asymmetric-grid {
                display: grid;
                grid-template-columns: repeat(12, 1fr);
                gap: 32px;
            }
        }

        /* Scroll Reveal Utility Classes */
        .reveal-up {
            opacity: 0;
            transform: translateY(30px);
            transition: all 0.8s cubic-bezier(0.22, 1, 0.36, 1);
        }
        
        .reveal-up.active {
            opacity: 1;
            transform: translateY(0);
        }

        #hero-canvas, #cosmic-canvas {
            width: 100%;
            height: 100%;
            display: block;
        }

        .tech-label-pulse {
            animation: tech-pulse 2s infinite ease-in-out;
        }

        @keyframes tech-pulse {
            0%, 100% { opacity: 0.6; transform: scale(1); }
            50% { opacity: 1; transform: scale(1.05); }
        }