.tutorial-grid-card[data-astro-cid-eupglot6]{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;overflow:hidden;transition:all .25s ease;position:relative;display:flex;flex-direction:column;height:100%}.tutorial-grid-card[data-astro-cid-eupglot6]:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 16px 40px #00000026;border-color:var(--color-brand-primary)}.card-link[data-astro-cid-eupglot6]{display:flex;flex-direction:column;height:100%;text-decoration:none;color:inherit}.featured-badge[data-astro-cid-eupglot6]{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-secondary));color:#fff;padding:.375rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.25rem;z-index:10;box-shadow:0 4px 12px #3b82f64d}.featured-icon[data-astro-cid-eupglot6]{width:.75rem;height:.75rem}.card-image[data-astro-cid-eupglot6]{position:relative;aspect-ratio:16/10;overflow:hidden}.card-image[data-astro-cid-eupglot6] img[data-astro-cid-eupglot6]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.tutorial-grid-card[data-astro-cid-eupglot6]:hover .card-image[data-astro-cid-eupglot6] img[data-astro-cid-eupglot6]{transform:scale(1.05)}.image-overlay[data-astro-cid-eupglot6]{position:absolute;inset:0;display:flex;align-items:flex-end;padding:1rem;z-index:1}.category-badge[data-astro-cid-eupglot6]{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;font-size:.75rem;font-weight:600;text-transform:capitalize;color:var(--color-brand-primary);box-shadow:0 2px 8px #0000001a}.category-icon[data-astro-cid-eupglot6]{width:.875rem;height:.875rem}.card-content[data-astro-cid-eupglot6]{padding:1.25rem;display:flex;flex-direction:column;flex:1}.card-title[data-astro-cid-eupglot6]{margin:0 0 .75rem;font-size:1.125rem;font-weight:700;line-height:1.4;color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description[data-astro-cid-eupglot6]{color:var(--color-text-secondary);line-height:1.5;font-size:.875rem;margin:0 0 1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.card-tags[data-astro-cid-eupglot6]{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag[data-astro-cid-eupglot6]{display:inline-flex;align-items:center;padding:.25rem .5rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:6px;font-size:.6875rem;font-weight:500;color:var(--color-text-secondary);transition:all .2s ease}.tag[data-astro-cid-eupglot6]:hover{background:var(--color-brand-primary);color:#fff;border-color:var(--color-brand-primary)}.tag-more[data-astro-cid-eupglot6]{font-size:.6875rem;color:var(--color-text-muted);font-style:italic}.card-footer[data-astro-cid-eupglot6]{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:.75rem;border-top:1px solid var(--color-border-light)}.card-meta[data-astro-cid-eupglot6]{display:flex;align-items:center;gap:.375rem;font-size:.75rem;color:var(--color-text-muted)}.meta-separator[data-astro-cid-eupglot6]{color:var(--color-border-medium)}.meta-date[data-astro-cid-eupglot6]{font-weight:500}.difficulty-badge[data-astro-cid-eupglot6]{padding:.25rem .5rem;border-radius:6px;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border:none}[data-astro-cid-eupglot6][data-theme=dark] .tutorial-grid-card[data-astro-cid-eupglot6]{background:var(--color-bg-secondary)}[data-astro-cid-eupglot6][data-theme=dark] .category-badge[data-astro-cid-eupglot6]{background:#000c;color:#fff}[data-astro-cid-eupglot6][data-theme=dark] .difficulty-badge[data-astro-cid-eupglot6].text-green-600{background-color:#14532d33;--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}[data-astro-cid-eupglot6][data-theme=dark] .difficulty-badge[data-astro-cid-eupglot6].text-orange-600{background-color:#7c2d1233;--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}[data-astro-cid-eupglot6][data-theme=dark] .difficulty-badge[data-astro-cid-eupglot6].text-red-600{background-color:#7f1d1d33;--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}@media (max-width: 767px){.card-content[data-astro-cid-eupglot6]{padding:1rem}.card-title[data-astro-cid-eupglot6]{font-size:1rem;margin-bottom:.5rem}.card-description[data-astro-cid-eupglot6]{font-size:.8125rem;margin-bottom:.75rem}.card-tags[data-astro-cid-eupglot6]{margin-bottom:.75rem}.card-footer[data-astro-cid-eupglot6]{flex-direction:column;align-items:flex-start;gap:.5rem}}.tutorial-list-card[data-astro-cid-wzrsr6eb]{background:var(--color-bg-primary);border:1px solid var(--color-border-light);border-radius:12px;overflow:hidden;transition:all .25s ease;position:relative;min-height:140px;display:flex}.tutorial-list-card[data-astro-cid-wzrsr6eb]:hover{transform:translateY(-2px);box-shadow:0 12px 30px #0000001f;border-color:var(--color-brand-primary)}.card-link[data-astro-cid-wzrsr6eb]{display:flex;width:100%;text-decoration:none;color:inherit}.featured-badge[data-astro-cid-wzrsr6eb]{position:absolute;top:8px;left:8px;background:linear-gradient(135deg,var(--color-brand-primary),var(--color-brand-secondary));color:#fff;padding:.25rem .5rem;border-radius:8px;font-size:.6875rem;font-weight:600;display:flex;align-items:center;gap:.25rem;z-index:10;box-shadow:0 2px 8px #3b82f64d}.featured-icon[data-astro-cid-wzrsr6eb]{width:.625rem;height:.625rem}.card-content[data-astro-cid-wzrsr6eb]{flex:0 0 70%;padding:1rem;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.category-badge[data-astro-cid-wzrsr6eb]{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .5rem;background:var(--color-brand-primary);color:#fff;border-radius:6px;font-size:.6875rem;font-weight:600;text-transform:capitalize;margin-bottom:.5rem;width:-moz-fit-content;width:fit-content}.category-icon[data-astro-cid-wzrsr6eb]{width:.75rem;height:.75rem}.card-title[data-astro-cid-wzrsr6eb]{margin:0 0 .5rem;font-size:1rem;font-weight:700;line-height:1.3;color:var(--color-text-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-description[data-astro-cid-wzrsr6eb]{color:var(--color-text-secondary);line-height:1.4;font-size:.8125rem;margin:0 0 .75rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;flex:1}.card-tags[data-astro-cid-wzrsr6eb]{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.75rem}.tag[data-astro-cid-wzrsr6eb]{display:inline-flex;align-items:center;padding:.1875rem .375rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:4px;font-size:.625rem;font-weight:500;color:var(--color-text-secondary);transition:all .2s ease}.tag-more[data-astro-cid-wzrsr6eb]{font-size:.625rem;color:var(--color-text-muted);font-style:italic}.card-footer[data-astro-cid-wzrsr6eb]{margin-top:auto}.card-meta[data-astro-cid-wzrsr6eb]{display:flex;align-items:center;gap:.375rem;font-size:.6875rem;color:var(--color-text-muted);flex-wrap:wrap}.meta-separator[data-astro-cid-wzrsr6eb]{color:var(--color-border-medium)}.meta-date[data-astro-cid-wzrsr6eb]{font-weight:500}.difficulty-badge[data-astro-cid-wzrsr6eb]{padding:.125rem .375rem;border-radius:4px;font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.025em;border:none}.card-image[data-astro-cid-wzrsr6eb]{position:relative;flex:0 0 30%;overflow:hidden;align-self:stretch}.card-image[data-astro-cid-wzrsr6eb] img[data-astro-cid-wzrsr6eb]{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.tutorial-list-card[data-astro-cid-wzrsr6eb]:hover .card-image[data-astro-cid-wzrsr6eb] img[data-astro-cid-wzrsr6eb]{transform:scale(1.05)}[data-astro-cid-wzrsr6eb][data-theme=dark] .tutorial-list-card[data-astro-cid-wzrsr6eb]{background:var(--color-bg-secondary)}[data-astro-cid-wzrsr6eb][data-theme=dark] .difficulty-badge[data-astro-cid-wzrsr6eb].text-green-600{background-color:#14532d33;--tw-text-opacity: 1;color:rgb(74 222 128 / var(--tw-text-opacity, 1))}[data-astro-cid-wzrsr6eb][data-theme=dark] .difficulty-badge[data-astro-cid-wzrsr6eb].text-orange-600{background-color:#7c2d1233;--tw-text-opacity: 1;color:rgb(251 146 60 / var(--tw-text-opacity, 1))}[data-astro-cid-wzrsr6eb][data-theme=dark] .difficulty-badge[data-astro-cid-wzrsr6eb].text-red-600{background-color:#7f1d1d33;--tw-text-opacity: 1;color:rgb(248 113 113 / var(--tw-text-opacity, 1))}@media (max-width: 480px){.card-content[data-astro-cid-wzrsr6eb]{flex:0 0 65%;padding:.875rem}.card-image[data-astro-cid-wzrsr6eb]{flex:0 0 35%}.card-title[data-astro-cid-wzrsr6eb]{font-size:.9375rem}.card-description[data-astro-cid-wzrsr6eb]{font-size:.78125rem}.card-meta[data-astro-cid-wzrsr6eb]{font-size:.625rem;gap:.25rem}}.tutorials-content[data-astro-cid-hwtq5dlv]{background:var(--color-bg-primary);min-height:100vh}.page-header[data-astro-cid-hwtq5dlv]{padding:1rem 0;margin-bottom:2rem;background:linear-gradient(135deg,var(--color-bg-primary) 0%,var(--color-bg-secondary) 100%);border-bottom:1px solid var(--color-border-light)}.header-container[data-astro-cid-hwtq5dlv]{max-width:1080px;margin:0 auto;padding:0 2rem}.header-content[data-astro-cid-hwtq5dlv]{display:flex;flex-direction:column;gap:.75rem}.page-title[data-astro-cid-hwtq5dlv]{display:flex;align-items:center;gap:.75rem;font-size:2rem;font-weight:700;color:var(--color-text-primary);margin:0}.page-icon[data-astro-cid-hwtq5dlv]{width:2rem;height:2rem;color:var(--color-brand-primary);stroke-width:2}.page-subtitle[data-astro-cid-hwtq5dlv]{font-size:1.125rem;color:var(--color-text-secondary);margin:0;line-height:1.5;max-width:600px}.page-stats[data-astro-cid-hwtq5dlv]{display:flex;align-items:center;gap:1rem;margin-top:.25rem}.stat-item[data-astro-cid-hwtq5dlv]{display:flex;align-items:center;gap:.5rem}.stat-number[data-astro-cid-hwtq5dlv]{font-size:1.125rem;font-weight:700;color:var(--color-brand-primary)}.stat-label[data-astro-cid-hwtq5dlv]{font-size:.875rem;color:var(--color-text-muted)}.stat-separator[data-astro-cid-hwtq5dlv]{color:var(--color-text-muted);font-weight:300}.content-container[data-astro-cid-hwtq5dlv]{max-width:1080px;margin:0 auto;padding:2rem}.tutorials-section[data-astro-cid-hwtq5dlv]{margin-bottom:3rem}.section-header[data-astro-cid-hwtq5dlv]{margin-bottom:2rem}.section-title[data-astro-cid-hwtq5dlv]{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:var(--color-text-primary);margin:0 0 .5rem}.section-icon[data-astro-cid-hwtq5dlv]{width:1.25rem;height:1.25rem;color:var(--color-brand-primary)}.section-description[data-astro-cid-hwtq5dlv]{font-size:1rem;color:var(--color-text-secondary);margin:0}.tutorials-grid[data-astro-cid-hwtq5dlv] .desktop-grid[data-astro-cid-hwtq5dlv]{display:none}.tutorials-grid[data-astro-cid-hwtq5dlv] .mobile-list[data-astro-cid-hwtq5dlv]{display:flex;flex-direction:column;gap:1rem}@media (min-width: 640px){.tutorials-grid[data-astro-cid-hwtq5dlv] .desktop-grid[data-astro-cid-hwtq5dlv]{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem}.tutorials-grid[data-astro-cid-hwtq5dlv] .mobile-list[data-astro-cid-hwtq5dlv]{display:none}}@media (min-width: 768px){.tutorials-grid[data-astro-cid-hwtq5dlv] .desktop-grid[data-astro-cid-hwtq5dlv]{grid-template-columns:repeat(3,1fr)}}.coming-soon-section[data-astro-cid-hwtq5dlv]{text-align:center;padding:2rem;background:var(--color-bg-secondary);border-radius:12px;border:1px dashed var(--color-border-light)}.coming-soon-text[data-astro-cid-hwtq5dlv]{display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:.9375rem;color:var(--color-text-muted);margin:0}.coming-icon[data-astro-cid-hwtq5dlv]{width:1rem;height:1rem}@media (max-width: 768px){.header-container[data-astro-cid-hwtq5dlv]{padding:0 1rem}.page-title[data-astro-cid-hwtq5dlv]{font-size:1.75rem}.page-icon[data-astro-cid-hwtq5dlv]{width:1.75rem;height:1.75rem}.page-subtitle[data-astro-cid-hwtq5dlv]{font-size:1rem}.content-container[data-astro-cid-hwtq5dlv]{padding:1.5rem 1rem}.section-title[data-astro-cid-hwtq5dlv]{font-size:1.25rem}}