.scroll-progress-bar.svelte-1hdb0ll{position:fixed;top:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary-blue),var(--accent-cyan));z-index:1000;transition:width .3s ease}.tutorials-page.svelte-1hdb0ll{min-height:100vh;position:relative;z-index:1;padding:6rem 0 2rem}.tutorials-header.svelte-1hdb0ll{text-align:center;margin-bottom:3rem;padding:3rem 0;background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);position:relative;overflow:hidden;transition:all var(--transition-normal)}.tutorials-header.svelte-1hdb0ll:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-glow);opacity:.1;border-radius:inherit}.tutorials-header.svelte-1hdb0ll:hover{background:var(--glass-bg-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.breadcrumb.svelte-1hdb0ll{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;background:var(--glass-bg-hover);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);border:1px solid var(--glass-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:.75rem 1.5rem;width:fit-content;margin:0 auto 1.5rem;position:relative;z-index:2}.breadcrumb-link.svelte-1hdb0ll{color:var(--text-secondary);text-decoration:none;display:flex;align-items:center;gap:.25rem;transition:color .3s ease;text-shadow:0 1px 2px var(--glass-shadow)}.breadcrumb-link.svelte-1hdb0ll:hover{color:var(--primary-blue)}.breadcrumb-separator.svelte-1hdb0ll{color:var(--text-muted)}.breadcrumb-current.svelte-1hdb0ll{color:var(--text-primary);font-weight:500}.tutorials-title.svelte-1hdb0ll{font-size:3rem;font-weight:800;color:var(--text-primary);margin-bottom:1rem;text-shadow:0 2px 20px rgba(0,0,0,.5),0 0 40px rgba(6,182,212,.3);position:relative;z-index:2}.tutorials-subtitle.svelte-1hdb0ll{font-size:1.25rem;color:var(--text-secondary);max-width:600px;margin:0 auto;line-height:1.6;text-shadow:0 1px 10px rgba(0,0,0,.2);position:relative;z-index:2}.coming-soon-section.svelte-1hdb0ll{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);padding:4rem 2rem;text-align:center;box-shadow:var(--shadow-lg);border:1px solid var(--glass-border);margin-bottom:4rem;transition:all var(--transition-normal);position:relative;overflow:hidden}.coming-soon-section.svelte-1hdb0ll:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-glow);opacity:.1;border-radius:inherit}.coming-soon-section.svelte-1hdb0ll:hover{background:var(--glass-bg-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.icon-wrapper.svelte-1hdb0ll{width:5rem;height:5rem;background:var(--gradient-primary);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 2rem;box-shadow:var(--shadow-glow);position:relative;z-index:2}.icon-wrapper.svelte-1hdb0ll:before{content:"";position:absolute;top:-3px;left:-3px;right:-3px;bottom:-3px;background:var(--gradient-primary);border-radius:inherit;z-index:-1;filter:blur(12px);opacity:.8}.icon-wrapper.svelte-1hdb0ll i:where(.svelte-1hdb0ll){font-size:2.5rem;color:var(--text-primary);text-shadow:0 0 20px rgba(6,182,212,.7)}.coming-soon-content.svelte-1hdb0ll h2:where(.svelte-1hdb0ll){font-size:2rem;font-weight:700;color:var(--text-primary);margin-bottom:1rem;text-shadow:0 2px 20px rgba(0,0,0,.5),0 0 40px rgba(6,182,212,.3);position:relative;z-index:2}.coming-soon-content.svelte-1hdb0ll>p:where(.svelte-1hdb0ll){font-size:1.125rem;color:var(--text-primary);margin-bottom:3rem;max-width:600px;margin-left:auto;margin-right:auto;text-shadow:0 2px 12px rgba(0,0,0,.4);position:relative;z-index:2;font-weight:500}.planned-content.svelte-1hdb0ll{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-1hdb0ll{background:var(--glass-bg-hover);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);border-radius:var(--radius-lg);padding:2rem;border:1px solid var(--glass-border);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);position:relative;z-index:2}.content-category.svelte-1hdb0ll:hover{background:var(--glass-bg-active);transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--accent-primary)}.content-category.svelte-1hdb0ll h3:where(.svelte-1hdb0ll){font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem;display:flex;align-items:center;gap:.5rem;text-shadow:0 2px 4px var(--glass-shadow)}.content-category.svelte-1hdb0ll i:where(.svelte-1hdb0ll){color:var(--accent-primary);filter:drop-shadow(0 0 8px currentColor)}.content-category.svelte-1hdb0ll ul:where(.svelte-1hdb0ll){list-style:none;padding:0;margin:0}.content-category.svelte-1hdb0ll li:where(.svelte-1hdb0ll){padding:.5rem 0 .5rem 1.5rem;position:relative;color:var(--text-primary);font-size:.875rem;text-shadow:0 2px 8px rgba(0,0,0,.4);font-weight:500}.content-category.svelte-1hdb0ll li:where(.svelte-1hdb0ll):before{content:"•";position:absolute;left:0;color:var(--accent-primary);filter:drop-shadow(0 0 4px currentColor)}.temp-resources.svelte-1hdb0ll{margin-bottom:4rem}.temp-resources.svelte-1hdb0ll h2:where(.svelte-1hdb0ll){font-size:1.75rem;font-weight:700;color:var(--text-primary);text-align:center;margin-bottom:2rem;text-shadow:0 2px 20px rgba(0,0,0,.5),0 0 40px rgba(6,182,212,.3)}.resource-grid.svelte-1hdb0ll{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:900px;margin:0 auto}.resource-card.svelte-1hdb0ll{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border-radius:var(--radius-xl);padding:2rem;text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--glass-border);transition:all var(--transition-normal);position:relative;overflow:hidden}.resource-card.svelte-1hdb0ll:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-glow);opacity:0;transition:opacity .4s ease;border-radius:inherit}.resource-card.svelte-1hdb0ll:hover{transform:translateY(-8px) scale(1.02);box-shadow:var(--shadow-lg);border-color:var(--accent-primary);background:var(--glass-bg-hover)}.resource-card.svelte-1hdb0ll:hover:before{opacity:.1}.resource-card.svelte-1hdb0ll i:where(.svelte-1hdb0ll){font-size:2.5rem;color:var(--accent-primary);margin-bottom:1rem;filter:drop-shadow(0 0 12px currentColor);position:relative;z-index:2}.resource-card.svelte-1hdb0ll h3:where(.svelte-1hdb0ll){font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem;text-shadow:0 2px 4px var(--glass-shadow);position:relative;z-index:2}.resource-card.svelte-1hdb0ll p:where(.svelte-1hdb0ll){color:var(--text-primary);margin-bottom:1.5rem;line-height:1.5;text-shadow:0 2px 8px rgba(0,0,0,.4);position:relative;z-index:2;font-weight:500}.newsletter-section.svelte-1hdb0ll{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-xl);padding:3rem;text-align:center;color:var(--text-primary);box-shadow:var(--shadow-lg);transition:all var(--transition-normal);position:relative;overflow:hidden}.newsletter-section.svelte-1hdb0ll:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:var(--gradient-primary);opacity:.1;border-radius:inherit}.newsletter-section.svelte-1hdb0ll:hover{background:var(--glass-bg-hover);transform:translateY(-4px);box-shadow:var(--shadow-lg),var(--shadow-glow)}.newsletter-content.svelte-1hdb0ll h2:where(.svelte-1hdb0ll){font-size:1.75rem;font-weight:700;margin-bottom:.75rem;text-shadow:0 2px 20px rgba(0,0,0,.5),0 0 40px rgba(6,182,212,.3);position:relative;z-index:2;color:var(--text-primary)}.newsletter-content.svelte-1hdb0ll p:where(.svelte-1hdb0ll){font-size:1.125rem;margin-bottom:2rem;color:var(--text-primary);text-shadow:0 2px 12px rgba(0,0,0,.4);position:relative;z-index:2;font-weight:500}.newsletter-form.svelte-1hdb0ll{display:flex;gap:.75rem;max-width:400px;margin:0 auto}.email-input.svelte-1hdb0ll{flex:1;padding:.75rem 1rem;border:1px solid var(--glass-border);border-radius:var(--radius-md);background:var(--glass-bg-active);-webkit-backdrop-filter:var(--glass-blur-sm);backdrop-filter:var(--glass-blur-sm);color:var(--text-primary);font-size:.875rem;transition:all var(--transition-normal);position:relative;z-index:2}.email-input.svelte-1hdb0ll::placeholder{color:var(--text-muted)}.email-input.svelte-1hdb0ll:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #06b6d433;background:var(--glass-bg-hover)}@media (max-width: 768px){.tutorials-page.svelte-1hdb0ll{padding:4rem 0 2rem}.tutorials-title.svelte-1hdb0ll{font-size:2.5rem}.tutorials-header.svelte-1hdb0ll{padding:var(--space-8);margin:0 var(--space-4)}.coming-soon-section.svelte-1hdb0ll{padding:3rem 1.5rem;margin:0 var(--space-4)}.planned-content.svelte-1hdb0ll{grid-template-columns:1fr}.newsletter-form.svelte-1hdb0ll{flex-direction:column}}@media (max-width: 480px){.tutorials-page.svelte-1hdb0ll{padding:2rem 0 1rem}.tutorials-title.svelte-1hdb0ll{font-size:2rem}.tutorials-header.svelte-1hdb0ll{padding:var(--space-6);margin:0 var(--space-3)}.coming-soon-section.svelte-1hdb0ll,.newsletter-section.svelte-1hdb0ll{padding:2rem 1rem;margin:0 var(--space-3)}.resource-card.svelte-1hdb0ll{padding:1.5rem}}