/* === LIQUID GLASS DIRECT CLASS (for individual cards) === */
.liquid-glass {
    background: rgba(255, 255, 255, 0.08) !important;
    backdrop-filter: blur(20px) !important;
    -webkit-backdrop-filter: blur(20px) !important;
    border: 1px solid rgba(255, 255, 255, 0.15) !important;
    border-radius: 20px !important;
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.1), 0 0 80px -20px rgba(251, 183, 27, 0.15) !important;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275) !important;
    position: relative;
    overflow: hidden;
}
.liquid-glass:hover {
    transform: translateY(-10px) scale(1.02);
    box-shadow: 0 20px 60px rgba(0, 0, 0, 0.4), inset 0 0 0 1px rgba(255, 255, 255, 0.2), 0 0 100px -10px rgba(251, 183, 27, 0.3) !important;
}

/* === LIQUID GLASS COLOR VARIANTS === */
.liquid-glass.glass-gold { background: rgba(251, 183, 27, 0.15) !important; border-color: rgba(251, 183, 27, 0.3) !important; box-shadow: 0 8px 32px rgba(251, 183, 27, 0.25), inset 0 0 0 1px rgba(251, 183, 27, 0.2), 0 0 80px -20px rgba(251, 183, 27, 0.4) !important; }
.liquid-glass.glass-gold:hover { border-color: rgba(251, 183, 27, 0.5) !important; box-shadow: 0 20px 60px rgba(251, 183, 27, 0.35), inset 0 0 0 1px rgba(251, 183, 27, 0.3), 0 0 100px -10px rgba(251, 183, 27, 0.5) !important; }

.liquid-glass.glass-rose { background: rgba(244, 114, 182, 0.15) !important; border-color: rgba(244, 114, 182, 0.3) !important; box-shadow: 0 8px 32px rgba(244, 114, 182, 0.25), inset 0 0 0 1px rgba(244, 114, 182, 0.2), 0 0 80px -20px rgba(244, 114, 182, 0.4) !important; }
.liquid-glass.glass-rose:hover { border-color: rgba(244, 114, 182, 0.5) !important; box-shadow: 0 20px 60px rgba(244, 114, 182, 0.35), inset 0 0 0 1px rgba(244, 114, 182, 0.3), 0 0 100px -10px rgba(244, 114, 182, 0.5) !important; }

.liquid-glass.glass-blue { background: rgba(59, 130, 246, 0.15) !important; border-color: rgba(59, 130, 246, 0.3) !important; box-shadow: 0 8px 32px rgba(59, 130, 246, 0.25), inset 0 0 0 1px rgba(59, 130, 246, 0.2), 0 0 80px -20px rgba(59, 130, 246, 0.4) !important; }
.liquid-glass.glass-blue:hover { border-color: rgba(59, 130, 246, 0.5) !important; box-shadow: 0 20px 60px rgba(59, 130, 246, 0.35), inset 0 0 0 1px rgba(59, 130, 246, 0.3), 0 0 100px -10px rgba(59, 130, 246, 0.5) !important; }

.liquid-glass.glass-purple { background: rgba(139, 92, 246, 0.15) !important; border-color: rgba(139, 92, 246, 0.3) !important; box-shadow: 0 8px 32px rgba(139, 92, 246, 0.25), inset 0 0 0 1px rgba(139, 92, 246, 0.2), 0 0 80px -20px rgba(139, 92, 246, 0.4) !important; }
.liquid-glass.glass-purple:hover { border-color: rgba(139, 92, 246, 0.5) !important; box-shadow: 0 20px 60px rgba(139, 92, 246, 0.35), inset 0 0 0 1px rgba(139, 92, 246, 0.3), 0 0 100px -10px rgba(139, 92, 246, 0.5) !important; }

.liquid-glass.glass-green { background: rgba(34, 197, 94, 0.15) !important; border-color: rgba(34, 197, 94, 0.3) !important; box-shadow: 0 8px 32px rgba(34, 197, 94, 0.25), inset 0 0 0 1px rgba(34, 197, 94, 0.2), 0 0 80px -20px rgba(34, 197, 94, 0.4) !important; }
.liquid-glass.glass-green:hover { border-color: rgba(34, 197, 94, 0.5) !important; box-shadow: 0 20px 60px rgba(34, 197, 94, 0.35), inset 0 0 0 1px rgba(34, 197, 94, 0.3), 0 0 100px -10px rgba(34, 197, 94, 0.5) !important; }

.liquid-glass.glass-orange { background: rgba(249, 115, 22, 0.15) !important; border-color: rgba(249, 115, 22, 0.3) !important; box-shadow: 0 8px 32px rgba(249, 115, 22, 0.25), inset 0 0 0 1px rgba(249, 115, 22, 0.2), 0 0 80px -20px rgba(249, 115, 22, 0.4) !important; }
.liquid-glass.glass-orange:hover { border-color: rgba(249, 115, 22, 0.5) !important; box-shadow: 0 20px 60px rgba(249, 115, 22, 0.35), inset 0 0 0 1px rgba(249, 115, 22, 0.3), 0 0 100px -10px rgba(249, 115, 22, 0.5) !important; }

.liquid-glass.glass-cyan { background: rgba(6, 182, 212, 0.15) !important; border-color: rgba(6, 182, 212, 0.3) !important; box-shadow: 0 8px 32px rgba(6, 182, 212, 0.25), inset 0 0 0 1px rgba(6, 182, 212, 0.2), 0 0 80px -20px rgba(6, 182, 212, 0.4) !important; }
.liquid-glass.glass-cyan:hover { border-color: rgba(6, 182, 212, 0.5) !important; box-shadow: 0 20px 60px rgba(6, 182, 212, 0.35), inset 0 0 0 1px rgba(6, 182, 212, 0.3), 0 0 100px -10px rgba(6, 182, 212, 0.5) !important; }

.liquid-glass.glass-neutral { background: rgba(255, 255, 255, 0.08) !important; border-color: rgba(255, 255, 255, 0.15) !important; }

/* === LIQUID GLASS INTENSITY VARIANTS === */
.liquid-glass.glass-intensity-subtle { backdrop-filter: blur(10px) !important; -webkit-backdrop-filter: blur(10px) !important; }
.liquid-glass.glass-intensity-subtle.glass-gold { background: rgba(251, 183, 27, 0.08) !important; }
.liquid-glass.glass-intensity-subtle.glass-rose { background: rgba(244, 114, 182, 0.08) !important; }
.liquid-glass.glass-intensity-subtle.glass-blue { background: rgba(59, 130, 246, 0.08) !important; }
.liquid-glass.glass-intensity-subtle.glass-purple { background: rgba(139, 92, 246, 0.08) !important; }
.liquid-glass.glass-intensity-subtle.glass-green { background: rgba(34, 197, 94, 0.08) !important; }
.liquid-glass.glass-intensity-subtle.glass-orange { background: rgba(249, 115, 22, 0.08) !important; }
.liquid-glass.glass-intensity-subtle.glass-cyan { background: rgba(6, 182, 212, 0.08) !important; }

.liquid-glass.glass-intensity-medium { backdrop-filter: blur(20px) !important; -webkit-backdrop-filter: blur(20px) !important; }
.liquid-glass.glass-intensity-medium.glass-gold { background: rgba(251, 183, 27, 0.15) !important; }
.liquid-glass.glass-intensity-medium.glass-rose { background: rgba(244, 114, 182, 0.15) !important; }
.liquid-glass.glass-intensity-medium.glass-blue { background: rgba(59, 130, 246, 0.15) !important; }
.liquid-glass.glass-intensity-medium.glass-purple { background: rgba(139, 92, 246, 0.15) !important; }
.liquid-glass.glass-intensity-medium.glass-green { background: rgba(34, 197, 94, 0.15) !important; }
.liquid-glass.glass-intensity-medium.glass-orange { background: rgba(249, 115, 22, 0.15) !important; }
.liquid-glass.glass-intensity-medium.glass-cyan { background: rgba(6, 182, 212, 0.15) !important; }

.liquid-glass.glass-intensity-strong { backdrop-filter: blur(30px) !important; -webkit-backdrop-filter: blur(30px) !important; }
.liquid-glass.glass-intensity-strong.glass-gold { background: rgba(251, 183, 27, 0.25) !important; }
.liquid-glass.glass-intensity-strong.glass-rose { background: rgba(244, 114, 182, 0.25) !important; }
.liquid-glass.glass-intensity-strong.glass-blue { background: rgba(59, 130, 246, 0.25) !important; }
.liquid-glass.glass-intensity-strong.glass-purple { background: rgba(139, 92, 246, 0.25) !important; }
.liquid-glass.glass-intensity-strong.glass-green { background: rgba(34, 197, 94, 0.25) !important; }
.liquid-glass.glass-intensity-strong.glass-orange { background: rgba(249, 115, 22, 0.25) !important; }
.liquid-glass.glass-intensity-strong.glass-cyan { background: rgba(6, 182, 212, 0.25) !important; }