.container[data-astro-cid-hwtq5dlv]{max-width:1200px;margin:0 auto;padding:0 2rem}.page-header[data-astro-cid-hwtq5dlv]{text-align:center;margin-bottom:3rem}.page-header[data-astro-cid-hwtq5dlv] h1[data-astro-cid-hwtq5dlv]{font-size:2.5rem;margin-bottom:1rem;color:#333}.page-header[data-astro-cid-hwtq5dlv] p[data-astro-cid-hwtq5dlv]{font-size:1.1rem;color:#666;max-width:600px;margin:0 auto}.filters[data-astro-cid-hwtq5dlv]{margin-bottom:2rem}.filter-buttons[data-astro-cid-hwtq5dlv]{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.filter-btn[data-astro-cid-hwtq5dlv]{padding:.5rem 1.5rem;border:2px solid #667eea;background:#fff;color:#667eea;border-radius:25px;cursor:pointer;transition:all .3s ease;font-weight:500}.filter-btn[data-astro-cid-hwtq5dlv]:hover,.filter-btn[data-astro-cid-hwtq5dlv].active{background:#667eea;color:#fff}.tutorials-grid[data-astro-cid-hwtq5dlv]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2rem}.tutorial-card[data-astro-cid-hwtq5dlv]{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 2px 10px #0000000d;transition:transform .3s ease,box-shadow .3s ease}.tutorial-card[data-astro-cid-hwtq5dlv]:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.card-header[data-astro-cid-hwtq5dlv]{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.level-badge[data-astro-cid-hwtq5dlv]{padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:600;color:#fff}.card-header[data-astro-cid-hwtq5dlv] time[data-astro-cid-hwtq5dlv]{font-size:.9rem;color:#888}.tutorial-card[data-astro-cid-hwtq5dlv] h2[data-astro-cid-hwtq5dlv]{font-size:1.5rem;margin-bottom:1rem;color:#333}.tutorial-card[data-astro-cid-hwtq5dlv] p[data-astro-cid-hwtq5dlv]{color:#666;line-height:1.6;margin-bottom:1rem}.tags[data-astro-cid-hwtq5dlv]{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.tag[data-astro-cid-hwtq5dlv]{padding:.25rem .75rem;background:#f0f0f0;border-radius:15px;font-size:.85rem;color:#666}.read-more[data-astro-cid-hwtq5dlv]{color:#667eea;font-weight:600;text-decoration:none;display:inline-block;margin-top:.5rem}.read-more[data-astro-cid-hwtq5dlv]:hover{text-decoration:underline}.empty-state[data-astro-cid-hwtq5dlv]{text-align:center;padding:3rem;color:#666}@media (max-width: 768px){.page-header[data-astro-cid-hwtq5dlv] h1[data-astro-cid-hwtq5dlv]{font-size:2rem}.tutorials-grid[data-astro-cid-hwtq5dlv]{grid-template-columns:1fr}}