.modern-background-container[data-v-5675d32c]{position:relative;width:100%;height:100%;overflow:hidden}.base-gradient[data-v-5675d32c]{position:absolute;width:100%;height:100%;background-size:400% 400%;animation:modernGradientAnimation-data-v-5675d32c 20s ease infinite}.theme-gradient .base-gradient[data-v-5675d32c]{background:linear-gradient(135deg,#667eea,#764ba2 25%,#f093fb 50%,#f5576c 75%,#4facfe)}.theme-neon .base-gradient[data-v-5675d32c]{background:linear-gradient(135deg,#ff006e,#8338ec 25%,#3a86ff 50%,#06ffa5 75%,#ffbe0b)}.theme-aurora .base-gradient[data-v-5675d32c]{background:linear-gradient(135deg,#00c9ff,#92fe9d 25%,#ff9a9e 50%,#fecfef 75%,#ffecd2)}.theme-cosmic .base-gradient[data-v-5675d32c]{background:linear-gradient(135deg,#0c0c0c,#1a1a2e 25%,#16213e 50%,#0f3460 75%,#533483)}.intensity-subtle .gradient-orb[data-v-5675d32c]{opacity:.3}.intensity-subtle .geometric-shape[data-v-5675d32c]{opacity:.05}.intensity-subtle .light-beam[data-v-5675d32c]{opacity:.2}.intensity-subtle .floating-particle[data-v-5675d32c]{opacity:.3}.intensity-medium .gradient-orb[data-v-5675d32c]{opacity:.7}.intensity-medium .geometric-shape[data-v-5675d32c]{opacity:.1}.intensity-medium .floating-particle[data-v-5675d32c],.intensity-medium .light-beam[data-v-5675d32c]{opacity:.6}.intensity-intense .gradient-orb[data-v-5675d32c]{opacity:.9}.intensity-intense .geometric-shape[data-v-5675d32c]{opacity:.2}.intensity-intense .floating-particle[data-v-5675d32c],.intensity-intense .light-beam[data-v-5675d32c]{opacity:.8}.orb-container[data-v-5675d32c]{position:absolute;width:100%;height:100%;pointer-events:none}.gradient-orb[data-v-5675d32c]{position:absolute;border-radius:50%;filter:blur(80px);animation:float-data-v-5675d32c 6s ease-in-out infinite}.geometry-container[data-v-5675d32c]{position:absolute;width:100%;height:100%;pointer-events:none}.geometric-shape[data-v-5675d32c]{position:absolute}.geometric-shape.triangle[data-v-5675d32c]{width:0;height:0;border-style:solid;animation:gentleRotate-data-v-5675d32c 15s linear infinite}.geometric-shape.circle[data-v-5675d32c]{animation:modernPulse-data-v-5675d32c 4s ease-in-out infinite}.geometric-shape.square[data-v-5675d32c]{animation:gentleRotate-data-v-5675d32c 12s linear infinite}.light-beam-container[data-v-5675d32c]{position:absolute;width:100%;height:100%;pointer-events:none}.light-beam[data-v-5675d32c]{position:absolute;animation:lightBeam-data-v-5675d32c 8s linear infinite}.particle-container[data-v-5675d32c]{position:absolute;width:100%;height:100%;pointer-events:none}.floating-particle[data-v-5675d32c]{position:absolute;animation:floatUpDown-data-v-5675d32c 6s ease-in-out infinite}.content-overlay[data-v-5675d32c]{position:relative;z-index:10;width:100%;height:100%}@keyframes modernGradientAnimation-data-v-5675d32c{0%{background-position:0 50%;filter:hue-rotate(0deg)}25%{background-position:100% 50%;filter:hue-rotate(90deg)}50%{background-position:100% 100%;filter:hue-rotate(180deg)}75%{background-position:0 100%;filter:hue-rotate(270deg)}to{background-position:0 50%;filter:hue-rotate(1turn)}}@keyframes float-data-v-5675d32c{0%,to{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(-20px) translateX(10px) rotate(90deg)}50%{transform:translateY(-40px) translateX(-10px) rotate(180deg)}75%{transform:translateY(-20px) translateX(5px) rotate(270deg)}}@keyframes gentleRotate-data-v-5675d32c{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes modernPulse-data-v-5675d32c{0%,to{transform:scale(1);opacity:.1}50%{transform:scale(1.2);opacity:.3}}@keyframes lightBeam-data-v-5675d32c{0%{transform:translateX(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateX(calc(100vw + 300px));opacity:0}}@keyframes floatUpDown-data-v-5675d32c{0%,to{transform:translateY(0);opacity:.8}50%{transform:translateY(-30px);opacity:.4}}@media (max-width:768px){.gradient-orb[data-v-5675d32c]{filter:blur(40px)}.orb-1[data-v-5675d32c],.orb-2[data-v-5675d32c],.orb-3[data-v-5675d32c]{width:200px!important;height:200px!important}}.modern-background-container [data-v-5675d32c]{transform:translateZ(0);will-change:transform}.animation-demo-page[data-v-78eeb846]{min-height:100vh;position:relative}.demo-container[data-v-78eeb846]{position:relative;z-index:10;padding:40px 24px;max-width:1200px;margin:0 auto}.demo-header[data-v-78eeb846]{text-align:center;margin-bottom:60px;color:#fff}.demo-header .demo-title[data-v-78eeb846]{font-size:3rem;margin-bottom:16px;font-weight:700;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-header .demo-subtitle[data-v-78eeb846]{font-size:1.2rem;opacity:.9;margin:0}.demo-cards[data-v-78eeb846]{margin-bottom:80px}.demo-cards .demo-card[data-v-78eeb846]{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;color:#fff;transition:all .3s cubic-bezier(.4,0,.2,1)}.demo-cards .demo-card[data-v-78eeb846]:hover{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}.demo-cards .demo-card[data-v-78eeb846] .ant-card-head-title{color:#fff}.demo-cards .card-content[data-v-78eeb846]{text-align:center}.demo-cards .card-content .card-icon[data-v-78eeb846]{font-size:2.5rem;margin-bottom:16px;color:hsla(0,0%,100%,.8)}.demo-cards .card-content p[data-v-78eeb846]{margin-bottom:24px;opacity:.9}.demo-interactions[data-v-78eeb846]{margin-bottom:80px}.demo-interactions h2[data-v-78eeb846]{color:#fff;text-align:center;margin-bottom:40px;font-size:2rem}.demo-interactions .ripple-btn[data-v-78eeb846]{position:relative;overflow:hidden}.demo-statistics[data-v-78eeb846]{margin-bottom:80px}.demo-statistics h2[data-v-78eeb846]{color:#fff;text-align:center;margin-bottom:40px;font-size:2rem}.demo-statistics .stat-card[data-v-78eeb846]{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:32px 24px;text-align:center;color:#fff}.demo-statistics .stat-card .stat-number[data-v-78eeb846]{font-size:2.5rem;font-weight:700;margin-bottom:8px;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.demo-statistics .stat-card .stat-label[data-v-78eeb846]{opacity:.8;font-size:1rem}.demo-text-effects[data-v-78eeb846]{margin-bottom:80px}.demo-text-effects h2[data-v-78eeb846]{color:#fff;text-align:center;margin-bottom:40px;font-size:2rem}.demo-text-effects .text-demo-area[data-v-78eeb846]{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:40px;color:#fff}.demo-text-effects .text-demo-area .typewriter-text[data-v-78eeb846]{font-size:1.2rem;margin-bottom:24px;min-height:60px;border-right:2px solid hsla(0,0%,100%,.8);animation:blinkCursor-data-v-78eeb846 1s infinite}.demo-text-effects .text-demo-area .glow-text[data-v-78eeb846]{font-size:1.5rem;font-weight:700;text-align:center;margin:0}@keyframes blinkCursor-data-v-78eeb846{0%,50%{border-color:hsla(0,0%,100%,.8)}51%,to{border-color:transparent}}.demo-list[data-v-78eeb846]{margin-bottom:40px}.demo-list h2[data-v-78eeb846]{color:#fff;text-align:center;margin-bottom:40px;font-size:2rem}.demo-list .trigger-btn[data-v-78eeb846]{margin-bottom:24px;display:block;margin-left:auto;margin-right:auto}.demo-list .animated-list[data-v-78eeb846]{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.2);border-radius:16px;padding:20px}.demo-list .animated-list[data-v-78eeb846] .ant-list-item{border-bottom-color:hsla(0,0%,100%,.1);color:#fff}.demo-list .animated-list[data-v-78eeb846] .ant-list-item:last-child{border-bottom:none}.demo-list .animated-list[data-v-78eeb846] .ant-list-item-meta-title{color:#fff}.demo-list .animated-list[data-v-78eeb846] .ant-list-item-meta-description{color:hsla(0,0%,100%,.7)}@media (max-width:768px){.demo-container[data-v-78eeb846]{padding:20px 16px}.demo-header .demo-title[data-v-78eeb846]{font-size:2rem}[data-v-78eeb846].ant-col{margin-bottom:16px}}