.hub.svelte-hyyiz7{max-width:72rem;padding:var(--wa-space-2xl) var(--wa-space-xl) var(--wa-space-3xl);gap:var(--wa-space-2xl);margin:0 auto;display:grid}.hub-hero.svelte-hyyiz7{gap:var(--wa-space-2xs);max-width:46rem;display:grid}.kicker.svelte-hyyiz7{color:var(--wa-color-brand-fill-loud);font-size:var(--wa-font-size-xs);font-weight:var(--wa-font-weight-bold);letter-spacing:.04em;text-transform:uppercase}.hub-hero.svelte-hyyiz7 h1:where(.svelte-hyyiz7){font-size:clamp(1.75rem,4vw,2.75rem);font-weight:var(--wa-font-weight-bold);letter-spacing:-.02em;background:linear-gradient(135deg, var(--wa-color-brand-fill-loud), color-mix(in srgb, var(--wa-color-brand-fill-loud) 45%, var(--wa-color-text-normal)));color:#0000;-webkit-background-clip:text;background-clip:text;margin:0}.hub-hero.svelte-hyyiz7 p:where(.svelte-hyyiz7){color:var(--wa-color-text-quiet);margin:0;line-height:1.7}.group.svelte-hyyiz7{gap:var(--wa-space-l);display:grid}.group-head.svelte-hyyiz7{align-items:center;gap:var(--wa-space-m);display:flex}.group-label.svelte-hyyiz7{min-width:3.5rem;padding:var(--wa-space-2xs) var(--wa-space-s);border-radius:var(--wa-border-radius-pill);font-weight:var(--wa-font-weight-bold);font-size:var(--wa-font-size-s);color:#fff;justify-content:center;align-items:center;display:inline-flex}.group[data-group=beginner].svelte-hyyiz7 .group-label:where(.svelte-hyyiz7){background:linear-gradient(135deg,#22c55e,#16a34a)}.group[data-group=intermediate].svelte-hyyiz7 .group-label:where(.svelte-hyyiz7){background:linear-gradient(135deg,#3b82f6,#2563eb)}.group[data-group=advanced].svelte-hyyiz7 .group-label:where(.svelte-hyyiz7){background:linear-gradient(135deg,#a855f7,#7c3aed)}.group-meta.svelte-hyyiz7{gap:2px;display:grid}.group-meta.svelte-hyyiz7 h2:where(.svelte-hyyiz7){font-size:var(--wa-font-size-xl);font-weight:var(--wa-font-weight-bold);margin:0}.grade.svelte-hyyiz7{font-size:var(--wa-font-size-s);color:var(--wa-color-text-quiet)}.steps.svelte-hyyiz7{gap:var(--wa-space-m);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.step-card.svelte-hyyiz7{gap:var(--wa-space-2xs);padding:var(--wa-space-l);border-radius:var(--wa-border-radius-l);background-color:var(--wa-color-surface-default);border:var(--wa-border-width-s) solid var(--wa-color-surface-border);box-shadow:var(--wa-shadow-s);color:inherit;transition:transform var(--wa-transition-fast), box-shadow var(--wa-transition-fast), border-color var(--wa-transition-fast);text-decoration:none;display:grid;position:relative}.step-card.svelte-hyyiz7:hover{box-shadow:var(--wa-shadow-l);border-color:color-mix(in srgb, var(--wa-color-brand-fill-loud) 45%, transparent);transform:translateY(-6px)}.level-badge.svelte-hyyiz7{top:var(--wa-space-m);right:var(--wa-space-m);width:1.75rem;height:1.75rem;font-size:var(--wa-font-size-s);font-weight:var(--wa-font-weight-bold);color:var(--wa-color-text-quiet);background-color:var(--wa-color-surface-raised);border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute}.step-icon.svelte-hyyiz7{border-radius:var(--wa-border-radius-l);background:linear-gradient(135deg, var(--wa-color-brand-fill-loud), color-mix(in srgb, var(--wa-color-brand-fill-loud) 55%, #7c3aed));color:#fff;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;font-size:1.25rem;display:inline-flex}.group[data-group=beginner].svelte-hyyiz7 .step-icon:where(.svelte-hyyiz7){background:linear-gradient(135deg,#22c55e,#16a34a)}.group[data-group=intermediate].svelte-hyyiz7 .step-icon:where(.svelte-hyyiz7){background:linear-gradient(135deg,#3b82f6,#2563eb)}.step-title.svelte-hyyiz7{font-size:var(--wa-font-size-l);font-weight:var(--wa-font-weight-semibold);margin-top:var(--wa-space-2xs)}.step-summary.svelte-hyyiz7{font-size:var(--wa-font-size-s);color:var(--wa-color-text-quiet);margin:0;line-height:1.6}.step-go.svelte-hyyiz7{align-items:center;gap:var(--wa-space-3xs);margin-top:var(--wa-space-2xs);font-size:var(--wa-font-size-s);font-weight:var(--wa-font-weight-semibold);color:var(--wa-color-brand-fill-loud);display:inline-flex}@media (width<=800px){.hub.svelte-hyyiz7{padding-inline:var(--wa-space-m)}.steps.svelte-hyyiz7{grid-template-columns:1fr}}
