/* Glass Effect CSS */
.glass-effect {
background: linear-gradient(135deg,
#2a70bb33 0%,
#fecb5a33 100%);
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
border: 1px solid #ffffff4d;
border-radius: 0.75rem;
box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.1);
}
/* For best results:
* 1. Place over a colorful background
* 2. Ensure browser support for backdrop-filter
* 3. Consider fallbacks for older browsers
*/