.material-symbols-outlined {
            font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
            display: inline-block;
            vertical-align: middle;
        }
        .glass-card {
            background: rgba(255, 255, 255, 0.7);
            backdrop-filter: blur(12px);
            border: 1px solid rgba(226, 232, 240, 0.5);
        }
        .bento-grid {
            display: grid;
            grid-template-columns: repeat(12, 1fr);
            gap: 24px;
        }
        .card-shadow {
            box-shadow: 0px 4px 20px rgba(5, 22, 38, 0.05);
        }
        .hero-gradient {
            background: linear-gradient(180deg, rgba(5, 22, 38, 0.95) 0%, rgba(5, 22, 38, 0.7) 100%);
        }