.tutorials-page.svelte-yxsc6c{flex:1;display:flex;justify-content:center}.page-shell.svelte-yxsc6c{width:100%;max-width:1360px;margin:0 auto}.page-hero.svelte-yxsc6c{padding:clamp(var(--space-5),8vw,var(--space-6)) var(--space-4);text-align:center}.hero-content.svelte-yxsc6c{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:var(--space-3)}.page-title.svelte-yxsc6c{font-family:var(--font-family-display);font-size:var(--font-step-3);font-weight:600;letter-spacing:-.02em;color:var(--color-text-primary)}.page-subtitle.svelte-yxsc6c{font-size:var(--font-step-0);color:var(--color-text-secondary);line-height:1.7}.index-section.svelte-yxsc6c{padding:var(--space-4) var(--space-4) var(--space-2)}.visually-hidden.svelte-yxsc6c{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);border:0}.index-grid.svelte-yxsc6c{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-3)}.data-loading.svelte-yxsc6c{display:grid;place-items:center;min-height:200px;color:var(--color-text-secondary);background:#8f7fff0f;border:1px dashed rgba(143,127,255,.2);border-radius:var(--radius-md)}.error-message.svelte-yxsc6c{color:#ffb4b4;background:#ff69611f;border-radius:var(--radius-md);padding:var(--space-3)}.index-card.svelte-yxsc6c{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);transition:transform .2s ease,border-color .2s ease;border:1px solid rgba(143,127,255,.2)}.index-card.svelte-yxsc6c:hover{transform:translateY(-4px);border-color:#8f7fff73}.index-card-title.svelte-yxsc6c{font-size:var(--font-step-0);font-weight:600;color:var(--color-text-primary)}.index-card-summary.svelte-yxsc6c{font-size:var(--font-step--1);color:var(--color-text-secondary);line-height:1.6}.content-section.svelte-yxsc6c{padding:var(--space-5) var(--space-4)}.content-section.alternate.svelte-yxsc6c{background:linear-gradient(180deg,#0c112266,#090c184d)}.section-container.svelte-yxsc6c{max-width:1120px;margin:0 auto}.section-header.svelte-yxsc6c{margin-bottom:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.section-title.svelte-yxsc6c{font-family:var(--font-family-display);font-size:var(--font-step-2);font-weight:600;color:var(--color-text-primary);letter-spacing:-.01em}.section-intro.svelte-yxsc6c{font-size:var(--font-step--1);color:var(--color-text-secondary);line-height:1.75}.section-guidance.svelte-yxsc6c{display:grid;gap:var(--space-1);padding-left:1.1rem;color:var(--color-text-muted);font-size:var(--font-step--1)}.tutorial-grid.svelte-yxsc6c{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.tutorial-card.svelte-yxsc6c{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);transition:transform .2s ease,border-color .2s ease}.tutorial-card.svelte-yxsc6c:hover{transform:translateY(-4px);border-color:#8f7fff66}.tutorial-header.svelte-yxsc6c{display:flex;justify-content:space-between;align-items:center}.tutorial-badge.svelte-yxsc6c{font-size:var(--font-step--3);font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:.35rem .85rem;border-radius:999px;border:1px solid transparent}.tutorial-badge.beginner.svelte-yxsc6c{background:#5ad3ff2e;color:#5ad3ff;border-color:#5ad3ff4d}.tutorial-badge.intermediate.svelte-yxsc6c{background:#8f7fff2e;color:#8f7fff;border-color:#8f7fff59}.tutorial-badge.advanced.svelte-yxsc6c{background:#ff9a8f2e;color:#ff9a8f;border-color:#ff9a8f59}.tutorial-duration.svelte-yxsc6c{font-size:var(--font-step--2);color:var(--color-text-muted)}.tutorial-title.svelte-yxsc6c{font-size:var(--font-step-0);font-weight:600;color:var(--color-text-primary);line-height:1.35}.tutorial-summary.svelte-yxsc6c{font-size:var(--font-step--1);color:var(--color-text-secondary);line-height:1.7}.tutorial-subjects.svelte-yxsc6c{display:flex;flex-wrap:wrap;gap:var(--space-1)}.subject-tag.svelte-yxsc6c{font-size:var(--font-step--3);padding:.3rem .6rem;border-radius:999px;background:#8f7fff1a;color:var(--color-text-muted);border:1px solid rgba(143,127,255,.2)}.tutorial-bullets.svelte-yxsc6c{margin:0;padding-left:1.1rem;display:grid;gap:.35rem;color:var(--color-text-secondary);font-size:var(--font-step--1);line-height:1.6}.tutorial-tip.svelte-yxsc6c{font-size:var(--font-step--1);color:var(--color-text-secondary);background:#8f7fff14;border-left:3px solid rgba(143,127,255,.4);padding:.75rem .85rem;border-radius:var(--radius-sm);line-height:1.6}.tutorial-cta.svelte-yxsc6c{font-size:var(--font-step--1);color:var(--color-accent-secondary);font-weight:600;align-self:flex-start;margin-top:auto;transition:transform .2s ease}.tutorial-cta.svelte-yxsc6c:hover{transform:translate(4px)}.reference-grid.svelte-yxsc6c{display:grid;gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.reference-card.svelte-yxsc6c{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.reference-title.svelte-yxsc6c{font-size:var(--font-step-0);font-weight:600;color:var(--color-text-primary)}.reference-description.svelte-yxsc6c{font-size:var(--font-step--1);color:var(--color-text-secondary);line-height:1.7}.reference-link.svelte-yxsc6c{font-size:var(--font-step--1);color:var(--color-accent-secondary);font-weight:600;margin-top:auto}.reference-highlights.svelte-yxsc6c{display:grid;gap:var(--space-3);list-style:none;padding:0}.reference-highlights.svelte-yxsc6c h3:where(.svelte-yxsc6c){font-size:var(--font-step-0);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.reference-highlights.svelte-yxsc6c p:where(.svelte-yxsc6c){font-size:var(--font-step--1);color:var(--color-text-secondary);line-height:1.7}.study-path.svelte-yxsc6c{list-style:none;display:grid;gap:var(--space-3);padding:0}.study-path.svelte-yxsc6c li:where(.svelte-yxsc6c){display:flex;gap:var(--space-3);align-items:flex-start;background:linear-gradient(155deg,#0f163099,#0a0f2080);border:1px solid rgba(148,207,255,.15);border-radius:var(--radius-md);padding:var(--space-3)}.path-step-number.svelte-yxsc6c{width:48px;height:48px;border-radius:12px;display:grid;place-items:center;background:#8f7fff33;color:#8f7fff;font-size:var(--font-step-1);font-weight:700;border:2px solid rgba(143,127,255,.35)}.path-step-content.svelte-yxsc6c h3:where(.svelte-yxsc6c){font-size:var(--font-step-0);font-weight:600;color:var(--color-text-primary);margin-bottom:var(--space-1)}.path-step-content.svelte-yxsc6c p:where(.svelte-yxsc6c){font-size:var(--font-step--1);color:var(--color-text-secondary);line-height:1.7}.faq-list.svelte-yxsc6c{display:grid;gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.faq-item.svelte-yxsc6c{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2)}.faq-item.svelte-yxsc6c h3:where(.svelte-yxsc6c){font-size:var(--font-step-0);font-weight:600;color:var(--color-text-primary)}.faq-item.svelte-yxsc6c p:where(.svelte-yxsc6c){font-size:var(--font-step--1);color:var(--color-text-secondary);line-height:1.7}.cta-section.svelte-yxsc6c{padding:var(--space-6) var(--space-4) var(--space-7)}.cta-container.svelte-yxsc6c{max-width:720px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-5)}.cta-container.svelte-yxsc6c h2:where(.svelte-yxsc6c){font-family:var(--font-family-display);font-size:var(--font-step-2);color:var(--color-text-primary);letter-spacing:-.01em}.cta-container.svelte-yxsc6c p:where(.svelte-yxsc6c){font-size:var(--font-step-0);color:var(--color-text-secondary);line-height:1.7}.cta-actions.svelte-yxsc6c{display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:center}.button-primary.svelte-yxsc6c svg:where(.svelte-yxsc6c){transition:transform .2s ease}.button-primary.svelte-yxsc6c:hover svg:where(.svelte-yxsc6c){transform:translate(4px)}@media (max-width: 768px){.page-hero.svelte-yxsc6c{padding:var(--space-4) var(--space-3)}.page-title.svelte-yxsc6c{font-size:var(--font-step-2)}.content-section.svelte-yxsc6c{padding:var(--space-4) var(--space-3)}.tutorial-grid.svelte-yxsc6c,.reference-grid.svelte-yxsc6c,.faq-list.svelte-yxsc6c{grid-template-columns:1fr}.cta-actions.svelte-yxsc6c{flex-direction:column;width:100%}.cta-actions.svelte-yxsc6c .button-primary:where(.svelte-yxsc6c),.cta-actions.svelte-yxsc6c .button-secondary:where(.svelte-yxsc6c){width:100%;justify-content:center}}