.glow-animation-container{align-items:center;display:flex;height:340px;justify-content:center;overflow:visible;position:relative;width:340px}.main-svg{height:220px;width:220px;z-index:1}.glow-container{height:220px;left:50%;top:50%;width:220px;z-index:2}.glow-container,.glow-orb{pointer-events:none;position:absolute;transform:translate(-50%,-50%)}.glow-orb{height:24px;width:24px}.glow-core{animation:pulse .5s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px #93c5fdcc,0 0 30px #93c5fd99,0 0 40px #3b82f666;height:18px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:18px}@keyframes pulse{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.2)}}.glow-aura{animation:aura-pulse 1s ease-in-out infinite;background:radial-gradient(circle,#93c5fd99 0,#3b82f64d 30%,#0000 70%);border-radius:50%;filter:blur(3px);height:100%;position:absolute;width:100%}@keyframes aura-pulse{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.trail-particle{background:linear-gradient(135deg,#93c5fdcc,#3b82f666);box-shadow:0 0 6px #93c5fd99,0 0 12px #3b82f64d;height:4px;pointer-events:none;width:4px}.shimmer,.trail-particle{border-radius:50%;position:absolute}.shimmer{animation:shimmer .5s ease-out;background:#fff;height:2px;opacity:0;width:2px}.glow-animation-v1-1-container{align-items:center;display:flex;height:160px;justify-content:center;overflow:visible;position:relative;width:160px}.base-svg-v1-1{height:120px;position:relative;width:120px;z-index:1}.trail-canvas-v1-1{height:160px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:160px;z-index:2}.glow-animation-container-v3{align-items:center;display:flex;height:340px;justify-content:center;overflow:visible;position:relative;width:340px}.main-svg-v3{height:220px;width:220px;z-index:1}.glow-container-v3{align-items:center;display:flex;height:340px;justify-content:center;width:340px;z-index:2}.glow-container-v3,.glow-orb-v3{pointer-events:none;position:absolute}.glow-orb-v3{height:24px;width:24px}.glow-core-v3,.glow-orb-v3{transform:translate(-50%,-50%)}.glow-core-v3{animation:pulse-v3 .5s ease-in-out infinite;background:#fff;border-radius:50%;box-shadow:0 0 10px #fff,0 0 20px #93c5fdcc,0 0 30px #93c5fd99,0 0 40px #3b82f666;height:8px;left:50%;position:absolute;top:50%;width:8px}@keyframes pulse-v3{0%,to{opacity:1;transform:translate(-50%,-50%) scale(1)}50%{opacity:.9;transform:translate(-50%,-50%) scale(1.2)}}.glow-aura-v3{animation:aura-pulse-v3 1s ease-in-out infinite;background:radial-gradient(circle,#93c5fd99 0,#3b82f64d 30%,#0000 70%);border-radius:50%;filter:blur(3px);height:100%;position:absolute;width:100%}@keyframes aura-pulse-v3{0%,to{opacity:.8;transform:scale(1)}50%{opacity:.6;transform:scale(1.3)}}.trail-particle-v3{background:linear-gradient(135deg,#93c5fdcc,#3b82f666);box-shadow:0 0 6px #93c5fd99,0 0 12px #3b82f64d;height:4px;pointer-events:none;width:4px}.shimmer-v3,.trail-particle-v3{border-radius:50%;position:absolute}.shimmer-v3{animation:shimmer-v3 .5s ease-out;background:#fff;height:2px;opacity:0;width:2px}@keyframes shimmer-v3{0%{opacity:0;transform:scale(0) rotate(0deg)}50%{opacity:1;transform:scale(1.5) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(1turn) translate(20px,20px)}}.glow-animation-container-v4{align-items:center;display:flex;height:340px;justify-content:center;overflow:visible;position:relative;width:340px}.main-svg-v4{height:220px;overflow:visible;width:220px;z-index:1}.rainbow-path-inner,.rainbow-path-mid,.rainbow-path-outer{filter:blur(2px) drop-shadow(0 0 8px currentColor)}.rainbow-path-mid{filter:blur(1px) drop-shadow(0 0 6px currentColor)}.rainbow-path-inner{filter:drop-shadow(0 0 4px currentColor) drop-shadow(0 0 8px currentColor)}.glow-animation-container-v5{align-items:center;display:flex;height:280px;justify-content:center;overflow:visible;position:relative;width:280px}.main-svg-v5{height:100px;overflow:visible;width:100px;z-index:1}.glow-animation-v7-container{align-items:center;display:flex;height:140px;justify-content:center;overflow:visible;position:relative;width:140px}.glow-animation-v7-canvas{height:140px;left:0;pointer-events:none;position:absolute;top:0;width:140px}.glow-animation-v8-container{align-items:center;display:flex;flex-direction:column;height:auto;justify-content:center;overflow:visible;padding-bottom:40px;position:relative;width:140px}.glow-animation-v8-canvas{height:140px;pointer-events:none;position:relative;width:140px}.loading-text-v8{align-items:center;display:flex;font-size:14px;font-weight:500;justify-content:center;margin-top:16px;min-height:20px;text-align:center;transition:all .6s ease;white-space:nowrap}.gradient-text{-webkit-text-fill-color:#0000;animation:gradientShift 3s ease-in-out infinite;background:linear-gradient(90deg,#ff9c26,#f14575 20%,#65bdeb 40%,#f14575 60%,#ff9c26 80%,#f14575);background-clip:text;-webkit-background-clip:text;background-size:200% auto;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,sans-serif;letter-spacing:.02em}@keyframes gradientShift{0%{background-position:0}50%{background-position:100%}to{background-position:0}}.loading-text-fade{opacity:1}.loading-text-fade.text-animating{opacity:0}.loading-text-slide{opacity:1;transform:translateY(0)}.loading-text-slide.text-animating{opacity:0;transform:translateY(-20px)}.loading-text-typewriter .gradient-text:after{-webkit-text-fill-color:#0000;animation:blink 1s infinite;background:linear-gradient(90deg,#ff9c26,#f14575);background-clip:text;-webkit-background-clip:text;content:"|"}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:0}}.loading-text-flip{opacity:1;perspective:1000px;transform:rotateX(0deg)}.loading-text-flip.text-animating{opacity:0;transform:rotateX(90deg)}.loading-text-blur{filter:blur(0);opacity:1}.loading-text-blur.text-animating{filter:blur(4px);opacity:0}@keyframes shimmer{0%{filter:brightness(1)}50%{filter:brightness(1.2)}to{filter:brightness(1)}}.gradient-text{animation:gradientShift 3s ease-in-out infinite,shimmer 2s ease-in-out infinite}@media (max-width:480px){.loading-text-v8{font-size:12px;line-height:1.4;max-width:200px;white-space:normal}}@media (prefers-reduced-motion:reduce){.loading-text-v8{transition:none}.gradient-text{animation:none;background:linear-gradient(90deg,#ff9c26,#f14575 50%,#65bdeb)}.loading-text-typewriter .gradient-text:after{animation:none;opacity:1}}.App{min-height:100vh;padding:40px 20px;transition:background .3s ease}.App.dark{background:linear-gradient(135deg,#0f172a,#1e293b)}.App.light{background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.demo-container{margin:0 auto;max-width:1200px;padding-left:230px;padding-right:20px;transition:padding .3s ease}.header-container{align-items:center;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;margin-bottom:40px}h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;flex:1 1;font-size:2.5rem;font-weight:700;margin:0;text-align:center}.theme-toggle{align-items:center;border:none;border-radius:12px;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:8px;padding:12px 24px;transition:all .3s ease}.App.dark .theme-toggle{background:#ffffff1a;border:1px solid #fff3;color:#fff}.App.dark .theme-toggle:hover{background:#ffffff26;border-color:#ffffff4d}.App.light .theme-toggle{background:#0000000d;border:1px solid #0000001a;color:#1e293b}.App.light .theme-toggle:hover{background:#0000001a;border-color:#0003}h2{font-size:1.25rem;font-weight:500;margin-bottom:20px;transition:color .3s ease}.App.dark h2{color:#cbd5e1}.App.light h2{color:#475569}.animation-wrapper{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;display:flex;flex-direction:column;margin-bottom:30px;padding:30px;transition:all .3s ease}.App.dark .animation-wrapper{background:#ffffff0d;border:1px solid #ffffff1a}.App.dark .animation-wrapper:hover{background:#ffffff14;border-color:#fff3}.App.light .animation-wrapper{background:#00000008;border:1px solid #00000014}.App.light .animation-wrapper:hover{background:#0000000d;border-color:#0000001f}.tabs{display:flex;flex-direction:column;gap:8px;left:20px;min-width:140px;position:fixed;top:120px;z-index:100}.tab{border:none;border-radius:10px;cursor:pointer;font-size:.95rem;font-weight:600;padding:12px 20px;transition:all .3s ease;white-space:nowrap}.App.dark .tab{background:#ffffff14;border:1px solid #ffffff26;color:#cbd5e1}.App.dark .tab:hover{background:#ffffff1f;border-color:#ffffff40}.App.dark .tab.active{background:#7c4cff40;border-color:#7a4cff;color:#c4b5fd}.App.light .tab{background:#0000000d;border:1px solid #0000001a;color:#475569}.App.light .tab:hover{background:#00000014;border-color:#00000026}.App.light .tab.active{background:#7c4cff26;border-color:#7a4cff;color:#6d28d9}.sub-tabs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-bottom:30px}.sub-tab{border:none;border-radius:8px;cursor:pointer;font-size:.85rem;font-weight:500;padding:10px 16px;transition:all .3s ease}.App.dark .sub-tab{background:#ffffff0d;border:1px solid #ffffff1a;color:#94a3b8}.App.dark .sub-tab:hover{background:#ffffff14;border-color:#fff3}.App.dark .sub-tab.active{background:#7c4cff33;border-color:#7a4cff;color:#a78bfa}.App.light .sub-tab{background:#00000008;border:1px solid #00000014;color:#64748b}.App.light .sub-tab:hover{background:#0000000f;border-color:#0000001f}.App.light .sub-tab.active{background:#7c4cff1f;border-color:#7a4cff;color:#7c3aed}@media (max-width:1280px){.demo-container{padding-left:210px}}@media (max-width:1024px){.tabs{flex-direction:row;flex-wrap:wrap;justify-content:center;left:auto;margin-bottom:30px;position:relative;top:auto}.demo-container{padding-left:20px;padding-right:20px}}@media (max-width:768px){h1{font-size:2rem}.animation-wrapper{padding:20px}.tab{font-size:.85rem;padding:10px 16px}}*{box-sizing:border-box;padding:0}*,body{margin:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
/*# sourceMappingURL=main.1f05c700.css.map*/