.glass-effect{background:rgba(255,255,255,0.15);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,0.2);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.1);position:relative;overflow:hidden}.glass-effect::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.4),transparent)}.glass-effect-dark{background:rgba(0,0,0,0.2);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,0.1);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,0.3)}.glass-effect:hover{background:rgba(255,255,255,0.2);border-color:rgba(255,255,255,0.3);transform:translateY(-2px);transition:all 0.3s ease}@supports not (backdrop-filter:blur(10px)){.glass-effect{background:rgba(255,255,255,0.8)}.glass-effect-dark{background:rgba(0,0,0,0.7)}}.metallic-icon .et-pb-icon{font-size:80px;background:linear-gradient(-45deg,#d7d7d7 0%,#ffffff 20%,#b8b8b8 40%,#e6e6e6 60%,#ffffff 80%,#d7d7d7 100%);background-size:300% 300%;color:transparent;-webkit-background-clip:text;background-clip:text;animation:metallic-shine 4s ease-in-out infinite}@keyframes metallic-shine{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}