.intro.svelte-arp8al{flex-direction:column;gap:16px;padding-top:56px;padding-bottom:40px;display:flex}.intro.svelte-arp8al>:where(.svelte-arp8al){max-width:860px}h1.svelte-arp8al{letter-spacing:-1px;font-size:clamp(34px,4.6vw,48px)}.intro.svelte-arp8al>p:where(.svelte-arp8al){color:var(--soft);font-size:18px}.need.svelte-arp8al{border:1px solid var(--line);background:var(--card);border-radius:14px;flex-direction:column;gap:6px;padding:16px 20px;display:flex}code.svelte-arp8al{font:500 14px/1.6 var(--mono);color:var(--head);background:var(--code-bg);border-radius:6px;padding:2px 6px}.lessons.svelte-arp8al{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.lessons.svelte-arp8al>li:where(.svelte-arp8al){display:flex}.lesson.svelte-arp8al{flex-direction:column;flex:1;gap:6px;padding:20px 22px;display:flex}.lesson__number.svelte-arp8al{font:500 12px/1.4 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}.lesson__title.svelte-arp8al{font:600 20px/1.3 var(--display);color:var(--head)}.lesson__with.svelte-arp8al{color:var(--muted)}.lesson__concepts.svelte-arp8al{margin-top:6px;font-size:14px;line-height:1.5}.lesson__picture.svelte-arp8al{aspect-ratio:16/9;object-fit:cover;background:#05060c;width:calc(100% + 44px);height:auto;margin:-20px -22px 10px}.start.svelte-arp8al{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}