.liquid-glass-container{-webkit-backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 50%,#ffffff1a 100%);border:1px solid #ffffff4d;border-radius:20px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #1f26875e,inset 0 1px #ffffff4d,inset 0 -1px #ffffff1a}.liquid-glass-container:before{content:"";background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);height:1px;position:absolute;top:0;left:0;right:0}.liquid-glass-container:hover{transform:translateY(-2px);box-shadow:0 16px 48px #1f268780,inset 0 1px #fff6,inset 0 -1px #fff3}.liquid-glass-form{z-index:2;position:relative}.liquid-glass-input{-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#ffffff1a 0%,#ffffff0d 100%);border:1px solid #fff3;border-radius:15px;transition:all .3s;box-shadow:0 4px 16px #1f268733,inset 0 1px #fff3}.liquid-glass-input:focus{background:linear-gradient(135deg,#ffffff26 0%,#ffffff1a 100%);border-color:#ffffff4d;box-shadow:0 8px 24px #1f26874d,inset 0 1px #ffffff4d,0 0 0 3px #ffffff1a}.liquid-glass-button{-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff3 0%,#ffffff1a 100%);border:1px solid #ffffff4d;border-radius:15px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 4px 16px #1f26874d,inset 0 1px #ffffff4d;cursor:pointer!important}.liquid-glass-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.liquid-glass-button:hover:before{left:100%}.liquid-glass-button:hover{background:linear-gradient(135deg,#ffffff4d 0%,#fff3 100%);transform:translateY(-1px);box-shadow:0 8px 24px #1f268766,inset 0 1px #fff6}.liquid-glass-button:active{transform:translateY(0)}.liquid-glass-circle{-webkit-backdrop-filter:blur(20px);cursor:pointer;background:linear-gradient(135deg,#fff3 0%,#ffffff1a 50%,#ffffff26 100%);border:1px solid #ffffff4d;border-radius:50%;width:48px;height:48px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 32px #1f26875e,inset 0 1px #fff6,inset 0 -1px #ffffff1a}.liquid-glass-circle:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff1a 0%,#0000 50%,#ffffff0d 100%);border-radius:50%;transition:opacity .3s;position:absolute;inset:0}.liquid-glass-circle:hover:before{opacity:1}.liquid-glass-circle:hover{transform:translateY(-2px)scale(1.05);box-shadow:0 12px 40px #1f268780,inset 0 1px #ffffff80,inset 0 -1px #fff3}.liquid-glass-container:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:0;height:0;animation:6s ease-in-out infinite liquidRipple;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes liquidRipple{0%{opacity:.8;width:0;height:0}50%{opacity:.2;width:300px;height:300px}to{opacity:0;width:600px;height:600px}}.liquid-glass-no-ripple:after{display:none}.liquid-glass-dark{background:linear-gradient(135deg,#0000004d 0%,#0000001a 50%,#0003 100%);border:1px solid #ffffff1a}.liquid-glass-colored{background:linear-gradient(135deg,#6366f133 0%,#6366f11a 50%,#6366f126 100%);border:1px solid #6366f14d}@media (max-width:768px){.liquid-glass-container{border-radius:16px;padding:1.5rem}.liquid-glass-circle{width:40px;height:40px}.liquid-glass-button,.liquid-glass-input{border-radius:12px}}@media (prefers-reduced-motion:reduce){.liquid-glass-container,.liquid-glass-button,.liquid-glass-circle,.liquid-glass-input{transition:none;animation:none}.liquid-glass-container:after{display:none}}@media (prefers-contrast:high){.liquid-glass-container,.liquid-glass-button,.liquid-glass-circle,.liquid-glass-input{-webkit-backdrop-filter:none;color:#000;background:#ffffffe6;border-width:2px}}