.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
        }
        .bento-grid {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            gap: 24px;
        }
        .bg-mesh {
            background-color: #f7f9fb;
            background-image: radial-gradient(at 0% 0%, rgba(0, 210, 255, 0.05) 0px, transparent 50%),
                              radial-gradient(at 100% 100%, rgba(5, 22, 38, 0.05) 0px, transparent 50%);
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(226, 232, 240, 0.5);
        }
        .hero-gradient {
            background: linear-gradient(135deg, #051626 0%, #0c1d2d 100%);
        }
        .card-shadow {
            box-shadow: 0px 4px 20px rgba(5, 22, 38, 0.05);
        }