.material-symbols-outlined {
                    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
                }
                body {
                    background-color: #f8f9ff;
                    color: #0b1c30;
                    overflow-x: hidden;
                    scroll-behavior: smooth;
                }
                .glass-nav {
                    border: 1px solid rgba(255, 255, 255, 0.6);
                    background: rgba(255, 255, 255, 0.4);
                    backdrop-filter: blur(24px);
                    -webkit-backdrop-filter: blur(24px);
                }
                .glass-card {
                    background: rgba(255, 255, 255, 0.7);
                    backdrop-filter: blur(12px);
                    border: 1px solid rgba(0, 0, 0, 0.05);
                    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
                }
                .glass-card:hover {
                    border-color: rgba(0, 53, 197, 0.2);
                    transform: translateY(-4px);
                    box-shadow: 0 20px 40px -20px rgba(0, 53, 197, 0.15);
                }
                .hero-gradient {
                    background: radial-gradient(circle at 50% 50%, rgba(0, 71, 255, 0.05) 0%, rgba(255, 255, 255, 0) 100%);
                }
                .bento-grid {
                    display: grid;
                    grid-template-columns: repeat(12, 1fr);
                    gap: 24px;
                }

                /* Tech Stack Ticker Animation */
                @keyframes ticker {
                    0% { transform: translateX(0); }
                    100% { transform: translateX(-50%); }
                }
                .ticker-container:hover .ticker-wrapper {
                    animation-play-state: paused;
                }
                .ticker-wrapper {
                    display: flex;
                    width: fit-content;
                    animation: ticker 40s linear infinite;
                }

                /* Integration Animation */
                @keyframes line-pulse {
                    0% { stroke-dashoffset: 200; stroke-opacity: 0.3; }
                    50% { stroke-opacity: 1; }
                    100% { stroke-dashoffset: 0; stroke-opacity: 0.3; }
                }
                .integration-line {
                    stroke-dasharray: 8 12;
                    animation: line-pulse 4s linear infinite;
                }
                .integration-line-delayed {
                    animation-delay: 1s;
                }
                .integration-line-alt {
                    animation-delay: 2s;
                }