.glass {
    background-color: rgba(255, 255, 255, 0.7);
    backdrop-filter: blur(24px);
    border: 1px solid rgba(255, 255, 255, 0.4)
}

.dark .glass {
    background-color: rgba(15, 23, 42, 0.4);
    border-color: rgba(255, 255, 255, 0.05)
}

.glass-strong {
    background-color: rgba(255, 255, 255, 0.8);
    backdrop-filter: blur(40px);
    border: 1px solid rgba(255, 255, 255, 0.5)
}

.dark .glass-strong {
    background-color: rgba(2, 6, 23, 0.8);
    border-color: rgba(255, 255, 255, 0.05)
}

.glass-panel {
    background-color: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(40px);
    border: 1px solid rgba(255, 255, 255, 0.2)
}

.dark .glass-panel {
    background-color: rgba(2, 6, 23, 0.6);
    border-color: rgba(255, 255, 255, 0.1)
}

.wireframe-pattern {
    background-image: radial-gradient(#94A3B8 0.5px, transparent 0.5px);
    background-size: 32px 32px
}

.dark .wireframe-pattern {
    background-image: radial-gradient(#334155 1px, transparent 1px)
}



.anim-delay-100 {
    animation-delay: 100ms
}

.anim-delay-200 {
    animation-delay: 200ms
}

.anim-delay-300 {
    animation-delay: 300ms
}

.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none
}

.scrollbar-hide::-webkit-scrollbar {
    display: none
}