.learn-page-wrapper.svelte-med60c{--learn-bg-base:#0a0a0a;--learn-bg-card:#17171a;--learn-bg-elevated:#1e1e22;--learn-border:#ffffff12;--learn-border-hover:#ffffff24;--learn-text:#e8e6e3;--learn-text-secondary:#9b9a97;--learn-text-muted:#5e5d5a;--learn-accent:#f97316;--learn-accent-glow:#f973161f;--learn-green:#34d399;--learn-yellow:#fbbf24;--learn-purple:#a78bfa;--learn-radius:8px;--learn-radius-lg:12px;--learn-max-width:1200px;background:var(--learn-bg-base);min-height:60vh;color:var(--learn-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden}.learn-hub.svelte-med60c{max-width:var(--learn-max-width);margin:0 auto;padding:0 1.5rem 3rem}.learn-hub.svelte-med60c h1:where(.svelte-med60c),.learn-hub.svelte-med60c h2:where(.svelte-med60c),.learn-hub.svelte-med60c h3:where(.svelte-med60c),.learn-hub.svelte-med60c p:where(.svelte-med60c),.learn-hub.svelte-med60c a:where(.svelte-med60c),.learn-hub.svelte-med60c span:where(.svelte-med60c),.learn-hub.svelte-med60c button:where(.svelte-med60c){font-family:"Exo 2",sans-serif}.learn-hub.svelte-med60c a:where(.svelte-med60c){color:var(--learn-accent);text-decoration:none;transition:color .18s}.learn-hub.svelte-med60c a:where(.svelte-med60c):hover{color:#fb923c}.learn-hub.svelte-med60c img:where(.svelte-med60c){max-width:100%;height:auto}.learn-hero.svelte-med60c{padding:2.5rem 0 2rem}.learn-hero.svelte-med60c h1:where(.svelte-med60c){color:var(--learn-text);letter-spacing:-.02em;margin:0 0 .75rem;font-size:2.2rem;font-weight:700;line-height:1.2}.learn-hero.svelte-med60c p:where(.svelte-med60c){color:var(--learn-text-secondary);max-width:820px;margin:0;font-size:1.05rem;line-height:1.6}.daw-grid.svelte-med60c{margin-bottom:2.5rem}.daw-grid.svelte-med60c h2:where(.svelte-med60c){color:var(--learn-text);margin:0 0 1rem;font-size:1.25rem;font-weight:600}.daw-grid__cards.svelte-med60c{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;display:grid}.daw-card.svelte-med60c{background:var(--learn-bg-card);border:1px solid var(--learn-border);border-radius:var(--learn-radius);flex-direction:row;align-items:center;gap:.75rem;padding:1rem 1.15rem;transition:all .18s;display:flex}.daw-card.svelte-med60c:hover{border-color:var(--learn-accent);background:var(--learn-bg-elevated);box-shadow:0 0 12px var(--learn-accent-glow);transform:translateY(-1px)}.daw-card__icon.svelte-med60c{-o-object-fit:contain;object-fit:contain;flex-shrink:0;width:48px;height:48px}.daw-card__info.svelte-med60c{flex-direction:column;min-width:0;display:flex}.daw-card__name.svelte-med60c{color:var(--learn-text);font-size:.95rem;font-weight:600}.daw-card__count.svelte-med60c{color:var(--learn-text-muted);font-size:.8rem}.category-tabs.svelte-med60c{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.category-tab.svelte-med60c{color:var(--learn-text-secondary);background:var(--learn-bg-card);border:1px solid var(--learn-border);cursor:pointer;white-space:nowrap;border-radius:20px;padding:.45rem 1rem;font-size:.85rem;font-weight:500;transition:all .18s}.category-tab.svelte-med60c:hover{color:var(--learn-text);border-color:var(--learn-border-hover);background:var(--learn-bg-elevated)}.category-tab--active.svelte-med60c{color:#fff;background:var(--learn-accent);border-color:var(--learn-accent)}.category-tab--active.svelte-med60c:hover{background:#fb923c;border-color:#fb923c}.category-tab__count.svelte-med60c{opacity:.7;margin-left:.25rem;font-size:.75rem}.article-grid.svelte-med60c{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem;display:grid}.article-card.svelte-med60c{background:var(--learn-bg-card);border:1px solid var(--learn-border);border-radius:var(--learn-radius);padding:1.25rem;transition:all .18s}.article-card.svelte-med60c:hover{border-color:var(--learn-border-hover);background:var(--learn-bg-elevated);transform:translateY(-1px)}.article-card__title.svelte-med60c{margin:0 0 .5rem;font-size:1.05rem;font-weight:600;line-height:1.35}.article-card__title.svelte-med60c a:where(.svelte-med60c){color:var(--learn-text)}.article-card__title.svelte-med60c a:where(.svelte-med60c):hover{color:var(--learn-accent)}.article-card__meta.svelte-med60c{flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.5rem;display:flex}.badge.svelte-med60c{white-space:nowrap;border-radius:4px;padding:.2rem .6rem;font-size:.75rem;font-weight:600;line-height:1.4;display:inline-block}.badge--daw.svelte-med60c{background:var(--learn-accent-glow);color:var(--learn-accent);border:1px solid #f9731633}.badge--beginner.svelte-med60c{color:var(--learn-green);background:#34d3991a;border:1px solid #34d39933}.badge--intermediate.svelte-med60c{color:#60a5fa;background:#60a5fa1a;border:1px solid #60a5fa33}.badge--advanced.svelte-med60c{color:var(--learn-purple);background:#a78bfa1a;border:1px solid #a78bfa33}.article-card__read-time.svelte-med60c{color:var(--learn-text-muted);font-size:.8rem}.article-card__excerpt.svelte-med60c{color:var(--learn-text-secondary);line-clamp:3;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-size:.9rem;line-height:1.5;display:-webkit-box;overflow:hidden}.learn-hub__seo.svelte-med60c{background:var(--learn-bg-card);border:1px solid var(--learn-border);border-radius:var(--learn-radius-lg);margin-top:3rem;padding:2rem}.learn-hub__seo.svelte-med60c h2:where(.svelte-med60c){color:var(--learn-text);margin:0 0 .75rem;font-size:1.2rem;font-weight:700}.learn-hub__seo.svelte-med60c p:where(.svelte-med60c){color:var(--learn-text-secondary);margin:0 0 .75rem;font-size:.95rem;line-height:1.6}.learn-hub__seo.svelte-med60c p:where(.svelte-med60c):last-child{margin-bottom:0}.learn-hub__load-more.svelte-med60c{text-align:center;padding:1.5rem}.learn-hub__load-more.svelte-med60c .category-tab:where(.svelte-med60c){cursor:pointer;padding:10px 32px;font-size:.95rem}.learn-hub__loading.svelte-med60c{text-align:center;color:var(--learn-text-secondary);padding:2rem;font-size:.9rem}.learn-hub__spinner.svelte-med60c{border:2px solid var(--learn-border);border-top-color:var(--learn-accent);vertical-align:middle;border-radius:50%;width:16px;height:16px;margin-right:6px;animation:.6s linear infinite svelte-med60c-learn-spin;display:inline-block}@media (width<=640px){.category-tab.svelte-med60c{padding-left:calc(1rem + 1px);padding-right:calc(1rem + 1px)}}@keyframes svelte-med60c-learn-spin{to{transform:rotate(360deg)}}