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

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

.glass-card {
    background: rgba(19, 27, 46, 0.4);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(139, 147, 138, 0.2);
}

.hover-glow:hover {
    box-shadow: 0 0 20px rgba(161, 210, 170, 0.15);
    border-color: rgba(161, 210, 170, 0.4);
}

.fade-in-section {
    opacity: 0;
    transform: translateY(20px);
    visibility: hidden;
    transition: opacity 0.6s ease-out, transform 0.6s ease-out;
    will-change: opacity, visibility;
}

.fade-in-section.is-visible {
    opacity: 1;
    transform: none;
    visibility: visible;
}

.fade-delay-100 {
    transition-delay: 100ms;
}

.fade-delay-150 {
    transition-delay: 150ms;
}

.fade-delay-200 {
    transition-delay: 200ms;
}

.fade-delay-300 {
    transition-delay: 300ms;
}