.gsap-examples.svelte-29ngi9{min-height:100vh;background:linear-gradient(180deg,#0f172a,#1e293b);color:#fff;padding:2rem 0}.container.svelte-29ngi9{max-width:1200px;margin:0 auto;padding:0 2rem}.hero.svelte-29ngi9{text-align:center;padding:4rem 0}.hero.svelte-29ngi9 h1:where(.svelte-29ngi9){font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero.svelte-29ngi9 p:where(.svelte-29ngi9){font-size:1.25rem;color:#94a3b8}.section.svelte-29ngi9{margin:6rem 0}.section.svelte-29ngi9 h2:where(.svelte-29ngi9){font-size:2rem;margin-bottom:1rem;color:#f1f5f9}.subtitle.svelte-29ngi9{color:#94a3b8;margin-bottom:3rem}.cards.svelte-29ngi9{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.card.svelte-29ngi9{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:1rem;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.card.svelte-29ngi9 h3:where(.svelte-29ngi9){font-size:1.5rem;margin-bottom:.5rem;color:#f1f5f9}.card.svelte-29ngi9 p:where(.svelte-29ngi9){color:#cbd5e1}.scroll-cards.svelte-29ngi9{display:flex;flex-direction:column;gap:4rem;margin-top:3rem}.scroll-card.svelte-29ngi9{background:linear-gradient(135deg,#667eea1a,#764ba21a);border:2px solid rgba(102,126,234,.3);border-radius:1rem;padding:3rem;text-align:center}.scroll-card.svelte-29ngi9 h3:where(.svelte-29ngi9){font-size:2rem;margin-bottom:1rem}.timeline-section.svelte-29ngi9{min-height:50vh;display:flex;flex-direction:column;justify-content:center}.timeline-content.svelte-29ngi9{text-align:center;padding:4rem 0}.timeline-content.svelte-29ngi9 h1:where(.svelte-29ngi9){font-size:3rem;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline-content.svelte-29ngi9 p:where(.svelte-29ngi9){font-size:1.25rem;color:#94a3b8;margin-bottom:2rem}.timeline-content.svelte-29ngi9 button:where(.svelte-29ngi9){background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;padding:1rem 2.5rem;font-size:1.125rem;border-radius:.5rem;cursor:pointer;font-weight:600;transition:transform .2s}.timeline-content.svelte-29ngi9 button:where(.svelte-29ngi9):hover{transform:translateY(-2px)}.stagger-grid.svelte-29ngi9{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.5rem;margin-top:2rem}.stagger-item.svelte-29ngi9{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:.75rem;padding:2rem;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.stagger-item.svelte-29ngi9 .number:where(.svelte-29ngi9){display:block;font-size:2.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.stagger-item.svelte-29ngi9 p:where(.svelte-29ngi9){color:#cbd5e1;margin:0}.hover-card.svelte-29ngi9{background:linear-gradient(135deg,#667eea33,#764ba233);border:2px solid rgba(102,126,234,.4);border-radius:1rem;padding:3rem;text-align:center;cursor:pointer;max-width:400px;margin:2rem auto;box-shadow:0 4px 6px #0000001a}.hover-card.svelte-29ngi9 h3:where(.svelte-29ngi9){font-size:2rem;margin-bottom:1rem}.hover-card.svelte-29ngi9 p:where(.svelte-29ngi9){color:#cbd5e1}.code-section.svelte-29ngi9{background:#0000004d;border-radius:1rem;padding:2rem;margin-top:4rem}pre.svelte-29ngi9{background:#0f172a;border-radius:.5rem;padding:1.5rem;overflow-x:auto;margin-top:1rem}code.svelte-29ngi9{color:#e2e8f0;font-family:Monaco,Courier New,monospace;font-size:.875rem;line-height:1.6}@media(max-width:768px){.hero.svelte-29ngi9 h1:where(.svelte-29ngi9){font-size:2rem}.timeline-content.svelte-29ngi9 h1:where(.svelte-29ngi9){font-size:2rem}.stagger-grid.svelte-29ngi9{grid-template-columns:repeat(2,1fr)}}