.tutorial-hero[data-astro-cid-bmwp3tmi]{background:linear-gradient(135deg,#eff6ff,#fff 60%,#fff);padding:var(--space-20) 0;text-align:center}@media(min-width:1024px){.tutorial-hero[data-astro-cid-bmwp3tmi]{padding:7rem 0}}.tutorial-hero-inner[data-astro-cid-bmwp3tmi]{max-width:var(--max-width);margin:0 auto;padding:0 var(--space-4)}@media(min-width:640px){.tutorial-hero-inner[data-astro-cid-bmwp3tmi]{padding:0 var(--space-6)}}@media(min-width:1024px){.tutorial-hero-inner[data-astro-cid-bmwp3tmi]{padding:0 var(--space-8)}}.tutorial-hero[data-astro-cid-bmwp3tmi] h1[data-astro-cid-bmwp3tmi]{font-size:var(--font-size-4xl);font-weight:800;line-height:1.1;letter-spacing:-.02em;color:var(--color-text)}@media(min-width:640px){.tutorial-hero[data-astro-cid-bmwp3tmi] h1[data-astro-cid-bmwp3tmi]{font-size:var(--font-size-5xl)}}.tutorial-hero[data-astro-cid-bmwp3tmi] h1[data-astro-cid-bmwp3tmi] .accent[data-astro-cid-bmwp3tmi]{color:var(--color-primary)}.tutorial-hero[data-astro-cid-bmwp3tmi] p[data-astro-cid-bmwp3tmi]{margin-top:var(--space-6);font-size:var(--font-size-lg);color:var(--color-text-muted);max-width:42rem;margin-left:auto;margin-right:auto}.tutorial-grid[data-astro-cid-bmwp3tmi]{max-width:var(--max-width);margin:0 auto;padding:var(--space-16) var(--space-4) var(--space-20);display:grid;gap:var(--space-8);grid-template-columns:1fr}@media(min-width:640px){.tutorial-grid[data-astro-cid-bmwp3tmi]{grid-template-columns:repeat(2,1fr);padding:var(--space-16) var(--space-6) var(--space-20)}}@media(min-width:1024px){.tutorial-grid[data-astro-cid-bmwp3tmi]{grid-template-columns:repeat(3,1fr);padding:var(--space-16) var(--space-8) var(--space-20)}}.tutorial-card[data-astro-cid-bmwp3tmi]{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--border-radius-lg);padding:var(--space-8);display:flex;flex-direction:column;gap:var(--space-4);transition:box-shadow var(--transition),transform var(--transition);will-change:transform,opacity}.tutorial-card[data-astro-cid-bmwp3tmi]:hover{box-shadow:0 8px 30px #00000014;transform:translateY(-2px)}.tutorial-card[data-astro-cid-bmwp3tmi] .card-number[data-astro-cid-bmwp3tmi]{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:700}.tutorial-card[data-astro-cid-bmwp3tmi] h2[data-astro-cid-bmwp3tmi]{font-size:var(--font-size-xl);font-weight:700;color:var(--color-text);line-height:1.3}.tutorial-card[data-astro-cid-bmwp3tmi] p[data-astro-cid-bmwp3tmi]{font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.6;flex:1}.tutorial-card[data-astro-cid-bmwp3tmi] .card-link[data-astro-cid-bmwp3tmi]{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);display:inline-flex;align-items:center;gap:var(--space-1);transition:gap var(--transition)}.tutorial-card[data-astro-cid-bmwp3tmi]:hover .card-link[data-astro-cid-bmwp3tmi]{gap:var(--space-2)}.tutorial-article-hero[data-astro-cid-bmwp3tmi]{background:linear-gradient(135deg,#eff6ff,#fff 60%,#fff);padding:var(--space-20) 0 var(--space-12);text-align:center}@media(min-width:1024px){.tutorial-article-hero[data-astro-cid-bmwp3tmi]{padding:7rem 0 var(--space-16)}}.tutorial-article-hero-inner[data-astro-cid-bmwp3tmi]{max-width:48rem;margin:0 auto;padding:0 var(--space-4)}@media(min-width:640px){.tutorial-article-hero-inner[data-astro-cid-bmwp3tmi]{padding:0 var(--space-6)}}@media(min-width:1024px){.tutorial-article-hero-inner[data-astro-cid-bmwp3tmi]{padding:0 var(--space-8)}}.tutorial-article-hero[data-astro-cid-bmwp3tmi] .tutorial-label[data-astro-cid-bmwp3tmi]{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-primary);margin-bottom:var(--space-4)}.tutorial-article-hero[data-astro-cid-bmwp3tmi] h1[data-astro-cid-bmwp3tmi]{font-size:var(--font-size-3xl);font-weight:800;line-height:1.15;letter-spacing:-.02em;color:var(--color-text)}@media(min-width:640px){.tutorial-article-hero[data-astro-cid-bmwp3tmi] h1[data-astro-cid-bmwp3tmi]{font-size:var(--font-size-4xl)}}.tutorial-article-hero[data-astro-cid-bmwp3tmi] .tutorial-meta[data-astro-cid-bmwp3tmi]{margin-top:var(--space-6);font-size:var(--font-size-sm);color:var(--color-text-muted)}.tutorial-body[data-astro-cid-bmwp3tmi]{max-width:48rem;margin:0 auto;padding:var(--space-12) var(--space-4) var(--space-20)}@media(min-width:640px){.tutorial-body[data-astro-cid-bmwp3tmi]{padding:var(--space-12) var(--space-6) var(--space-20)}}@media(min-width:1024px){.tutorial-body[data-astro-cid-bmwp3tmi]{padding:var(--space-16) var(--space-8) var(--space-24)}}.tutorial-body[data-astro-cid-bmwp3tmi] h2[data-astro-cid-bmwp3tmi]{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-text);margin-top:var(--space-12);margin-bottom:var(--space-4)}.tutorial-body[data-astro-cid-bmwp3tmi] h3[data-astro-cid-bmwp3tmi]{font-size:var(--font-size-xl);font-weight:600;color:var(--color-text);margin-top:var(--space-8);margin-bottom:var(--space-3)}.tutorial-body[data-astro-cid-bmwp3tmi] p[data-astro-cid-bmwp3tmi]{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:1.8;margin-bottom:var(--space-6)}.tutorial-body[data-astro-cid-bmwp3tmi] ul[data-astro-cid-bmwp3tmi],.tutorial-body[data-astro-cid-bmwp3tmi] ol[data-astro-cid-bmwp3tmi]{padding-left:var(--space-6);margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.tutorial-body[data-astro-cid-bmwp3tmi] ul[data-astro-cid-bmwp3tmi]{list-style:disc}.tutorial-body[data-astro-cid-bmwp3tmi] ol[data-astro-cid-bmwp3tmi]{list-style:decimal}.tutorial-body[data-astro-cid-bmwp3tmi] li[data-astro-cid-bmwp3tmi]{font-size:var(--font-size-lg);color:var(--color-text-muted);line-height:1.7}.tutorial-body[data-astro-cid-bmwp3tmi] strong[data-astro-cid-bmwp3tmi]{color:var(--color-text);font-weight:600}.tutorial-step[data-astro-cid-bmwp3tmi]{margin-top:var(--space-10);padding-left:var(--space-8);position:relative}.tutorial-step[data-astro-cid-bmwp3tmi]:before{content:attr(data-step);position:absolute;left:0;top:0;width:1.75rem;height:1.75rem;border-radius:50%;background:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:700;display:flex;align-items:center;justify-content:center}.tutorial-step[data-astro-cid-bmwp3tmi] h3[data-astro-cid-bmwp3tmi]{margin-top:0}.tip-box[data-astro-cid-bmwp3tmi]{background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--border-radius);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0}.tip-box[data-astro-cid-bmwp3tmi] p[data-astro-cid-bmwp3tmi]{margin-bottom:0;font-size:var(--font-size-base);color:var(--color-text)}.tip-box[data-astro-cid-bmwp3tmi] strong[data-astro-cid-bmwp3tmi]{color:var(--color-primary)}.tutorial-back[data-astro-cid-bmwp3tmi]{max-width:48rem;margin:0 auto;padding:var(--space-8) var(--space-4) 0}@media(min-width:640px){.tutorial-back[data-astro-cid-bmwp3tmi]{padding:var(--space-8) var(--space-6) 0}}@media(min-width:1024px){.tutorial-back[data-astro-cid-bmwp3tmi]{padding:var(--space-8) var(--space-8) 0}}.tutorial-back[data-astro-cid-bmwp3tmi] a[data-astro-cid-bmwp3tmi]{font-size:var(--font-size-sm);font-weight:500;color:var(--color-primary);display:inline-flex;align-items:center;gap:var(--space-2);transition:gap var(--transition)}.tutorial-back[data-astro-cid-bmwp3tmi] a[data-astro-cid-bmwp3tmi]:hover{gap:var(--space-3)}.tutorial-hero[data-astro-cid-bmwp3tmi],.tutorial-grid[data-astro-cid-bmwp3tmi],.tutorial-article-hero[data-astro-cid-bmwp3tmi],.tutorial-body[data-astro-cid-bmwp3tmi]{will-change:transform,opacity}