.demo-container.svelte-9gagi8{background:white;border-radius:20px;padding:2rem;text-align:center;box-shadow:0 10px 40px #0000001a;transition:transform .3s ease}[data-theme=dark] .demo-container.svelte-9gagi8{background:#2d3748;color:#f7fafc}.demo-container.svelte-9gagi8:hover{transform:translateY(-5px)}.demo-element.svelte-9gagi8{width:120px;height:120px;margin:1rem auto;display:flex;align-items:center;justify-content:center;border-radius:20px;cursor:pointer;position:relative;overflow:hidden}.elastic.svelte-9gagi8{background:linear-gradient(135deg,#ff6b6b,#ee5a52)}.magnetic.svelte-9gagi8{background:linear-gradient(135deg,#4ecdc4,#44a08d)}.liquid.svelte-9gagi8{background:linear-gradient(135deg,#667eea,#764ba2)}.physics.svelte-9gagi8{background:linear-gradient(135deg,#ffeaa7,#fdcb6e)}.demo-icon.svelte-9gagi8{font-size:3rem;position:relative;z-index:2}h3.svelte-9gagi8{color:#2d3748;margin-bottom:1rem;font-size:1.3rem;font-weight:600}[data-theme=dark] h3.svelte-9gagi8{color:#f7fafc}p.svelte-9gagi8{color:#718096;font-size:.9rem;margin-top:1rem;line-height:1.5}[data-theme=dark] p.svelte-9gagi8{color:#a0aec0}.animations-page.svelte-5gr4zo{min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);overflow-x:hidden}.hero-section.svelte-5gr4zo{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at center,rgba(255,255,255,.1) 0%,transparent 70%)}.hero-content.svelte-5gr4zo{text-align:center;z-index:10;position:relative}.hero-title.svelte-5gr4zo{font-size:clamp(3rem,8vw,6rem);font-weight:800;color:#fff;margin-bottom:1rem;text-shadow:0 4px 20px rgba(0,0,0,.3)}.hero-subtitle.svelte-5gr4zo{font-size:1.5rem;color:#ffffffe6;margin-bottom:3rem}.demo-buttons.svelte-5gr4zo{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.demo-btn.svelte-5gr4zo{padding:1rem 2rem;background:rgba(255,255,255,.1);border:2px solid rgba(255,255,255,.3);border-radius:50px;color:#fff;font-weight:600;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.demo-btn.svelte-5gr4zo:hover{background:rgba(255,255,255,.2);border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 10px 30px #0003}.morphing-shape.svelte-5gr4zo{position:absolute;top:20%;right:10%;width:200px;height:200px;background:linear-gradient(45deg,rgba(255,255,255,.1),rgba(255,255,255,.05));border-radius:30% 70% 70% 30%/30% 30% 70% 70%;filter:blur(1px);z-index:1}.particle-container.svelte-5gr4zo{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.particle{position:absolute;width:4px;height:4px;background:rgba(255,255,255,.6);border-radius:50%;animation:svelte-5gr4zo-float-particle 10s infinite linear}@keyframes svelte-5gr4zo-float-particle{0%{transform:translateY(100vh) rotate(0);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translateY(-100px) rotate(360deg);opacity:0}}.demo-elements.svelte-5gr4zo{padding:5rem 0;background:white}[data-theme=dark] .demo-elements.svelte-5gr4zo{background:#1a202c}.container.svelte-5gr4zo{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title.svelte-5gr4zo{font-size:3rem;text-align:center;margin-bottom:3rem;color:#2d3748}[data-theme=dark] .section-title.svelte-5gr4zo{color:#f7fafc}.demo-grid.svelte-5gr4zo{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.demo-card.svelte-5gr4zo{background:white;border-radius:20px;padding:2rem;text-align:center;box-shadow:0 10px 40px #0000001a;transition:transform .3s ease}[data-theme=dark] .demo-card.svelte-5gr4zo{background:#2d3748;color:#f7fafc}.demo-card.svelte-5gr4zo:hover{transform:translateY(-10px)}.demo-shape.svelte-5gr4zo{width:80px;height:80px;background:linear-gradient(135deg,#667eea,#764ba2);margin:0 auto 1rem;border-radius:10px}.text-reveal-section.svelte-5gr4zo{padding:5rem 0;background:#f7fafc}[data-theme=dark] .text-reveal-section.svelte-5gr4zo{background:#2d3748}.wavy-text.svelte-5gr4zo{font-size:3rem;text-align:center;margin-bottom:2rem;color:#2d3748}[data-theme=dark] .wavy-text.svelte-5gr4zo{color:#f7fafc}.reveal-text.svelte-5gr4zo{font-size:1.5rem;text-align:center;max-width:600px;margin:0 auto;line-height:1.6;color:#4a5568}[data-theme=dark] .reveal-text.svelte-5gr4zo{color:#cbd5e0}.char{display:inline-block}.parallax-section.svelte-5gr4zo{position:relative;min-height:100vh;display:flex;align-items:center;overflow:hidden;color:#fff}.parallax-bg.svelte-5gr4zo{position:absolute;top:-20%;left:0;width:100%;height:120%;background:linear-gradient(135deg,#764ba2 0%,#667eea 100%);z-index:-1}.rotating-element.svelte-5gr4zo{display:flex;justify-content:center;margin-top:3rem}.rotating-shape.svelte-5gr4zo{width:100px;height:100px;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.5);border-radius:20px}.advanced-section.svelte-5gr4zo{padding:5rem 0;background:#f7fafc}[data-theme=dark] .advanced-section.svelte-5gr4zo{background:#2d3748}.advanced-grid.svelte-5gr4zo{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:3rem}.performance-section.svelte-5gr4zo{padding:5rem 0;background:white;text-align:center}[data-theme=dark] .performance-section.svelte-5gr4zo{background:#1a202c;color:#f7fafc}.performance-demo.svelte-5gr4zo{margin-top:3rem}.fps-counter.svelte-5gr4zo{font-size:2rem;font-weight:800;color:#667eea;margin-bottom:2rem}.smooth-bars.svelte-5gr4zo{display:flex;justify-content:center;gap:.5rem;align-items:flex-end;height:100px}.bar.svelte-5gr4zo{width:20px;background:linear-gradient(to top,#667eea,#764ba2);border-radius:10px 10px 0 0;animation:svelte-5gr4zo-pulse-bar 2s ease-in-out infinite;animation-delay:var(--delay)}@keyframes svelte-5gr4zo-pulse-bar{0%,to{height:20px}50%{height:80px}}@media (max-width: 768px){.demo-buttons.svelte-5gr4zo{flex-direction:column;align-items:center}.demo-btn.svelte-5gr4zo{width:200px}.hero-title.svelte-5gr4zo{font-size:3rem}.section-title.svelte-5gr4zo,.wavy-text.svelte-5gr4zo{font-size:2rem}.container.svelte-5gr4zo{padding:0 1rem}}