.material-symbols-outlined {
    font-variation-settings: 'FILL' 0, 'wght' 400, 'GRAD' 0, 'opsz' 24;
}

.glass-nav {
    background: rgba(248, 249, 255, 0.8);
    backdrop-filter: blur(20px);
    transition: background 0.3s ease, box-shadow 0.3s ease;
}

.glass-nav.scrolled {
    background: rgba(248, 249, 255, 0.95);
    box-shadow: 0 10px 15px -3px rgba(3, 36, 72, 0.1), 0 4px 6px -2px rgba(3, 36, 72, 0.05);
}

/* Smooth scrolling offset for fixed header */
html {
    scroll-padding-top: 80px;
}