.tutorials-page.svelte-yxsc6c{flex:1}.page-header.svelte-yxsc6c{background:linear-gradient(135deg,var(--color-gray-50) 0%,var(--color-white) 100%);padding:3rem 0;text-align:center;border-bottom:1px solid var(--color-gray-200)}.page-header.svelte-yxsc6c h1:where(.svelte-yxsc6c){color:var(--color-primary);margin-bottom:.5rem}.page-header.svelte-yxsc6c p:where(.svelte-yxsc6c){color:var(--color-gray-600);font-size:1.1rem;margin:0}.filter-section.svelte-yxsc6c{padding:1.5rem 0;background:var(--color-white);border-bottom:1px solid var(--color-gray-200)}.filter-bar.svelte-yxsc6c{display:flex;align-items:center;justify-content:center;gap:1rem;flex-wrap:wrap}.filter-label.svelte-yxsc6c{color:var(--color-gray-600);font-weight:500}.filter-buttons.svelte-yxsc6c{display:flex;gap:.5rem}.filter-btn.svelte-yxsc6c{padding:.5rem 1rem;border:1px solid var(--color-gray-300);background:var(--color-white);border-radius:20px;cursor:pointer;font-size:.9rem;color:var(--color-gray-600);transition:all .2s ease}.filter-btn.svelte-yxsc6c:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn.active.svelte-yxsc6c{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.featured-tutorial.svelte-yxsc6c{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:12px;padding:2rem;box-shadow:0 4px 12px #0000000d}.featured-badge.svelte-yxsc6c{display:inline-block;background:var(--color-primary);color:var(--color-white);padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600;text-transform:uppercase;margin-bottom:1rem}.featured-content.svelte-yxsc6c h2:where(.svelte-yxsc6c){color:var(--color-gray-900);margin-bottom:1rem}.featured-content.svelte-yxsc6c p:where(.svelte-yxsc6c){color:var(--color-gray-600);margin-bottom:1.5rem}.featured-topics.svelte-yxsc6c{list-style:none;padding:0;margin:0}.featured-topics.svelte-yxsc6c li:where(.svelte-yxsc6c){color:var(--color-gray-700);padding:.5rem 0 .5rem 1.5rem;position:relative}.featured-topics.svelte-yxsc6c li:where(.svelte-yxsc6c):before{content:">";position:absolute;left:0;color:var(--color-primary);font-weight:700}.featured-video.svelte-yxsc6c .video-wrapper:where(.svelte-yxsc6c){position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px}.featured-video.svelte-yxsc6c iframe:where(.svelte-yxsc6c){position:absolute;top:0;left:0;width:100%;height:100%}.tutorials-grid.svelte-yxsc6c{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.tutorial-card.svelte-yxsc6c{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;padding:1.5rem;display:flex;flex-direction:column;transition:all .2s ease}.tutorial-card.svelte-yxsc6c:hover{box-shadow:0 4px 12px #0000001a;border-color:var(--color-primary)}.card-header.svelte-yxsc6c{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.level-badge.svelte-yxsc6c{font-size:.75rem;font-weight:600;padding:.25rem .75rem;border-radius:4px;text-transform:uppercase}.level-badge.beginner.svelte-yxsc6c{background:#d4edda;color:#155724}.level-badge.intermediate.svelte-yxsc6c{background:#fff3cd;color:#856404}.level-badge.advanced.svelte-yxsc6c{background:#f8d7da;color:#721c24}.duration.svelte-yxsc6c{color:var(--color-gray-500);font-size:.85rem}.tutorial-card.svelte-yxsc6c .card-title:where(.svelte-yxsc6c){font-size:1.1rem;color:var(--color-gray-900);margin-bottom:.75rem}.tutorial-card.svelte-yxsc6c .card-description:where(.svelte-yxsc6c){color:var(--color-gray-600);font-size:.9rem;flex:1;margin-bottom:1rem}.card-topics.svelte-yxsc6c{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.topic-tag.svelte-yxsc6c{background:var(--color-gray-100);color:var(--color-gray-600);padding:.25rem .5rem;border-radius:4px;font-size:.75rem}.card-btn.svelte-yxsc6c{width:100%;text-align:center}.card-btn.svelte-yxsc6c:disabled{opacity:.6;cursor:not-allowed}.learning-path.svelte-yxsc6c{display:flex;flex-direction:column;align-items:center;max-width:600px;margin:0 auto}.path-step.svelte-yxsc6c{display:flex;gap:1.5rem;align-items:flex-start;width:100%}.path-number.svelte-yxsc6c{width:48px;height:48px;background:var(--color-primary);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.25rem;flex-shrink:0}.path-content.svelte-yxsc6c{background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;padding:1.25rem;flex:1}.path-content.svelte-yxsc6c h4:where(.svelte-yxsc6c){color:var(--color-gray-900);margin-bottom:.5rem}.path-content.svelte-yxsc6c p:where(.svelte-yxsc6c){color:var(--color-gray-600);font-size:.9rem;margin:0}.path-connector.svelte-yxsc6c{width:2px;height:30px;background:var(--color-gray-300)}.resources-grid.svelte-yxsc6c{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.resource-card.svelte-yxsc6c{display:flex;flex-direction:column;align-items:center;text-align:center;padding:2rem;background:var(--color-white);border:1px solid var(--color-gray-200);border-radius:8px;text-decoration:none;transition:all .2s ease}.resource-card.svelte-yxsc6c:hover{border-color:var(--color-primary);box-shadow:0 4px 12px #8024331a}.resource-icon.svelte-yxsc6c{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--color-gray-100);border-radius:50%;margin-bottom:1rem;color:var(--color-primary)}.resource-card.svelte-yxsc6c h4:where(.svelte-yxsc6c){color:var(--color-gray-900);margin-bottom:.5rem}.resource-card.svelte-yxsc6c p:where(.svelte-yxsc6c){color:var(--color-gray-600);font-size:.9rem;margin:0}.alt-bg.svelte-yxsc6c{background-color:var(--color-gray-50)}@media(max-width:992px){.featured-tutorial.svelte-yxsc6c{grid-template-columns:1fr}.tutorials-grid.svelte-yxsc6c,.resources-grid.svelte-yxsc6c{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.tutorials-grid.svelte-yxsc6c,.resources-grid.svelte-yxsc6c{grid-template-columns:1fr}.filter-bar.svelte-yxsc6c{flex-direction:column;gap:.75rem}}