[data-astro-cid-tb27ngtn],[data-astro-cid-tb27ngtn]:before,[data-astro-cid-tb27ngtn]:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html{height:100%;min-height:unset}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:15px;line-height:1.75;display:flex;flex-direction:column;min-height:100%}main[data-astro-cid-tb27ngtn]{flex:1;width:100%}a[data-astro-cid-tb27ngtn]{color:inherit;text-decoration:none}ul[data-astro-cid-tb27ngtn]{list-style:none}.reveal[data-astro-cid-tb27ngtn]{opacity:1;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.reveal[data-astro-cid-tb27ngtn].visible{opacity:1;transform:none}.page-hero[data-astro-cid-tb27ngtn]{padding:52px 24px 44px;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:relative;overflow:hidden}.page-hero[data-astro-cid-tb27ngtn]:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 80% 50%,rgba(0,168,232,.06) 0%,transparent 55%),radial-gradient(circle at 15% 60%,rgba(1,73,172,.045) 0%,transparent 50%);pointer-events:none}.page-hero-inner[data-astro-cid-tb27ngtn]{max-width:980px;margin:0 auto;position:relative;z-index:1;display:flex;flex-direction:column;gap:6px}.page-hero-eyebrow[data-astro-cid-tb27ngtn]{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);animation:fadeUp .45s ease both}.eyebrow-dot[data-astro-cid-tb27ngtn]{width:6px;height:6px;border-radius:50%;background:var(--color-secondary);flex-shrink:0}.page-hero[data-astro-cid-tb27ngtn] h1[data-astro-cid-tb27ngtn]{font-family:var(--font-display);font-size:clamp(28px,4vw,42px);font-weight:900;color:var(--color-text);line-height:1.1;animation:fadeUp .45s .07s ease both}.page-hero[data-astro-cid-tb27ngtn] h1[data-astro-cid-tb27ngtn] .accent[data-astro-cid-tb27ngtn]{color:var(--color-primary);font-style:italic;font-weight:300}.page-hero-sub[data-astro-cid-tb27ngtn]{font-size:15px;color:var(--color-text-muted);max-width:460px;line-height:1.7;animation:fadeUp .45s .13s ease both;margin-top:4px}.filter-bar-wrap[data-astro-cid-tb27ngtn]{background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:0 24px;position:sticky;top:53px;z-index:100}.filter-bar[data-astro-cid-tb27ngtn]{max-width:980px;margin:0 auto;display:flex;align-items:center;gap:6px;overflow-x:auto;padding:10px 0;scrollbar-width:none}.filter-bar[data-astro-cid-tb27ngtn]::-webkit-scrollbar{display:none}.filter-btn[data-astro-cid-tb27ngtn]{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:999px;font-family:var(--font-body);font-size:12.5px;font-weight:600;white-space:nowrap;cursor:pointer;text-decoration:none;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);transition:border-color .15s,color .15s,background .15s;flex-shrink:0}.filter-btn[data-astro-cid-tb27ngtn]:hover{border-color:var(--color-primary);color:var(--color-primary)}.filter-btn[data-astro-cid-tb27ngtn].active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.filter-count[data-astro-cid-tb27ngtn]{font-size:10px;font-weight:700;background:#ffffff38;border-radius:999px;padding:1px 6px;line-height:1.5}.filter-btn[data-astro-cid-tb27ngtn]:not(.active) .filter-count[data-astro-cid-tb27ngtn]{background:var(--color-bg);color:var(--color-text-faint)}.content-section[data-astro-cid-tb27ngtn]{max-width:980px;margin:0 auto;padding:48px 24px 52px}.results-meta[data-astro-cid-tb27ngtn]{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px;flex-wrap:wrap}.results-count[data-astro-cid-tb27ngtn]{font-size:13px;color:var(--color-text-faint)}.results-count[data-astro-cid-tb27ngtn] strong[data-astro-cid-tb27ngtn]{color:var(--color-text);font-weight:600}.sort-label[data-astro-cid-tb27ngtn]{font-size:12.5px;color:var(--color-text-faint)}.tutorials-grid[data-astro-cid-tb27ngtn]{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tutorial-card[data-astro-cid-tb27ngtn]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;padding:22px 20px;display:flex;flex-direction:column;gap:10px;transition:border-color .18s,box-shadow .18s,transform .18s;text-decoration:none;color:inherit;position:relative;overflow:hidden}.tutorial-card[data-astro-cid-tb27ngtn]:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--color-primary);opacity:0;transition:opacity .18s}.tutorial-card[data-astro-cid-tb27ngtn]:hover:before{opacity:1}.tutorial-card[data-astro-cid-tb27ngtn]:hover{border-color:var(--color-primary);box-shadow:0 4px 18px #0149ac14;transform:translateY(-2px);color:inherit}.tutorial-category[data-astro-cid-tb27ngtn]{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--color-primary);background:#0149ac12;border-radius:4px;padding:2px 8px;align-self:flex-start}.tutorial-title[data-astro-cid-tb27ngtn]{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--color-text);line-height:1.35;flex:1}.tutorial-footer[data-astro-cid-tb27ngtn]{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.tutorial-date[data-astro-cid-tb27ngtn]{font-size:11.5px;color:var(--color-text-faint)}.tutorial-arrow[data-astro-cid-tb27ngtn]{font-size:13px;color:var(--color-text-faint);transition:color .15s,transform .15s}.tutorial-card[data-astro-cid-tb27ngtn]:hover .tutorial-arrow[data-astro-cid-tb27ngtn]{color:var(--color-primary);transform:translate(3px)}.tutorials-empty[data-astro-cid-tb27ngtn]{grid-column:1 / -1;text-align:center;padding:64px 24px;border:1.5px dashed var(--color-border);border-radius:10px}.tutorials-empty-icon[data-astro-cid-tb27ngtn]{font-size:36px;margin-bottom:14px}.tutorials-empty[data-astro-cid-tb27ngtn] h3[data-astro-cid-tb27ngtn]{font-family:var(--font-display);font-size:17px;font-weight:700;color:var(--color-text);margin-bottom:6px}.tutorials-empty[data-astro-cid-tb27ngtn] p[data-astro-cid-tb27ngtn]{font-size:13.5px;color:var(--color-text-faint)}.pagination[data-astro-cid-tb27ngtn]{display:flex;align-items:center;justify-content:center;gap:6px;margin-top:52px;flex-wrap:wrap}.page-btn[data-astro-cid-tb27ngtn]{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border-radius:7px;border:1.5px solid var(--color-border);background:var(--color-surface);color:var(--color-text-muted);font-family:var(--font-body);font-size:13px;font-weight:600;cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s,background .15s}.page-btn[data-astro-cid-tb27ngtn]:hover{border-color:var(--color-primary);color:var(--color-primary)}.page-btn[data-astro-cid-tb27ngtn].active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.page-btn[data-astro-cid-tb27ngtn].disabled{opacity:.38;pointer-events:none;cursor:default}.page-ellipsis[data-astro-cid-tb27ngtn]{font-size:13px;color:var(--color-text-faint);padding:0 4px}@keyframes fadeUp{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@media(max-width:860px){.tutorials-grid[data-astro-cid-tb27ngtn]{grid-template-columns:repeat(2,1fr)}}@media(max-width:540px){.tutorials-grid[data-astro-cid-tb27ngtn]{grid-template-columns:1fr}.page-hero[data-astro-cid-tb27ngtn]{padding:90px 16px 32px}.content-section[data-astro-cid-tb27ngtn]{padding:32px 16px 40px}.filter-bar-wrap[data-astro-cid-tb27ngtn]{padding:0 16px}}