.scroll-progress-bar.svelte-dd6hul{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,#1e40af,#3b82f6);z-index:1000;transition:width .3s ease}.tutorials-page.svelte-dd6hul{min-height:100vh;background:#f8fafc;padding:2rem 0}.tutorials-header.svelte-dd6hul{text-align:center;margin-bottom:3rem;padding:2rem 0}.breadcrumb.svelte-dd6hul{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem}.breadcrumb-link.svelte-dd6hul{color:#64748b;text-decoration:none;display:flex;align-items:center;gap:.25rem;transition:color .3s ease}.breadcrumb-link.svelte-dd6hul:hover{color:#3b82f6}.breadcrumb-separator.svelte-dd6hul{color:#94a3b8}.breadcrumb-current.svelte-dd6hul{color:#1e293b;font-weight:500}.tutorials-title.svelte-dd6hul{font-size:2.5rem;font-weight:800;color:#1e293b;margin-bottom:.5rem;background:linear-gradient(135deg,#1e40af,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.tutorials-subtitle.svelte-dd6hul{font-size:1.125rem;color:#64748b;max-width:600px;margin:0 auto;line-height:1.6}.coming-soon-section.svelte-dd6hul{background:#fff;border-radius:1rem;padding:4rem 2rem;text-align:center;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;margin-bottom:4rem}.icon-wrapper.svelte-dd6hul{width:5rem;height:5rem;background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem}.icon-wrapper.svelte-dd6hul i:where(.svelte-dd6hul){font-size:2.5rem;color:#fff}.coming-soon-content.svelte-dd6hul h2:where(.svelte-dd6hul){font-size:2rem;font-weight:700;color:#1e293b;margin-bottom:1rem}.coming-soon-content.svelte-dd6hul>p:where(.svelte-dd6hul){font-size:1.125rem;color:#64748b;margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto}.planned-content.svelte-dd6hul{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;text-align:left;max-width:1000px;margin:0 auto}.content-category.svelte-dd6hul{background:#f8fafc;border-radius:.75rem;padding:2rem;border:1px solid #e2e8f0}.content-category.svelte-dd6hul h3:where(.svelte-dd6hul){font-size:1.125rem;font-weight:600;color:#1e293b;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.content-category.svelte-dd6hul i:where(.svelte-dd6hul){color:#3b82f6}.content-category.svelte-dd6hul ul:where(.svelte-dd6hul){list-style:none;padding:0;margin:0}.content-category.svelte-dd6hul li:where(.svelte-dd6hul){padding:.5rem 0 .5rem 1.5rem;position:relative;color:#475569;font-size:.875rem}.content-category.svelte-dd6hul li:where(.svelte-dd6hul):before{content:"•";position:absolute;left:0;color:#94a3b8}.temp-resources.svelte-dd6hul{margin-bottom:4rem}.temp-resources.svelte-dd6hul h2:where(.svelte-dd6hul){font-size:1.75rem;font-weight:700;color:#1e293b;text-align:center;margin-bottom:2rem}.resource-grid.svelte-dd6hul{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:900px;margin:0 auto}.resource-card.svelte-dd6hul{background:#fff;border-radius:1rem;padding:2rem;text-align:center;box-shadow:0 4px 6px #0000000d;border:1px solid #e2e8f0;transition:transform .3s ease}.resource-card.svelte-dd6hul:hover{transform:translateY(-4px)}.resource-card.svelte-dd6hul i:where(.svelte-dd6hul){font-size:2.5rem;color:#3b82f6;margin-bottom:1rem}.resource-card.svelte-dd6hul h3:where(.svelte-dd6hul){font-size:1.25rem;font-weight:600;color:#1e293b;margin-bottom:.75rem}.resource-card.svelte-dd6hul p:where(.svelte-dd6hul){color:#64748b;margin-bottom:1.5rem;line-height:1.5}.newsletter-section.svelte-dd6hul{background:linear-gradient(135deg,#1e40af,#3b82f6);border-radius:1rem;padding:3rem;text-align:center;color:#fff}.newsletter-content.svelte-dd6hul h2:where(.svelte-dd6hul){font-size:1.75rem;font-weight:700;margin-bottom:.75rem}.newsletter-content.svelte-dd6hul p:where(.svelte-dd6hul){font-size:1.125rem;margin-bottom:2rem;color:#ffffffe6}.newsletter-form.svelte-dd6hul{display:flex;gap:.75rem;max-width:400px;margin:0 auto}.email-input.svelte-dd6hul{flex:1;padding:.75rem 1rem;border:1px solid rgba(255,255,255,.3);border-radius:.5rem;background:#ffffff1a;color:#fff;font-size:.875rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.email-input.svelte-dd6hul::placeholder{color:#ffffffb3}.email-input.svelte-dd6hul:focus{outline:none;border-color:#ffffff80;background:#fff3}@media (max-width: 768px){.tutorials-title.svelte-dd6hul{font-size:2rem}.coming-soon-section.svelte-dd6hul{padding:3rem 1.5rem}.planned-content.svelte-dd6hul{grid-template-columns:1fr}.newsletter-form.svelte-dd6hul{flex-direction:column}}@media (max-width: 480px){.tutorials-page.svelte-dd6hul{padding:1rem 0}.tutorials-title.svelte-dd6hul{font-size:1.75rem}.coming-soon-section.svelte-dd6hul,.newsletter-section.svelte-dd6hul{padding:2rem 1rem}}