.tutorials-hero-dots[data-astro-cid-bzdfz3mo]{position:absolute;inset:0;z-index:0;-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);mask-image:radial-gradient(ellipse at center,black 30%,transparent 70%);opacity:.5}.tutorials-hero-actions[data-astro-cid-bzdfz3mo]{display:flex;gap:var(--space-4);justify-content:center;flex-wrap:wrap;margin-top:var(--space-2)}.tutorials-hero-stats[data-astro-cid-bzdfz3mo]{display:flex;align-items:center;justify-content:center;gap:var(--space-6);margin-top:var(--space-6)}.tutorials-hero-stat[data-astro-cid-bzdfz3mo]{text-align:center}.tutorials-hero-stat-value[data-astro-cid-bzdfz3mo]{font-size:var(--text-2xl);font-weight:800;letter-spacing:var(--tracking-tight);color:var(--text-heading);line-height:1}.tutorials-hero-stat-label[data-astro-cid-bzdfz3mo]{font-size:var(--text-xs);font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:var(--tracking-wide);margin-top:var(--space-1)}.tutorials-hero-stat-divider[data-astro-cid-bzdfz3mo]{width:1px;height:32px;background:var(--border)}.tutorials-search-wrap[data-astro-cid-bzdfz3mo]{display:flex;justify-content:center;margin-bottom:var(--space-4)}.tutorials-search-box[data-astro-cid-bzdfz3mo]{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);width:100%;max-width:480px;box-shadow:var(--shadow-sm);transition:border-color var(--duration-instant) var(--ease-out),box-shadow var(--duration-instant) var(--ease-out)}.tutorials-search-box[data-astro-cid-bzdfz3mo]:focus-within{border-color:var(--blue-500);box-shadow:0 0 0 3px #2563eb1f}.tutorials-search-box[data-astro-cid-bzdfz3mo] svg[data-astro-cid-bzdfz3mo]{color:var(--text-muted);flex-shrink:0}.tutorials-search-box[data-astro-cid-bzdfz3mo] input[data-astro-cid-bzdfz3mo]{flex:1;border:none;outline:none;background:transparent;font-size:var(--text-sm);color:var(--text-heading);font-family:inherit}.tutorials-search-box[data-astro-cid-bzdfz3mo] input[data-astro-cid-bzdfz3mo]::placeholder{color:var(--text-muted)}.tutorials-no-results[data-astro-cid-bzdfz3mo]{text-align:center;padding:var(--space-12) var(--space-4);color:var(--text-muted);font-size:var(--text-base)}.tutorial-difficulty-tag[data-astro-cid-bzdfz3mo]{text-transform:capitalize}.tutorials-filter-section[data-astro-cid-bzdfz3mo]{padding-top:var(--space-12);padding-bottom:var(--space-4)}.tutorials-filter[data-astro-cid-bzdfz3mo]{display:flex;justify-content:center;gap:var(--space-2);flex-wrap:wrap}.tutorials-filter-btn[data-astro-cid-bzdfz3mo]{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-5);font-size:var(--text-sm);font-weight:600;color:var(--text-muted);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-full);cursor:pointer;box-shadow:var(--shadow-xs);transition:all var(--duration-instant) var(--ease-out)}.tutorials-filter-btn[data-astro-cid-bzdfz3mo]:hover{border-color:var(--border-hover);color:var(--text-heading)}.tutorials-filter-btn[data-astro-cid-bzdfz3mo].active{background:var(--blue-600);border-color:var(--blue-600);color:var(--white)}.tutorials-filter-count[data-astro-cid-bzdfz3mo]{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-size:var(--text-xs);font-weight:700;border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-muted)}.tutorials-filter-btn[data-astro-cid-bzdfz3mo].active .tutorials-filter-count[data-astro-cid-bzdfz3mo]{background:#fff3;color:var(--white)}.tutorials-grid[data-astro-cid-bzdfz3mo]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.tutorial-card[data-astro-cid-bzdfz3mo]{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);text-decoration:none;color:inherit;transition:transform var(--duration-fast) var(--ease-spring),box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);position:relative;overflow:hidden}.tutorial-card[data-astro-cid-bzdfz3mo]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-cta);opacity:0;transition:opacity var(--duration-fast) var(--ease-out)}.tutorial-card[data-astro-cid-bzdfz3mo]:hover{transform:translateY(-6px);box-shadow:var(--shadow-xl);border-color:var(--border-hover);color:inherit}.tutorial-card[data-astro-cid-bzdfz3mo]:hover:before{opacity:1}.tutorial-card-header[data-astro-cid-bzdfz3mo]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.tutorial-card-icon[data-astro-cid-bzdfz3mo]{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-md);flex-shrink:0;transition:transform var(--duration-fast) var(--ease-spring)}.tutorial-card[data-astro-cid-bzdfz3mo]:hover .tutorial-card-icon[data-astro-cid-bzdfz3mo]{transform:scale(1.1) rotate(-3deg)}.tutorial-icon-blue[data-astro-cid-bzdfz3mo]{background:var(--blue-50);color:var(--blue-600)}.tutorial-icon-green[data-astro-cid-bzdfz3mo]{background:var(--green-50);color:var(--green-600)}.tutorial-icon-purple[data-astro-cid-bzdfz3mo]{background:var(--purple-50);color:var(--purple-600)}.tutorial-icon-amber[data-astro-cid-bzdfz3mo]{background:#f59e0b1a;color:var(--warning)}[data-astro-cid-bzdfz3mo][data-theme=dark] .tutorial-icon-blue[data-astro-cid-bzdfz3mo]{background:#2563eb1f;color:var(--blue-400)}[data-astro-cid-bzdfz3mo][data-theme=dark] .tutorial-icon-green[data-astro-cid-bzdfz3mo]{background:#10b9811f;color:var(--green-400)}[data-astro-cid-bzdfz3mo][data-theme=dark] .tutorial-icon-purple[data-astro-cid-bzdfz3mo]{background:#7c3aed1f;color:var(--purple-500)}[data-astro-cid-bzdfz3mo][data-theme=dark] .tutorial-icon-amber[data-astro-cid-bzdfz3mo]{background:#f59e0b1f;color:#fbbf24}.tutorial-card-steps[data-astro-cid-bzdfz3mo]{display:inline-flex;align-items:center;padding:3px 10px;font-size:var(--text-xs);font-weight:700;background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-muted);box-shadow:var(--shadow-xs)}.tutorial-card-title[data-astro-cid-bzdfz3mo]{font-size:var(--text-lg);font-weight:700;line-height:var(--leading-snug);letter-spacing:var(--tracking-tight);color:var(--text-heading)}.tutorial-card-desc[data-astro-cid-bzdfz3mo]{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-normal);flex:1}.tutorial-card-footer[data-astro-cid-bzdfz3mo]{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--border)}.tutorial-card-tags[data-astro-cid-bzdfz3mo]{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tutorial-tag[data-astro-cid-bzdfz3mo]{padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:600;border-radius:var(--radius-full);background:var(--bg-subtle);color:var(--text-muted);border:1px solid var(--border);box-shadow:var(--shadow-xs)}.tutorial-card-time[data-astro-cid-bzdfz3mo]{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--text-muted);font-weight:500;flex-shrink:0}.tutorial-card-time[data-astro-cid-bzdfz3mo] svg[data-astro-cid-bzdfz3mo]{color:var(--text-muted)}.tutorials-how-grid[data-astro-cid-bzdfz3mo]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8);position:relative}.tutorials-how-grid[data-astro-cid-bzdfz3mo]:before{content:"";position:absolute;top:32px;left:12%;right:12%;height:2px;background:linear-gradient(90deg,var(--blue-300),var(--green-300),var(--purple-300));opacity:.3;z-index:0}[data-astro-cid-bzdfz3mo][data-theme=dark] .tutorials-how-grid[data-astro-cid-bzdfz3mo]:before{opacity:.15}.tutorials-how-step[data-astro-cid-bzdfz3mo]{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-4);position:relative;z-index:1}.tutorials-how-number[data-astro-cid-bzdfz3mo]{width:64px;height:64px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:var(--gradient-cta);color:var(--white);font-size:var(--text-2xl);font-weight:800;box-shadow:var(--shadow-lg);flex-shrink:0}.tutorials-how-icon[data-astro-cid-bzdfz3mo]{width:56px;height:56px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-lg);flex-shrink:0}.tutorials-how-icon-blue[data-astro-cid-bzdfz3mo]{background:var(--blue-50);color:var(--blue-600)}.tutorials-how-icon-green[data-astro-cid-bzdfz3mo]{background:var(--green-50);color:var(--green-600)}.tutorials-how-icon-purple[data-astro-cid-bzdfz3mo]{background:var(--purple-50);color:var(--purple-600)}[data-astro-cid-bzdfz3mo][data-theme=dark] .tutorials-how-icon-blue[data-astro-cid-bzdfz3mo]{background:#2563eb1f;color:var(--blue-400)}[data-astro-cid-bzdfz3mo][data-theme=dark] .tutorials-how-icon-green[data-astro-cid-bzdfz3mo]{background:#10b9811f;color:var(--green-400)}[data-astro-cid-bzdfz3mo][data-theme=dark] .tutorials-how-icon-purple[data-astro-cid-bzdfz3mo]{background:#7c3aed1f;color:var(--purple-500)}.tutorials-how-title[data-astro-cid-bzdfz3mo]{font-size:var(--text-lg);font-weight:700;color:var(--text-heading)}.tutorials-how-desc[data-astro-cid-bzdfz3mo]{font-size:var(--text-sm);color:var(--text-muted);line-height:var(--leading-relaxed);max-width:280px}@media(max-width:1023px){.tutorials-grid[data-astro-cid-bzdfz3mo]{grid-template-columns:repeat(2,1fr)}.tutorials-how-grid[data-astro-cid-bzdfz3mo]:before{display:none}}@media(max-width:640px){.tutorials-hero-actions[data-astro-cid-bzdfz3mo]{flex-direction:column;width:100%}.tutorials-hero-actions[data-astro-cid-bzdfz3mo] .btn[data-astro-cid-bzdfz3mo]{width:100%;justify-content:center}.tutorials-hero-stats[data-astro-cid-bzdfz3mo]{gap:var(--space-4)}.tutorials-hero-stat-value[data-astro-cid-bzdfz3mo]{font-size:var(--text-xl)}.tutorials-search-box[data-astro-cid-bzdfz3mo]{padding:var(--space-2) var(--space-4)}.tutorials-filter[data-astro-cid-bzdfz3mo]{gap:var(--space-2);overflow-x:auto;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch}.tutorials-filter-btn[data-astro-cid-bzdfz3mo]{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);white-space:nowrap;flex-shrink:0}.tutorials-grid[data-astro-cid-bzdfz3mo]{grid-template-columns:1fr;gap:var(--space-3)}.tutorial-card[data-astro-cid-bzdfz3mo]{padding:var(--space-5)}.tutorial-card-icon[data-astro-cid-bzdfz3mo]{width:40px;height:40px}.tutorial-card-icon[data-astro-cid-bzdfz3mo] svg[data-astro-cid-bzdfz3mo]{width:20px;height:20px}.tutorial-card-title[data-astro-cid-bzdfz3mo]{font-size:var(--text-base)}.tutorial-card-desc[data-astro-cid-bzdfz3mo]{font-size:var(--text-xs)}.tutorial-card-footer[data-astro-cid-bzdfz3mo]{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.tutorials-how-grid[data-astro-cid-bzdfz3mo]{grid-template-columns:1fr;gap:var(--space-8)}.tutorials-how-number[data-astro-cid-bzdfz3mo]{width:56px;height:56px;font-size:var(--text-xl)}.tutorials-how-icon[data-astro-cid-bzdfz3mo]{width:48px;height:48px}.tutorials-how-title[data-astro-cid-bzdfz3mo]{font-size:var(--text-base)}.tutorials-how-desc[data-astro-cid-bzdfz3mo]{font-size:var(--text-xs)}}@media(max-width:380px){.tutorial-card[data-astro-cid-bzdfz3mo]{padding:var(--space-4)}.tutorial-card-icon[data-astro-cid-bzdfz3mo]{width:36px;height:36px}.tutorial-card-icon[data-astro-cid-bzdfz3mo] svg[data-astro-cid-bzdfz3mo]{width:18px;height:18px}.tutorial-card-title[data-astro-cid-bzdfz3mo]{font-size:var(--text-sm)}.tutorial-card-desc[data-astro-cid-bzdfz3mo]{font-size:11px}.tutorial-tag[data-astro-cid-bzdfz3mo]{font-size:10px;padding:2px var(--space-2)}.tutorial-card-steps[data-astro-cid-bzdfz3mo]{font-size:10px;padding:2px 8px}.tutorial-card-time[data-astro-cid-bzdfz3mo]{font-size:10px}.tutorials-how-number[data-astro-cid-bzdfz3mo]{width:48px;height:48px;font-size:var(--text-lg)}.tutorials-how-icon[data-astro-cid-bzdfz3mo]{width:44px;height:44px}.tutorials-how-icon[data-astro-cid-bzdfz3mo] svg[data-astro-cid-bzdfz3mo]{width:22px;height:22px}}