.tutorial-hub[data-astro-cid-t5yrybar]{margin-top:var(--sp-8)}.hub-filters[data-astro-cid-t5yrybar]{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-bottom:var(--sp-8);flex-wrap:wrap}.role-tabs[data-astro-cid-t5yrybar]{display:flex;gap:var(--sp-2);flex-wrap:wrap}.role-tab[data-astro-cid-t5yrybar]{display:inline-flex;align-items:center;gap:var(--sp-2);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);font-family:inherit;font-size:var(--fs-sm);font-weight:500;cursor:pointer;transition:all var(--transition-fast);min-height:40px}.role-tab[data-astro-cid-t5yrybar]:hover{border-color:var(--accent-blue);color:var(--text-primary);background:var(--bg-glass)}.role-tab[data-astro-cid-t5yrybar].active{background:linear-gradient(135deg,#3b82f626,#8b5cf626);border-color:var(--accent-blue);color:var(--text-primary);font-weight:600}.role-tab-icon[data-astro-cid-t5yrybar]{font-size:1.1rem}.level-select[data-astro-cid-t5yrybar]{padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--bg-secondary);color:var(--text-primary);font-family:inherit;font-size:var(--fs-sm);cursor:pointer;min-height:40px;appearance:none;padding-right:var(--sp-8);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%239ca3af' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.level-select[data-astro-cid-t5yrybar]:focus{outline:none;border-color:var(--accent-blue);box-shadow:0 0 0 2px #3b82f633}.hub-grid[data-astro-cid-t5yrybar]{display:grid;grid-template-columns:1fr;gap:var(--sp-6)}@media(min-width:640px){.hub-grid[data-astro-cid-t5yrybar]{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.hub-grid[data-astro-cid-t5yrybar]{grid-template-columns:repeat(3,1fr)}}.tutorial-card[data-astro-cid-t5yrybar]{display:flex;flex-direction:column;padding:var(--sp-6);background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);backdrop-filter:blur(12px);text-decoration:none;color:var(--text-primary);transition:all var(--transition-base);position:relative;overflow:hidden}.tutorial-card[data-astro-cid-t5yrybar]:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-blue),var(--accent-violet));opacity:0;transition:opacity var(--transition-base)}.tutorial-card[data-astro-cid-t5yrybar]:hover{border-color:var(--accent-blue);transform:translateY(-4px);box-shadow:var(--shadow-glow-blue)}.tutorial-card[data-astro-cid-t5yrybar]:hover:before{opacity:1}.tutorial-card[data-astro-cid-t5yrybar].hidden{display:none}.tutorial-card-header[data-astro-cid-t5yrybar]{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-3)}.tutorial-role-badge[data-astro-cid-t5yrybar]{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600;background:color-mix(in srgb,var(--role-color) 15%,transparent);color:var(--role-color);border:1px solid color-mix(in srgb,var(--role-color) 30%,transparent)}.tutorial-level-badge[data-astro-cid-t5yrybar]{padding:var(--sp-1) var(--sp-2);border-radius:var(--radius-sm);font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.level-basic[data-astro-cid-t5yrybar]{background:#22c55e1f;color:#22c55e}.level-intermediate[data-astro-cid-t5yrybar]{background:#eab3081f;color:#eab308}.level-advanced[data-astro-cid-t5yrybar]{background:#ef44441f;color:#ef4444}.tutorial-card-title[data-astro-cid-t5yrybar]{font-size:var(--fs-lg);font-weight:600;margin-bottom:var(--sp-2);line-height:1.4}.tutorial-card-summary[data-astro-cid-t5yrybar]{font-size:var(--fs-sm);color:var(--text-secondary);line-height:1.6;flex:1;margin-bottom:var(--sp-4)}.tutorial-card-meta[data-astro-cid-t5yrybar]{display:flex;align-items:center;gap:var(--sp-3);font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:var(--sp-3)}.tutorial-version[data-astro-cid-t5yrybar]{background:var(--bg-glass);padding:2px 6px;border-radius:var(--radius-sm)}.tutorial-card-progress[data-astro-cid-t5yrybar]{margin-top:auto}.progress-badge[data-astro-cid-t5yrybar]{display:inline-flex;align-items:center;gap:var(--sp-1);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);font-size:var(--fs-xs);font-weight:600}.progress-badge[data-astro-cid-t5yrybar].not-started{background:var(--bg-glass);color:var(--text-muted)}.progress-badge[data-astro-cid-t5yrybar].in-progress{background:#3b82f61f;color:#3b82f6}.progress-badge[data-astro-cid-t5yrybar].completed{background:#22c55e1f;color:#22c55e}.hub-empty[data-astro-cid-t5yrybar]{text-align:center;padding:var(--sp-16) 0;color:var(--text-muted)}.hub-empty-icon[data-astro-cid-t5yrybar]{font-size:3rem;display:block;margin-bottom:var(--sp-4)}.hub-hero[data-astro-cid-s6rujw3s]{text-align:center;margin-bottom:var(--sp-10);padding-bottom:var(--sp-8);border-bottom:1px solid var(--border-subtle)}.hub-badge[data-astro-cid-s6rujw3s]{background:var(--bg-glass);color:var(--accent-cyan);margin-bottom:var(--sp-6)}.hub-title[data-astro-cid-s6rujw3s]{font-size:var(--fs-3xl);margin-bottom:var(--sp-4);letter-spacing:-.02em}@media(min-width:768px){.hub-title[data-astro-cid-s6rujw3s]{font-size:var(--fs-4xl)}}.hub-desc[data-astro-cid-s6rujw3s]{color:var(--text-secondary);font-size:var(--fs-lg);max-width:600px;margin:0 auto;line-height:1.7}.hub-supplementary-note[data-astro-cid-s6rujw3s]{margin-top:var(--sp-4);font-size:var(--fs-sm);color:var(--text-muted);background:var(--bg-glass);padding:var(--sp-2) var(--sp-4);border-radius:var(--radius-sm);display:inline-block}.hub-supplementary-note[data-astro-cid-s6rujw3s] a[data-astro-cid-s6rujw3s]{color:var(--accent-blue);text-decoration:none;font-weight:600}.hub-supplementary-note[data-astro-cid-s6rujw3s] a[data-astro-cid-s6rujw3s]:hover{text-decoration:underline}