@keyframes gradient-shift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(59,130,246,.5)}50%{box-shadow:0 0 40px rgba(59,130,246,.8)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.animated-bg{background:linear-gradient(135deg,#667eea 0%,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe 100%) 0 0/300% 300%;animation:15s infinite gradient-shift;position:relative}.animated-bg:before{content:"";pointer-events:none;background:linear-gradient(rgba(255,255,255,.05),rgba(0,0,0,.1));position:absolute;top:0;bottom:0;left:0;right:0}.glass-card{-webkit-backdrop-filter:blur(20px)saturate(180%);background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.4);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;box-shadow:0 8px 32px rgba(0,0,0,.12),0 2px 8px rgba(0,0,0,.08),inset 0 1px rgba(255,255,255,.8)}.glass-card:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.5) 20%,rgba(255,255,255,.5) 80%,transparent);height:1px;position:absolute;top:0;left:0;right:0}.glass-card:hover{background:rgba(255,255,255,.98);border:1px solid rgba(255,255,255,.6);transform:translateY(-4px)scale(1.01);box-shadow:0 12px 48px rgba(0,0,0,.15),0 4px 12px rgba(0,0,0,.1),inset 0 1px rgba(255,255,255,.9)}.glass-card-dark{-webkit-backdrop-filter:blur(20px)saturate(180%);background:rgba(20,20,30,.85);border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px rgba(0,0,0,.5),inset 0 1px rgba(255,255,255,.1)}.glass-navbar{-webkit-backdrop-filter:blur(20px);background:rgba(255,255,255,.95);border-bottom:1px solid rgba(255,255,255,.18);transition:all .3s}.glass-navbar.scrolled{background:rgba(255,255,255,.85);box-shadow:0 4px 30px rgba(0,0,0,.1)}.glass-tooltip{-webkit-backdrop-filter:blur(10px);background:rgba(0,0,0,.8);border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:8px 12px;box-shadow:0 4px 20px rgba(0,0,0,.3)}.shimmer-effect{background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent) 0 0/1000px 100%;animation:2s infinite shimmer}.floating-shape{opacity:.3;pointer-events:none;animation:6s ease-in-out infinite float;position:absolute}.ripple{position:relative;overflow:hidden}.ripple:after{content:"";background:rgba(255,255,255,.5);border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ripple:active:after{width:300px;height:300px}.glow-border{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,rgba(255,255,255,.05) 100%);border-radius:12px;padding:1px;position:relative}.glow-border:before{content:"";-webkit-mask-composite:xor;background:linear-gradient(45deg,#f093fb,#f5576c,#4facfe,#00f2fe,#f093fb);border-radius:12px;padding:1px;animation:3s infinite gradient-shift;position:absolute;top:-1px;bottom:-1px;left:-1px;right:-1px;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-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}.progress-ring{transition:stroke-dashoffset 1s ease-in-out;transform:rotate(-90deg)}.skeleton-loader{background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0 50%,#f0f0f0 75%) 0 0/200% 100%;animation:1.5s infinite shimmer}.online-indicator{background:#10b981;border-radius:50%;width:10px;height:10px;position:relative}.online-indicator:after{content:"";background:#10b981;border-radius:50%;width:100%;height:100%;animation:2s infinite pulse;position:absolute}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(2)}}