.liquid-glass-container{position:relative;background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05) 50%,rgba(255,255,255,.1));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);border-radius:20px;box-shadow:0 8px 32px 0 rgba(31,38,135,.37),inset 0 1px 0 rgba(255,255,255,.3),inset 0 -1px 0 rgba(255,255,255,.1);overflow:hidden;transition:all .3s ease}.liquid-glass-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4) 50%,transparent)}.liquid-glass-container:hover{transform:translateY(-2px);box-shadow:0 16px 48px 0 rgba(31,38,135,.5),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(255,255,255,.2)}.liquid-glass-form{position:relative;z-index:2}.liquid-glass-input{background:linear-gradient(135deg,rgba(255,255,255,.1),rgba(255,255,255,.05));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:15px;transition:all .3s ease;box-shadow:0 4px 16px 0 rgba(31,38,135,.2),inset 0 1px 0 rgba(255,255,255,.2)}.liquid-glass-input:focus{background:linear-gradient(135deg,rgba(255,255,255,.15),rgba(255,255,255,.1));border-color:rgba(255,255,255,.3);box-shadow:0 8px 24px 0 rgba(31,38,135,.3),inset 0 1px 0 rgba(255,255,255,.3),0 0 0 3px rgba(255,255,255,.1)}.liquid-glass-button{background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.1));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);border-radius:15px;transition:all .3s ease;box-shadow:0 4px 16px 0 rgba(31,38,135,.3),inset 0 1px 0 rgba(255,255,255,.3);position:relative;overflow:hidden;cursor:pointer!important}.liquid-glass-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.liquid-glass-button:hover:before{left:100%}.liquid-glass-button:hover{transform:translateY(-1px);background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.2));box-shadow:0 8px 24px 0 rgba(31,38,135,.4),inset 0 1px 0 rgba(255,255,255,.4)}.liquid-glass-button:active{transform:translateY(0)}.liquid-glass-circle{position:relative;width:48px;height:48px;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.2),rgba(255,255,255,.1) 50%,rgba(255,255,255,.15));backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.3);box-shadow:0 8px 32px 0 rgba(31,38,135,.37),inset 0 1px 0 rgba(255,255,255,.4),inset 0 -1px 0 rgba(255,255,255,.1);transition:all .3s ease;overflow:hidden;cursor:pointer}.liquid-glass-circle:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:50%;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 50%,rgba(255,255,255,.05));opacity:0;transition:opacity .3s ease}.liquid-glass-circle:hover:before{opacity:1}.liquid-glass-circle:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 12px 40px 0 rgba(31,38,135,.5),inset 0 1px 0 rgba(255,255,255,.5),inset 0 -1px 0 rgba(255,255,255,.2)}.liquid-glass-container:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;background:radial-gradient(circle,rgba(255,255,255,.1) 0,transparent 70%);border-radius:50%;transform:translate(-50%,-50%);animation:liquidRipple 6s ease-in-out infinite;pointer-events:none}@keyframes liquidRipple{0%{width:0;height:0;opacity:.8}50%{width:300px;height:300px;opacity:.2}to{width:600px;height:600px;opacity:0}}.liquid-glass-no-ripple:after{display:none}.liquid-glass-dark{background:linear-gradient(135deg,rgba(0,0,0,.3),rgba(0,0,0,.1) 50%,rgba(0,0,0,.2));border:1px solid rgba(255,255,255,.1)}.liquid-glass-colored{background:linear-gradient(135deg,rgba(99,102,241,.2),rgba(99,102,241,.1) 50%,rgba(99,102,241,.15));border:1px solid rgba(99,102,241,.3)}@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-button,.liquid-glass-circle,.liquid-glass-container,.liquid-glass-input{transition:none;animation:none}.liquid-glass-container:after{display:none}}@media (prefers-contrast:high){.liquid-glass-button,.liquid-glass-circle,.liquid-glass-container,.liquid-glass-input{border-width:2px;backdrop-filter:none;-webkit-backdrop-filter:none;background:rgba(255,255,255,.9);color:#000}}