.hero[data-astro-cid-lcdefpme]{padding-top:clamp(24px,4vw,48px);padding-bottom:clamp(48px,6vw,64px);position:relative;overflow:hidden}.hero-gradient[data-astro-cid-lcdefpme]{pointer-events:none;position:absolute;inset:0}.hero-gradient-orb[data-astro-cid-lcdefpme]{border-radius:var(--radius-full);filter:blur(80px);opacity:.12;position:absolute}.hero-gradient-orb-1[data-astro-cid-lcdefpme]{background:radial-gradient(circle, var(--gradient-start), transparent);width:600px;height:600px;animation:20s ease-in-out infinite orb-drift-1;top:-200px;left:-100px}.hero-gradient-orb-2[data-astro-cid-lcdefpme]{background:radial-gradient(circle, var(--gradient-mid-2), transparent);width:500px;height:500px;animation:25s ease-in-out infinite orb-drift-2;top:-100px;right:-50px}.hero-gradient-orb-3[data-astro-cid-lcdefpme]{background:radial-gradient(circle, var(--gradient-end), transparent);opacity:.08;width:400px;height:400px;animation:18s ease-in-out infinite orb-drift-3;bottom:0;left:30%}@keyframes orb-drift-1{0%,to{transform:translate(0)}50%{transform:translate(40px,30px)}}@keyframes orb-drift-2{0%,to{transform:translate(0)}50%{transform:translate(-30px,20px)}}@keyframes orb-drift-3{0%,to{transform:translate(0)}50%{transform:translate(20px,-30px)}}.hero-inner[data-astro-cid-lcdefpme]{grid-template-columns:1fr;align-items:center;gap:clamp(40px,6vw,64px);display:grid}@media (width>=1024px){.hero-inner[data-astro-cid-lcdefpme]{grid-template-columns:1fr 1fr}}.hero-content[data-astro-cid-lcdefpme]{z-index:1;flex-direction:column;gap:clamp(24px,4vw,32px);max-width:620px;display:flex}.hero-headline[data-astro-cid-lcdefpme]{letter-spacing:0;color:var(--color-ink);font-size:clamp(2rem,5vw,3.25rem);font-weight:600;line-height:1.08}.hero-body[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-lg);color:var(--color-body);max-width:480px;line-height:1.6}.hero-cta-row[data-astro-cid-lcdefpme]{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.hero-search-wrap[data-astro-cid-lcdefpme]{gap:var(--spacing-sm);flex-direction:column;max-width:620px;display:flex}.hero-search-form[data-astro-cid-lcdefpme]{width:100%}.hero-search-inner[data-astro-cid-lcdefpme]{align-items:center;display:flex;position:relative}.hero-search-icon[data-astro-cid-lcdefpme]{left:var(--spacing-lg);color:var(--color-muted);pointer-events:none;z-index:1;position:absolute}.input-hero[data-astro-cid-lcdefpme]{padding-left:52px!important}.hero-search-btn[data-astro-cid-lcdefpme]{right:var(--spacing-xs);height:48px;position:absolute;padding:0 var(--spacing-md)!important;border-radius:var(--radius-pill)!important}@media (width<=520px){.hero-badge[data-astro-cid-lcdefpme]{border-radius:var(--radius-lg);align-items:flex-start;width:100%}.hero-cta-row[data-astro-cid-lcdefpme]>a[data-astro-cid-lcdefpme],.hero-search-btn[data-astro-cid-lcdefpme]{width:100%}.hero-search-inner[data-astro-cid-lcdefpme]{gap:var(--spacing-xs);flex-direction:column;align-items:stretch}.hero-search-icon[data-astro-cid-lcdefpme]{top:22px;left:var(--spacing-md)}.input-hero[data-astro-cid-lcdefpme]{height:56px;font-size:var(--font-size-body-md);padding-left:44px!important;padding-right:var(--spacing-md)!important}.hero-search-btn[data-astro-cid-lcdefpme]{height:44px;position:static;border-radius:var(--radius-md)!important}}.hero-search-hints[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-sm);color:var(--color-muted)}.hero-hint-link[data-astro-cid-lcdefpme]{color:var(--color-body);transition:color var(--duration-fast) ease;text-decoration:none}.hero-hint-link[data-astro-cid-lcdefpme]:hover{color:var(--color-accent)}.hero-hint-sep[data-astro-cid-lcdefpme]{color:var(--color-muted);opacity:.6;margin-inline:6px}.hero-visual[data-astro-cid-lcdefpme]{z-index:1;display:none}@media (width>=1024px){.hero-visual[data-astro-cid-lcdefpme]{justify-content:center;display:flex}}.hero-visual-frame[data-astro-cid-lcdefpme]{width:480px;height:480px;position:relative;overflow:visible}@media (width<=1280px){.hero-visual-frame[data-astro-cid-lcdefpme]{width:min(420px,40vw);height:min(420px,40vw)}}.hero-visual-img[data-astro-cid-lcdefpme]{object-fit:contain;border-radius:var(--radius-xl);border:1px solid var(--color-hairline);background:var(--color-canvas-card);width:100%;height:100%}.hero-annotation[data-astro-cid-lcdefpme]{background:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-md);padding:var(--spacing-xs) var(--spacing-sm);box-shadow:var(--shadow-raised);flex-direction:column;gap:2px;animation:4s ease-in-out infinite float;display:flex;position:absolute}.hero-annotation-1[data-astro-cid-lcdefpme]{animation-delay:0s;top:10%;right:min(-60px,-4vw)}.hero-annotation-2[data-astro-cid-lcdefpme]{animation-delay:1.5s;bottom:35%;right:min(-80px,-5vw)}.hero-annotation-3[data-astro-cid-lcdefpme]{animation-delay:.8s;bottom:15%;left:min(-60px,-4vw)}@media (width<=1100px){.hero-annotation[data-astro-cid-lcdefpme]{display:none}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hero-annotation-label[data-astro-cid-lcdefpme]{color:var(--color-accent);font-size:10px}.hero-annotation-value[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-sm);color:var(--color-ink);white-space:nowrap;font-weight:500}.hero-stats-bar[data-astro-cid-lcdefpme]{background:var(--color-canvas-soft);border-top:1px solid var(--color-hairline);padding-block:var(--spacing-lg);margin-top:clamp(32px,5vw,48px)}.hero-stats-inner[data-astro-cid-lcdefpme]{gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width>=768px){.hero-stats-inner[data-astro-cid-lcdefpme]{grid-template-columns:repeat(5,minmax(0,1fr))}}.hero-stat[data-astro-cid-lcdefpme]{text-align:center;flex-direction:column;align-items:center;gap:2px;display:flex}.hero-stat-value[data-astro-cid-lcdefpme]{font-size:var(--font-size-display-sm);color:var(--color-ink);letter-spacing:0;font-weight:600}.hero-stat-label[data-astro-cid-lcdefpme]{font-size:var(--font-size-caption);color:var(--color-muted)}.section-header[data-astro-cid-lcdefpme]{justify-content:space-between;align-items:flex-start;gap:var(--spacing-lg);flex-wrap:wrap;margin-bottom:clamp(24px,4vw,32px);display:flex}.section-header-center[data-astro-cid-lcdefpme]{text-align:center;margin-bottom:var(--spacing-3xl)}.section-title[data-astro-cid-lcdefpme]{font-size:var(--font-size-display-lg);letter-spacing:0;color:var(--color-ink);margin-top:var(--spacing-xs);font-weight:600;line-height:1.1}.section-body[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-lg);color:var(--color-body);margin-top:var(--spacing-sm);max-width:520px;line-height:1.6}@media (width<=640px){.section-header[data-astro-cid-lcdefpme],.section-header-center[data-astro-cid-lcdefpme]{margin-bottom:var(--spacing-lg)}.section-title[data-astro-cid-lcdefpme],.cta-title[data-astro-cid-lcdefpme]{font-size:var(--font-size-display-md)}.section-body[data-astro-cid-lcdefpme],.cta-body[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-md)}}.section-body-center[data-astro-cid-lcdefpme]{max-width:480px;margin-inline:auto}.section-header-link[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-sm);color:var(--color-body);white-space:nowrap;transition:color var(--duration-fast) ease;margin-top:var(--spacing-xs)}.section-header-link[data-astro-cid-lcdefpme]:hover{color:var(--color-accent)}.categories-grid[data-astro-cid-lcdefpme]{grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:clamp(12px,2vw,16px);display:grid}.category-card[data-astro-cid-lcdefpme]{align-items:center;gap:var(--spacing-xs);background:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-lg);text-align:center;height:100%;min-height:132px;transition:all var(--duration-base) var(--ease-out-expo);flex-direction:column;justify-content:center;padding:clamp(16px,3vw,24px);text-decoration:none;display:flex}.category-card[data-astro-cid-lcdefpme]:hover{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent), var(--shadow-raised);transform:translateY(-2px)}.category-card[data-astro-cid-lcdefpme].disabled{opacity:.5;cursor:not-allowed;pointer-events:none;border-color:var(--color-hairline)}.category-icon[data-astro-cid-lcdefpme]{font-size:24px;line-height:1}.category-label[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-sm);color:var(--color-ink);font-weight:500}.category-count[data-astro-cid-lcdefpme]{font-size:var(--font-size-caption);color:var(--color-muted)}.tutorials-grid[data-astro-cid-lcdefpme]{grid-template-columns:repeat(auto-fill,minmax(min(100%,255px),1fr));gap:clamp(16px,2vw,24px);display:grid}.tutorial-card[data-astro-cid-lcdefpme]{flex-direction:column;text-decoration:none;display:flex}.card-thumbnail__img-wrap[data-astro-cid-lcdefpme]{border-radius:var(--radius-lg) var(--radius-lg) 0 0;position:relative;overflow:hidden}.tutorial-card-body[data-astro-cid-lcdefpme]{gap:var(--spacing-xs);flex-direction:column;flex:1;display:flex}.tutorial-card-meta[data-astro-cid-lcdefpme]{justify-content:space-between;align-items:center;gap:var(--spacing-xs);flex-wrap:wrap;display:flex}.tutorial-card-meta-right[data-astro-cid-lcdefpme]{font-size:var(--font-size-caption);color:var(--color-muted);align-items:center;gap:6px;display:flex}.tutorial-card-title[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-md);color:var(--color-ink);letter-spacing:0;font-weight:600;line-height:1.3}.tutorial-card-desc[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-sm);color:var(--color-body);flex:1;line-height:1.5}.tutorial-card-cta[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-sm);color:var(--color-accent);padding-top:var(--spacing-xs);align-items:center;gap:6px;margin-top:auto;display:flex}.ref-filters[data-astro-cid-lcdefpme]{gap:var(--spacing-xs);margin-bottom:var(--spacing-xl);flex-wrap:wrap;display:flex}.references-grid[data-astro-cid-lcdefpme]{margin-bottom:var(--spacing-xl);grid-template-columns:repeat(auto-fill,minmax(min(100%,160px),1fr));gap:clamp(12px,2vw,16px);display:grid}.ref-card[data-astro-cid-lcdefpme]{border-radius:var(--radius-lg);border:1px solid var(--color-hairline);background:var(--color-canvas-card);height:100%;transition:all var(--duration-base) var(--ease-out-expo);text-decoration:none;overflow:hidden}.ref-card[data-astro-cid-lcdefpme]:hover{border-color:var(--color-hairline-strong);box-shadow:var(--shadow-raised);transform:translateY(-2px)}.ref-card[data-astro-cid-lcdefpme]:hover .ref-card-overlay[data-astro-cid-lcdefpme]{opacity:1}.ref-card[data-astro-cid-lcdefpme]:hover .ref-card-img[data-astro-cid-lcdefpme]{transform:scale(1.04)}.ref-card-img-wrap[data-astro-cid-lcdefpme]{aspect-ratio:1;position:relative;overflow:hidden}.ref-card-img[data-astro-cid-lcdefpme]{object-fit:cover;width:100%;height:100%;transition:transform var(--duration-slow) var(--ease-out-expo);background:var(--color-canvas-soft)}.ref-card-overlay[data-astro-cid-lcdefpme]{opacity:0;transition:opacity var(--duration-fast) ease;background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.ref-card-view-btn[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-sm);color:#fff;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-pill);backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #fff3;align-items:center;gap:6px;font-weight:500;display:flex}.ref-card-label[data-astro-cid-lcdefpme]{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-caption);color:var(--color-body);text-align:center;justify-content:center;align-items:center;min-height:44px;display:flex}.ref-cta-row[data-astro-cid-lcdefpme]{justify-content:center;display:flex}.tools-inner[data-astro-cid-lcdefpme]{grid-template-columns:1fr;align-items:center;gap:clamp(40px,6vw,64px);display:grid}@media (width>=1024px){.tools-inner[data-astro-cid-lcdefpme]{grid-template-columns:1fr 1fr}}.tools-content[data-astro-cid-lcdefpme]{gap:var(--spacing-lg);flex-direction:column;display:flex}.tools-list[data-astro-cid-lcdefpme]{gap:var(--spacing-xs);flex-direction:column;display:flex}.tool-item[data-astro-cid-lcdefpme]{align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);color:var(--color-body);transition:all var(--duration-fast) var(--ease-out-expo);border:1px solid #0000;text-decoration:none;display:flex}.tool-item[data-astro-cid-lcdefpme]:hover{background:var(--color-canvas-raised);color:var(--color-ink);border-color:var(--color-hairline)}.tool-item-icon[data-astro-cid-lcdefpme]{background:var(--color-canvas-raised);border-radius:var(--radius-sm);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:20px;display:flex}.tool-item-label[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-sm);flex:1;font-weight:500}.tool-item-arrow[data-astro-cid-lcdefpme]{opacity:0;transition:all var(--duration-fast) var(--ease-out-expo);transform:translate(-4px)}.tool-item[data-astro-cid-lcdefpme]:hover .tool-item-arrow[data-astro-cid-lcdefpme]{opacity:1;transform:translate(0)}.tools-visual[data-astro-cid-lcdefpme]{display:none}@media (width>=1024px){.tools-visual[data-astro-cid-lcdefpme]{justify-content:center;display:flex}}.tools-visual-card[data-astro-cid-lcdefpme]{background:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);box-shadow:var(--shadow-raised);width:min(100%,320px);padding:clamp(24px,3vw,48px)}.tools-visual-timer[data-astro-cid-lcdefpme]{align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex}.timer-ring-wrap[data-astro-cid-lcdefpme]{width:160px;height:160px;position:relative}.timer-ring[data-astro-cid-lcdefpme]{transform:rotate(-90deg)}.timer-display[data-astro-cid-lcdefpme]{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.timer-time[data-astro-cid-lcdefpme]{font-size:var(--font-size-display-md);color:var(--color-ink);letter-spacing:0;font-weight:600;font-family:var(--font-mono)}.timer-label[data-astro-cid-lcdefpme]{font-size:var(--font-size-caption);color:var(--color-muted)}.timer-challenge[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-sm);color:var(--color-body);text-align:center;font-family:var(--font-mono)}.timer-actions[data-astro-cid-lcdefpme]{gap:var(--spacing-xs);display:flex}.features-grid[data-astro-cid-lcdefpme]{gap:var(--spacing-md);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));display:grid}.feature-card[data-astro-cid-lcdefpme]{gap:var(--spacing-md);flex-direction:column;display:flex}.feature-icon[data-astro-cid-lcdefpme]{background:var(--color-accent-soft);width:40px;height:40px;color:var(--color-accent);border-radius:var(--radius-md);flex-shrink:0;justify-content:center;align-items:center;display:flex}.feature-title[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-md);color:var(--color-ink);letter-spacing:0;font-weight:600}.feature-desc[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-sm);color:var(--color-body);line-height:1.6}.cta-band[data-astro-cid-lcdefpme]{text-align:center;padding-block:clamp(48px,8vw,96px);position:relative;overflow:hidden}.cta-band-gradient[data-astro-cid-lcdefpme]{background:radial-gradient(ellipse at center, var(--color-accent-glow) 0%, transparent 70%);pointer-events:none;position:absolute;inset:0}.cta-band-inner[data-astro-cid-lcdefpme]{z-index:1;align-items:center;gap:var(--spacing-lg);flex-direction:column;display:flex;position:relative}.cta-title[data-astro-cid-lcdefpme]{font-size:var(--font-size-display-lg);letter-spacing:0;color:var(--color-ink);max-width:600px;font-weight:600;line-height:1.1}.cta-body[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-lg);color:var(--color-body)}.cta-row[data-astro-cid-lcdefpme]{align-items:center;gap:var(--spacing-sm);flex-wrap:wrap;justify-content:center;display:flex}.faq-inner[data-astro-cid-lcdefpme]{max-width:720px;margin-inline:auto}.faq-list[data-astro-cid-lcdefpme]{gap:var(--spacing-sm);margin-top:var(--spacing-xl);flex-direction:column;display:flex}.faq-item[data-astro-cid-lcdefpme]{border:1px solid var(--color-hairline);border-radius:var(--radius-md);background:var(--color-canvas-card);overflow:hidden}.faq-question[data-astro-cid-lcdefpme]{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);font-size:var(--font-size-body-md);color:var(--color-ink);cursor:pointer;transition:background-color var(--duration-fast) ease;font-weight:500;list-style:none;display:flex}.faq-question[data-astro-cid-lcdefpme]::-webkit-details-marker{display:none}.faq-question[data-astro-cid-lcdefpme]::marker{display:none}.faq-question[data-astro-cid-lcdefpme]:hover{background:var(--color-canvas-raised)}.faq-chevron[data-astro-cid-lcdefpme]{transition:transform var(--duration-fast) var(--ease-out-expo);color:var(--color-muted);flex-shrink:0}.faq-item[data-astro-cid-lcdefpme][open] .faq-chevron[data-astro-cid-lcdefpme]{transform:rotate(180deg)}.faq-answer[data-astro-cid-lcdefpme]{padding:0 var(--spacing-lg) var(--spacing-lg);border-top:1px solid var(--color-hairline)}.faq-answer[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-md);color:var(--color-body);padding-top:var(--spacing-md);line-height:1.7}.seo-article-section[data-astro-cid-lcdefpme]{background:var(--color-canvas-soft);border-top:1px solid var(--color-hairline);border-bottom:1px solid var(--color-hairline)}.seo-article[data-astro-cid-lcdefpme]{gap:var(--spacing-xl);background:var(--color-canvas-card);border:1px solid var(--color-hairline);border-radius:var(--radius-xl);box-shadow:var(--shadow-card);flex-direction:column;padding:clamp(24px,5vw,48px);display:flex}.seo-article-header[data-astro-cid-lcdefpme]{gap:var(--spacing-xs);border-bottom:1px solid var(--color-hairline);padding-bottom:var(--spacing-lg);flex-direction:column;display:flex}.seo-article-title[data-astro-cid-lcdefpme]{color:var(--color-ink);margin-top:4px;font-size:clamp(1.4rem,3.5vw,2.15rem);font-weight:700;line-height:1.25}.seo-article-intro[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-lg);color:var(--color-body);margin-top:var(--spacing-xs);line-height:1.7}.seo-article-body[data-astro-cid-lcdefpme]{gap:var(--spacing-xl);flex-direction:column;display:flex}.seo-block[data-astro-cid-lcdefpme]{gap:var(--spacing-sm);flex-direction:column;display:flex}.seo-block[data-astro-cid-lcdefpme] h3[data-astro-cid-lcdefpme]{color:var(--color-ink);font-size:clamp(1.1rem,2.5vw,1.35rem);font-weight:600;line-height:1.3}.seo-block[data-astro-cid-lcdefpme] p[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-md);color:var(--color-body);line-height:1.75}.seo-block[data-astro-cid-lcdefpme] ul[data-astro-cid-lcdefpme]{gap:var(--spacing-sm);padding-left:var(--spacing-lg);flex-direction:column;list-style-type:disc;display:flex}.seo-block[data-astro-cid-lcdefpme] li[data-astro-cid-lcdefpme]{font-size:var(--font-size-body-md);color:var(--color-body);line-height:1.75}.seo-block[data-astro-cid-lcdefpme] strong[data-astro-cid-lcdefpme]{color:var(--color-ink);font-weight:600}