.skills-page:where(.astro-xahix5fp){max-width:min(1600px,92vw);margin:0 auto;padding:var(--space-8) var(--space-8) var(--space-16)}footer.astro-3yyafb3n{display:none}.hero-section:where(.astro-xahix5fp){text-align:center;padding:var(--space-12) 0}.hero-badge:where(.astro-xahix5fp){display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#2adb5c1a;border:1px solid rgba(42,219,92,.3);border-radius:var(--radius-full);font-size:.875rem;font-weight:500;color:var(--qoder-brand-green-dark);margin-bottom:var(--space-6)}.hero-title:where(.astro-xahix5fp){font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4rem);font-weight:900;color:var(--text-primary);margin:0 0 var(--space-4);letter-spacing:-.04em;line-height:1.1}.hero-subtitle:where(.astro-xahix5fp){font-size:clamp(1rem,2vw,1.25rem);color:var(--text-secondary);max-width:700px;margin:0 auto var(--space-8);line-height:1.7}.hero-cta:where(.astro-xahix5fp){display:flex;justify-content:center;gap:var(--space-4);flex-wrap:wrap}.section-header:where(.astro-xahix5fp){text-align:center;margin-bottom:var(--space-8)}.section-title:where(.astro-xahix5fp){font-family:var(--font-display);font-size:1.75rem;font-weight:800;color:var(--text-primary);margin:0 0 var(--space-2);letter-spacing:-.02em}.section-subtitle:where(.astro-xahix5fp){font-size:1rem;color:var(--text-tertiary);margin:0}.sources-section:where(.astro-xahix5fp){margin-bottom:var(--space-16)}.sources-grid:where(.astro-xahix5fp){display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4)}.skills-section:where(.astro-xahix5fp){margin-bottom:var(--space-16)}.skills-grid:where(.astro-xahix5fp){display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}.skills-grid:where(.astro-xahix5fp)>div:where(.astro-xahix5fp){display:contents}.role-section:where(.astro-xahix5fp){margin-bottom:var(--space-16)}.howto-section:where(.astro-xahix5fp){margin-bottom:var(--space-16)}.steps-grid:where(.astro-xahix5fp){display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);margin-bottom:var(--space-6)}.step-card:where(.astro-xahix5fp){text-align:center;padding:var(--space-6);margin:0!important;background:var(--surface-elevated);border:1px solid var(--structural-teal);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out)}.step-card:where(.astro-xahix5fp):hover{border-color:var(--qoder-brand-green);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.step-number:where(.astro-xahix5fp){display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;background:var(--qoder-brand-green);color:var(--text-on-brand);font-family:var(--font-display);font-size:1.5rem;font-weight:800;border-radius:var(--radius-full);margin-bottom:var(--space-4)}.step-title:where(.astro-xahix5fp){font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-2)}.step-description:where(.astro-xahix5fp){font-size:.9rem;color:var(--text-secondary);margin:0;line-height:1.6}.step-description:where(.astro-xahix5fp) code:where(.astro-xahix5fp){background:#2adb5c1a;color:var(--qoder-brand-green-dark);padding:.15em .4em;border-radius:var(--radius-xs);font-family:var(--font-mono);font-size:.85em}.path-hint:where(.astro-xahix5fp){font-size:.8em;color:var(--text-muted, #888);margin-left:.3em}.howto-cta:where(.astro-xahix5fp){text-align:center}@media(max-width:1200px){.sources-grid:where(.astro-xahix5fp){grid-template-columns:repeat(2,1fr)}}@media(max-width:1024px){.skills-grid:where(.astro-xahix5fp){grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.skills-page:where(.astro-xahix5fp){padding:var(--space-4) var(--space-4) var(--space-12)}.hero-section:where(.astro-xahix5fp){padding:var(--space-8) 0}.sources-grid:where(.astro-xahix5fp){grid-template-columns:1fr}.skills-grid:where(.astro-xahix5fp){grid-template-columns:1fr}.steps-grid:where(.astro-xahix5fp){grid-template-columns:1fr}.hero-cta:where(.astro-xahix5fp){flex-direction:column;align-items:center}.hero-cta:where(.astro-xahix5fp) .btn:where(.astro-xahix5fp){width:100%;max-width:300px}}