.colors-hub.svelte-f1j3j9{min-height:100vh;background:var(--color-light-cream)}.hero-banner.svelte-f1j3j9{position:relative;padding:var(--space-lg) var(--space-md);padding-bottom:var(--space-xxl);overflow:hidden;background:linear-gradient(180deg,#fff9e6,#fff3e0)}.rainbow-stripes.svelte-f1j3j9{position:absolute;top:0;left:0;right:0;height:8px;display:flex;z-index:2}.stripe.svelte-f1j3j9{flex:1;animation:svelte-f1j3j9-stripe-pulse 3s ease-in-out infinite}.stripe.red.svelte-f1j3j9{background:#ff6b6b;animation-delay:0s}.stripe.orange.svelte-f1j3j9{background:#ffa07a;animation-delay:.1s}.stripe.yellow.svelte-f1j3j9{background:#ffd93d;animation-delay:.2s}.stripe.green.svelte-f1j3j9{background:#6bcb77;animation-delay:.3s}.stripe.blue.svelte-f1j3j9{background:#4ecdc4;animation-delay:.4s}.stripe.purple.svelte-f1j3j9{background:#9b59b6;animation-delay:.5s}@keyframes svelte-f1j3j9-stripe-pulse{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.8;transform:scaleY(1.5)}}.floating-shapes.svelte-f1j3j9{position:absolute;inset:0;pointer-events:none;overflow:hidden}.float-shape.svelte-f1j3j9{position:absolute;opacity:.15;animation:svelte-f1j3j9-float-around 8s ease-in-out infinite}.float-shape.circle.svelte-f1j3j9{width:40px;height:40px;background:#ff6b6b;border-radius:50%;top:20%;left:10%;animation-delay:0s}.float-shape.triangle.svelte-f1j3j9{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:35px solid #4ECDC4;top:30%;right:15%;animation-delay:1s}.float-shape.square.svelte-f1j3j9{width:30px;height:30px;background:#ffd93d;top:60%;left:20%;animation-delay:2s}.float-shape.star.svelte-f1j3j9{width:35px;height:35px;background:#9b59b6;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);top:50%;right:10%;animation-delay:3s}@keyframes svelte-f1j3j9-float-around{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-15px) rotate(5deg)}50%{transform:translateY(-5px) rotate(-5deg)}75%{transform:translateY(-20px) rotate(3deg)}}.hero-content.svelte-f1j3j9{display:flex;align-items:center;gap:var(--space-md);max-width:var(--max-width);margin:0 auto;position:relative;z-index:1}.back-button.svelte-f1j3j9{display:flex;align-items:center;justify-content:center;width:var(--touch-recommended);height:var(--touch-recommended);background:#ffffffe6;border-radius:var(--radius-md);color:var(--color-text);text-decoration:none;box-shadow:0 2px 8px #0000001a;transition:transform var(--transition-fast),box-shadow var(--transition-fast);flex-shrink:0}.back-button.svelte-f1j3j9:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.back-button.svelte-f1j3j9:active{transform:scale(.95)}.back-button.svelte-f1j3j9 svg:where(.svelte-f1j3j9){width:28px;height:28px}.hero-text.svelte-f1j3j9{flex:1}.hero-title.svelte-f1j3j9{display:flex;align-items:center;gap:var(--space-sm);font-size:clamp(1.75rem,5vw,2.5rem);font-weight:800;color:var(--color-text);margin:0}.hero-emoji.svelte-f1j3j9{font-size:1.2em;animation:svelte-f1j3j9-rainbow-bounce 2s ease-in-out infinite}@keyframes svelte-f1j3j9-rainbow-bounce{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}.hero-subtitle.svelte-f1j3j9{font-size:var(--font-size-body);color:var(--color-text);margin:var(--space-xs) 0 0;opacity:.85}.hero-mascot.svelte-f1j3j9{display:none}.mascot-emoji.svelte-f1j3j9{font-size:4rem;animation:svelte-f1j3j9-flutter 2s ease-in-out infinite}@keyframes svelte-f1j3j9-flutter{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(-5px) rotate(5deg)}75%{transform:translateY(-3px) rotate(-5deg)}}.hero-wave.svelte-f1j3j9{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0}.hero-wave.svelte-f1j3j9 svg:where(.svelte-f1j3j9){position:relative;display:block;width:calc(100% + 1.3px);height:40px}.hero-wave.svelte-f1j3j9 path:where(.svelte-f1j3j9){fill:var(--color-light-cream)}.activities-section.svelte-f1j3j9{padding:var(--space-lg) var(--space-md);padding-top:var(--space-md)}.section-title.svelte-f1j3j9{font-size:var(--font-size-section-title);font-weight:700;color:var(--color-text);text-align:center;margin:0 0 var(--space-lg) 0}.title-emoji.svelte-f1j3j9{display:inline-block;animation:svelte-f1j3j9-sparkle 1.5s ease-in-out infinite}@keyframes svelte-f1j3j9-sparkle{0%,to{transform:scale(1) rotate(0);opacity:1}50%{transform:scale(1.2) rotate(10deg);opacity:.8}}.activities-grid.svelte-f1j3j9{display:grid;grid-template-columns:repeat(1,1fr);gap:var(--space-md);max-width:600px;margin:0 auto}.activity-card.svelte-f1j3j9{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card-bg);border-radius:var(--radius-xl);padding:var(--space-lg);text-decoration:none;color:var(--color-white);box-shadow:0 4px 16px #00000026;transition:transform var(--transition-bounce),box-shadow var(--transition-normal);position:relative;overflow:hidden;animation:svelte-f1j3j9-card-appear .5s ease-out backwards;animation-delay:var(--animation-delay);min-height:140px}.activity-card.svelte-f1j3j9:hover{transform:translateY(-8px) scale(1.02);box-shadow:0 12px 32px #0003}.activity-card.svelte-f1j3j9:active{transform:translateY(-4px) scale(.98)}.card-icon-wrapper.svelte-f1j3j9{width:72px;height:72px;background:#ffffffe6;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-sm);box-shadow:0 2px 8px #0000001a;transition:transform var(--transition-bounce)}.activity-card.svelte-f1j3j9:hover .card-icon-wrapper:where(.svelte-f1j3j9){transform:scale(1.1) rotate(5deg)}.card-icon.svelte-f1j3j9{font-size:2.5rem}.card-title.svelte-f1j3j9{font-size:var(--font-size-card-title);font-weight:700;margin:0 0 var(--space-xs) 0;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.1)}.card-description.svelte-f1j3j9{font-size:var(--font-size-small);margin:0 0 var(--space-sm) 0;text-align:center;opacity:.9}.card-progress.svelte-f1j3j9{display:flex;justify-content:center}.card-shine.svelte-f1j3j9{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.3) 50%,transparent 100%);pointer-events:none}.activity-card.svelte-f1j3j9:hover .card-shine:where(.svelte-f1j3j9){animation:svelte-f1j3j9-shine .6s ease-out}@keyframes svelte-f1j3j9-card-appear{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes svelte-f1j3j9-shine{0%{left:-100%}to{left:100%}}@media (min-width: 640px){.hero-banner.svelte-f1j3j9{padding:var(--space-xl) var(--space-lg);padding-bottom:var(--space-xxl)}.rainbow-stripes.svelte-f1j3j9{height:12px}.hero-mascot.svelte-f1j3j9{display:block}.hero-wave.svelte-f1j3j9 svg:where(.svelte-f1j3j9){height:60px}.activities-section.svelte-f1j3j9{padding:var(--space-xl) var(--space-lg)}.activities-grid.svelte-f1j3j9{grid-template-columns:repeat(3,1fr);gap:var(--space-lg)}.activity-card.svelte-f1j3j9{padding:var(--space-xl);min-height:180px}.card-icon-wrapper.svelte-f1j3j9{width:80px;height:80px}.card-icon.svelte-f1j3j9{font-size:3rem}.float-shape.circle.svelte-f1j3j9{width:60px;height:60px}.float-shape.triangle.svelte-f1j3j9{border-left-width:30px;border-right-width:30px;border-bottom-width:50px}.float-shape.square.svelte-f1j3j9{width:45px;height:45px}.float-shape.star.svelte-f1j3j9{width:50px;height:50px}}@media (min-width: 1024px){.activities-grid.svelte-f1j3j9{max-width:800px}.activity-card.svelte-f1j3j9{min-height:200px}}@media (prefers-reduced-motion: reduce){.hero-emoji.svelte-f1j3j9,.mascot-emoji.svelte-f1j3j9,.title-emoji.svelte-f1j3j9,.activity-card.svelte-f1j3j9,.card-shine.svelte-f1j3j9,.stripe.svelte-f1j3j9,.float-shape.svelte-f1j3j9{animation:none}.activity-card.svelte-f1j3j9:hover{transform:none}.activity-card.svelte-f1j3j9:hover .card-icon-wrapper:where(.svelte-f1j3j9){transform:none}}