.tutorials-hero[data-astro-cid-bzdfz3mo]{background:var(--gradient-primary);color:var(--color-white);padding:var(--spacing-20) 0;position:relative;overflow:hidden}.tutorials-background[data-astro-cid-bzdfz3mo]{position:absolute;inset:0;z-index:0}.tutorials-grid[data-astro-cid-bzdfz3mo]{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:60px 60px;animation:gridMove 30s linear infinite}.tutorials-orbs[data-astro-cid-bzdfz3mo]{position:absolute;inset:0}.tutorials-orb[data-astro-cid-bzdfz3mo]{position:absolute;border-radius:50%;filter:blur(80px);opacity:.2;animation:float 15s ease-in-out infinite}.orb-1[data-astro-cid-bzdfz3mo]{width:400px;height:400px;background:var(--gradient-electric);top:-200px;left:-200px;animation-delay:0s}.orb-2[data-astro-cid-bzdfz3mo]{width:300px;height:300px;background:var(--gradient-neon);bottom:-150px;right:-150px;animation-delay:7s}.tutorials-header[data-astro-cid-bzdfz3mo]{text-align:center;margin-bottom:var(--spacing-12);position:relative;z-index:1}.tutorials-badge[data-astro-cid-bzdfz3mo]{display:inline-flex;align-items:center;gap:var(--spacing-3);background:#ffffff1a;color:var(--color-white);padding:var(--spacing-3) var(--spacing-6);border-radius:var(--radius-full);font-size:.875rem;font-weight:600;margin-bottom:var(--spacing-8);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(20px)}.tutorials-header[data-astro-cid-bzdfz3mo] h1[data-astro-cid-bzdfz3mo]{font-size:clamp(2.5rem,5vw,4rem);margin-bottom:var(--spacing-6);color:var(--color-white);line-height:1.1}.tutorials-subtitle[data-astro-cid-bzdfz3mo]{font-size:1.25rem;color:#ffffffe6;max-width:800px;margin:0 auto;line-height:1.6}.tutorials-stats[data-astro-cid-bzdfz3mo]{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-6);max-width:600px;margin:0 auto;position:relative;z-index:1}.stat-item[data-astro-cid-bzdfz3mo]{text-align:center;padding:var(--spacing-4);background:#ffffff1a;border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(10px)}.stat-number[data-astro-cid-bzdfz3mo]{font-size:1.75rem;font-weight:800;color:var(--color-electric);margin-bottom:var(--spacing-1)}.stat-label[data-astro-cid-bzdfz3mo]{font-size:.75rem;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.tutorials-content[data-astro-cid-bzdfz3mo]{background:var(--color-white);padding:var(--spacing-20) 0}.tutorials-categories[data-astro-cid-bzdfz3mo]{display:flex;flex-direction:column;gap:var(--spacing-16);margin-bottom:var(--spacing-16)}.category-section[data-astro-cid-bzdfz3mo] h2[data-astro-cid-bzdfz3mo]{font-size:2rem;margin-bottom:var(--spacing-3);color:var(--color-gray-900)}.category-section[data-astro-cid-bzdfz3mo] p[data-astro-cid-bzdfz3mo]{color:var(--color-gray-600);margin-bottom:var(--spacing-8);font-size:1.125rem}.tutorials-grid[data-astro-cid-bzdfz3mo]{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--spacing-8)}.tutorial-card[data-astro-cid-bzdfz3mo]{background:var(--color-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-200);overflow:hidden;transition:all .4s var(--ease-out-cubic)}.tutorial-card[data-astro-cid-bzdfz3mo]:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--color-accent)}.tutorial-thumbnail[data-astro-cid-bzdfz3mo]{position:relative;overflow:hidden;height:200px}.tutorial-thumbnail[data-astro-cid-bzdfz3mo] img[data-astro-cid-bzdfz3mo]{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease-out-cubic)}.tutorial-card[data-astro-cid-bzdfz3mo]:hover .tutorial-thumbnail[data-astro-cid-bzdfz3mo] img[data-astro-cid-bzdfz3mo]{transform:scale(1.05)}.play-button[data-astro-cid-bzdfz3mo]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#000c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--color-white);backdrop-filter:blur(10px);transition:all .3s var(--ease-out-cubic)}.tutorial-card[data-astro-cid-bzdfz3mo]:hover .play-button[data-astro-cid-bzdfz3mo]{background:var(--color-accent);transform:translate(-50%,-50%) scale(1.1)}.tutorial-duration[data-astro-cid-bzdfz3mo]{position:absolute;bottom:var(--spacing-2);right:var(--spacing-2);background:#000c;color:var(--color-white);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600}.tutorial-content[data-astro-cid-bzdfz3mo]{padding:var(--spacing-6)}.tutorial-content[data-astro-cid-bzdfz3mo] h3[data-astro-cid-bzdfz3mo]{font-size:1.25rem;margin-bottom:var(--spacing-3);color:var(--color-gray-900)}.tutorial-content[data-astro-cid-bzdfz3mo] p[data-astro-cid-bzdfz3mo]{color:var(--color-gray-600);margin-bottom:var(--spacing-4);line-height:1.6}.tutorial-meta[data-astro-cid-bzdfz3mo]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-4)}.tutorial-level[data-astro-cid-bzdfz3mo]{background:var(--color-accent);color:var(--color-white);padding:var(--spacing-1) var(--spacing-3);border-radius:var(--radius-full);font-size:.75rem;font-weight:600;text-transform:uppercase}.tutorial-views[data-astro-cid-bzdfz3mo]{color:var(--color-gray-500);font-size:.875rem}.tutorial-link[data-astro-cid-bzdfz3mo]{color:var(--color-accent);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:var(--spacing-2)}.tutorial-link[data-astro-cid-bzdfz3mo]:hover{text-decoration:underline}.tutorial-link[data-astro-cid-bzdfz3mo]:after{content:"▶️";transition:transform .3s var(--ease-out-cubic)}.tutorial-link[data-astro-cid-bzdfz3mo]:hover:after{transform:translate(4px)}.tutorials-cta[data-astro-cid-bzdfz3mo]{background:var(--gradient-surface);padding:var(--spacing-12);border-radius:var(--radius-3xl);text-align:center}.cta-content[data-astro-cid-bzdfz3mo] h2[data-astro-cid-bzdfz3mo]{font-size:2rem;margin-bottom:var(--spacing-4);color:var(--color-gray-900)}.cta-content[data-astro-cid-bzdfz3mo] p[data-astro-cid-bzdfz3mo]{font-size:1.125rem;color:var(--color-gray-600);margin-bottom:var(--spacing-8)}.cta-buttons[data-astro-cid-bzdfz3mo]{display:flex;gap:var(--spacing-6);justify-content:center;flex-wrap:wrap}@media (max-width: 1024px){.tutorials-stats[data-astro-cid-bzdfz3mo]{grid-template-columns:1fr;max-width:300px}.tutorials-grid[data-astro-cid-bzdfz3mo]{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.cta-buttons[data-astro-cid-bzdfz3mo]{flex-direction:column;align-items:center}.cta-buttons[data-astro-cid-bzdfz3mo] .btn[data-astro-cid-bzdfz3mo]{width:100%;max-width:300px}}@media (max-width: 768px){.tutorials-hero[data-astro-cid-bzdfz3mo]{padding:var(--spacing-16) 0}.tutorials-grid[data-astro-cid-bzdfz3mo]{grid-template-columns:1fr}.tutorial-content[data-astro-cid-bzdfz3mo]{padding:var(--spacing-5)}.tutorials-content[data-astro-cid-bzdfz3mo]{padding:var(--spacing-12) 0}.tutorials-cta[data-astro-cid-bzdfz3mo]{padding:var(--spacing-8)}}