.cat-nav.svelte-3th5c8.svelte-3th5c8{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;max-width:1280px;margin:0 auto 2rem;padding:0 1rem}.cat-nav.svelte-3th5c8 .cat-chip.svelte-3th5c8{display:inline-flex;align-items:center;padding:.35rem .85rem;border:1px solid var(--sl-color-gray-5, #d0d0d0);border-radius:999px;font-size:.9rem;color:var(--sl-color-text, #333);text-decoration:none;background:var(--sl-color-bg, #fff);transition:border-color .15s,color .15s,background .15s}.cat-nav.svelte-3th5c8 .cat-chip.svelte-3th5c8:hover{border-color:var(--sl-color-accent, #2563eb);color:var(--sl-color-accent, #2563eb)}.cat-nav.svelte-3th5c8 .cat-chip-active.svelte-3th5c8{background:var(--sl-color-accent, #2563eb);border-color:var(--sl-color-accent, #2563eb);color:#fff;font-weight:600}.tutorials-page.svelte-3th5c8.svelte-3th5c8{display:flex;flex-direction:column;width:100%;padding:0;margin-bottom:30px}.tutorials-page.svelte-3th5c8 .container-large.svelte-3th5c8{max-width:1280px;margin:0 auto;width:100%;padding:2rem 0}@media (max-width: 768px){.tutorials-page.svelte-3th5c8 .container-large.svelte-3th5c8{padding:1.5rem 1rem}}.tutorials-page.svelte-3th5c8 .page-header.svelte-3th5c8{margin-bottom:2rem;text-align:center}.tutorials-page.svelte-3th5c8 .page-header h1.svelte-3th5c8{font-size:2.25rem;font-weight:600;margin-bottom:.5rem;color:var(--sl-color-text)}@media (max-width: 768px){.tutorials-page.svelte-3th5c8 .page-header h1.svelte-3th5c8{font-size:1.75rem}}.tutorials-page.svelte-3th5c8 .page-header p.svelte-3th5c8{font-size:1.15rem;color:var(--sl-color-text-light);font-weight:400}@media (max-width: 768px){.tutorials-page.svelte-3th5c8 .page-header p.svelte-3th5c8{font-size:1rem}}.tutorials-page.svelte-3th5c8 .search-container.svelte-3th5c8{margin-bottom:2.5rem}.tutorials-page.svelte-3th5c8 .search-container .search-input-wrapper.svelte-3th5c8{position:relative;max-width:700px;margin:0 auto}.tutorials-page.svelte-3th5c8 .search-container .search-input-wrapper .search-icon.svelte-3th5c8{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:var(--sl-color-gray-4)}.tutorials-page.svelte-3th5c8 .search-container .search-input-wrapper .search-input.svelte-3th5c8{width:100%;padding:14px 16px 14px 46px;border-radius:8px;border:1px solid var(--sl-color-gray-5);font-size:16px;background:var(--sl-color-bg);color:var(--sl-color-text);transition:all .2s ease}.tutorials-page.svelte-3th5c8 .search-container .search-input-wrapper .search-input.svelte-3th5c8:focus{outline:none;border-color:var(--blue-theme-main);box-shadow:0 0 0 2px #6366f11a}.tutorials-page.svelte-3th5c8 .search-container .search-input-wrapper .search-input.svelte-3th5c8::placeholder{color:var(--sl-color-gray-4)}.tutorials-page.svelte-3th5c8 .section-heading.svelte-3th5c8{position:relative;font-size:1.75rem;font-weight:600;margin-bottom:2rem;justify-content:center;display:flex;align-items:center}.tutorials-page.svelte-3th5c8 .section-heading .heading-text.svelte-3th5c8{position:relative;color:var(--sl-color-text)}.tutorials-page.svelte-3th5c8 .section-heading .heading-text.svelte-3th5c8:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:3px;background-color:var(--blue-theme-main);border-radius:2px}.tutorials-page.svelte-3th5c8 .cards-grid.svelte-3th5c8{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.tutorials-page.svelte-3th5c8 .card.svelte-3th5c8{display:flex;flex-direction:column;gap:10px;padding:18px;border:1px solid var(--env-cards-border, rgba(0, 0, 0, .08));background:var(--env-cards-bg, rgba(0, 0, 0, .02));border-radius:12px;text-decoration:none;color:inherit;transition:border-color .2s ease,background .2s ease,transform .1s ease}.tutorials-page.svelte-3th5c8 .card.svelte-3th5c8:hover{border-color:#5c4ee573;background:#5c4ee50a}.tutorials-page.svelte-3th5c8 .card.svelte-3th5c8:active{transform:translateY(1px)}.tutorials-page.svelte-3th5c8 .card-top.svelte-3th5c8{display:flex;align-items:center;gap:8px}.tutorials-page.svelte-3th5c8 .card-icon.svelte-3th5c8{width:22px;height:22px;border-radius:4px}.tutorials-page.svelte-3th5c8 .card-tech.svelte-3th5c8{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:#5c4ee5}.tutorials-page.svelte-3th5c8 .card-title.svelte-3th5c8{margin:0;font-size:16px;font-weight:600;line-height:1.3}.tutorials-page.svelte-3th5c8 .card-desc.svelte-3th5c8{margin:0;font-size:13px;line-height:1.5;color:#6d6d6d;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.tutorials-page.svelte-3th5c8 .card-tags.svelte-3th5c8{display:flex;flex-wrap:wrap;gap:4px;margin-top:2px}.tutorials-page.svelte-3th5c8 .card-tag.svelte-3th5c8{font-size:11px;padding:2px 7px;border-radius:999px;background:#0000000d;color:#555}.tutorials-page.svelte-3th5c8 .card-cta.svelte-3th5c8{display:block;width:100%;margin-top:10px;padding:8px 0;text-align:center;border:1px solid var(--mini-display-cards-border, rgba(0, 0, 0, .12));background:var(--sl-color-bg);color:var(--sl-color-text);border-radius:10px;font-size:17px;font-weight:500;transition:background .15s ease,color .15s ease,border-color .15s ease}.tutorials-page.svelte-3th5c8 .card:hover .card-cta.svelte-3th5c8{background:#000;color:#fff;border-color:#000}.tutorials-page.svelte-3th5c8 .empty-state.svelte-3th5c8{text-align:center;padding:3rem 1rem;color:var(--sl-color-text-light)}.tutorials-page.svelte-3th5c8 .pagination.svelte-3th5c8{display:flex;justify-content:center;align-items:center;margin-top:2.5rem}.tutorials-page.svelte-3th5c8 .pagination .page-numbers.svelte-3th5c8{display:flex;gap:8px;align-items:center}.tutorials-page.svelte-3th5c8 .pagination .page-number.svelte-3th5c8{min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;color:var(--sl-color-text);background:var(--sl-color-bg);border:1px solid var(--sl-color-gray-5)}.tutorials-page.svelte-3th5c8 .pagination .page-number.svelte-3th5c8:hover{background:var(--sl-color-gray-2)}.tutorials-page.svelte-3th5c8 .pagination .page-number.active.svelte-3th5c8{background:var(--sl-color-text);color:var(--sl-color-bg);border-color:var(--sl-color-text)}[data-theme=dark] .tutorials-page.svelte-3th5c8 .card-desc.svelte-3th5c8{color:#a7a7a7}[data-theme=dark] .tutorials-page.svelte-3th5c8 .card-tech.svelte-3th5c8,[data-theme=dark] .tutorials-page.svelte-3th5c8 .card-cta.svelte-3th5c8{color:#7b6ff0}[data-theme=dark] .tutorials-page.svelte-3th5c8 .card-tag.svelte-3th5c8{background:#ffffff0f;color:#cfcfcf}[data-theme=dark] .tutorials-page.svelte-3th5c8 .section-heading.svelte-3th5c8:after{background-color:var(--sl-color-gray-6)}[data-theme=dark] .tutorials-page.svelte-3th5c8 .page-number.svelte-3th5c8{background-color:#1f1f1f}