.tutorial-detail[data-astro-cid-svx2rlhr]{background:#f8fafc;padding:40px 0 100px}.tutorial-detail[data-astro-cid-svx2rlhr] .container[data-astro-cid-svx2rlhr]{max-width:860px;margin:0 auto}.back-pill[data-astro-cid-svx2rlhr]{border:1.5px solid var(--border);color:#475569;background:#fff;border-radius:99px;align-items:center;gap:8px;margin-bottom:24px;padding:8px 18px;font-size:.88rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 2px 6px #0000000a}.back-pill[data-astro-cid-svx2rlhr]:hover{color:var(--primary);border-color:var(--primary);background:#eff6ff;transform:translate(-3px)}.header-block[data-astro-cid-svx2rlhr]{width:100%;max-width:100%;margin-bottom:40px}.meta-row[data-astro-cid-svx2rlhr]{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:14px;display:flex}.role-badge[data-astro-cid-svx2rlhr]{text-transform:uppercase;border:1px solid;border-radius:99px;padding:4px 12px;font-size:.75rem;font-weight:800}.read-time[data-astro-cid-svx2rlhr],.level-tag[data-astro-cid-svx2rlhr]{color:#64748b;background:#fff;border:1px solid #e2e8f0;border-radius:99px;padding:4px 10px;font-size:.78rem;font-weight:600}h1[data-astro-cid-svx2rlhr]{color:#0f172a;letter-spacing:-.5px;margin-bottom:14px;font-size:clamp(2rem,3.5vw,2.5rem);font-weight:800;line-height:1.25}.lead[data-astro-cid-svx2rlhr]{color:#475569;font-size:1.12rem;line-height:1.6}.steps-wrapper[data-astro-cid-svx2rlhr]{flex-direction:column;gap:20px;width:100%;max-width:100%;margin-bottom:48px;display:flex}.step-card[data-astro-cid-svx2rlhr]{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;gap:20px;padding:28px;transition:all .2s;display:flex;box-shadow:0 4px 16px #0f172a08}.step-card[data-astro-cid-svx2rlhr]:hover{border-color:#cbd5e1;box-shadow:0 8px 24px #0f172a0f}.step-badge[data-astro-cid-svx2rlhr]{color:#fff;letter-spacing:-.5px;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:1.1rem;font-weight:800;display:flex}.step-content[data-astro-cid-svx2rlhr]{flex:1}.step-content[data-astro-cid-svx2rlhr] h2[data-astro-cid-svx2rlhr]{color:#0f172a;margin-bottom:8px;font-size:1.25rem;font-weight:800}.step-content[data-astro-cid-svx2rlhr] p[data-astro-cid-svx2rlhr]{color:#475569;margin-bottom:14px;font-size:.95rem;line-height:1.6}.step-pro-tip[data-astro-cid-svx2rlhr]{border:1px solid;border-radius:10px;align-items:flex-start;gap:8px;padding:10px 14px;font-size:.85rem;font-weight:600;display:flex}.step-pro-tip[data-astro-cid-svx2rlhr] svg[data-astro-cid-svx2rlhr]{flex-shrink:0;margin-top:2px}.faq-inline-box[data-astro-cid-svx2rlhr]{background:#fff;border:1.5px solid #e2e8f0;border-radius:20px;width:100%;max-width:100%;margin-bottom:48px;padding:32px}.faq-inline-box[data-astro-cid-svx2rlhr] h3[data-astro-cid-svx2rlhr]{color:#0f172a;margin-bottom:20px;font-size:1.3rem;font-weight:800}.faq-item-simple[data-astro-cid-svx2rlhr]{border-bottom:1px solid #f1f5f9;margin-bottom:18px;padding-bottom:18px}.faq-item-simple[data-astro-cid-svx2rlhr]:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}.faq-item-simple[data-astro-cid-svx2rlhr] strong[data-astro-cid-svx2rlhr]{color:#0f172a;margin-bottom:6px;font-size:1rem;display:block}.faq-item-simple[data-astro-cid-svx2rlhr] p[data-astro-cid-svx2rlhr]{color:#475569;margin:0;font-size:.92rem;line-height:1.55}.cta-box[data-astro-cid-svx2rlhr]{color:#fff;border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;width:100%;max-width:100%;padding:36px 40px;display:flex;box-shadow:0 16px 36px #7c3aed33}.cta-text[data-astro-cid-svx2rlhr] h3[data-astro-cid-svx2rlhr]{color:#fff;margin-bottom:6px;font-size:1.4rem;font-weight:800}.cta-text[data-astro-cid-svx2rlhr] p[data-astro-cid-svx2rlhr]{color:#ede9fe;margin:0;font-size:.95rem}.btn-primary-cta[data-astro-cid-svx2rlhr]{background:#fff;border-radius:12px;align-items:center;gap:10px;padding:14px 24px;font-size:.95rem;font-weight:800;text-decoration:none;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #0000001a}.btn-primary-cta[data-astro-cid-svx2rlhr]:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 8px 20px #00000026}@media (width<=768px){.step-card[data-astro-cid-svx2rlhr]{flex-direction:column;gap:14px;padding:20px}.cta-box[data-astro-cid-svx2rlhr]{flex-direction:column;align-items:stretch;padding:28px 20px}.btn-primary-cta[data-astro-cid-svx2rlhr]{justify-content:center}}