.glass-card{-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:24px;padding:24px;transition:transform .3s,box-shadow .3s,border-color .3s;position:relative;overflow:hidden}.glass-card.hover-effect:hover{border-color:#fff3;transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.glass-card.liquid-border{border-color:#0000}.liquid-border-layer{background:linear-gradient(90deg,var(--accent),#5b9fff,var(--accent));-webkit-mask-composite:xor;pointer-events:none;background-size:200% 200%;border-radius:24px;padding:2px;animation:3s linear infinite liquid-border-flow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes liquid-border-flow{0%{background-position:0%}to{background-position:100%}}.glass-content{z-index:1;flex-direction:column;height:100%;display:flex;position:relative}@media (prefers-reduced-motion:reduce){.glass-card-hover:hover{transform:none}}