.page-ai-skills{background:#09090b;color:#a1a1aa}.page-ai-skills .modern-header{background:#09090b;border-color:#27272a}.page-ai-skills .modern-logo,.page-ai-skills .modern-nav-link{color:#f4f4f5}.page-ai-skills .modern-nav-link:hover,.page-ai-skills .modern-nav-link.active{color:#8b5cf6}.ai-skills-hero{text-align:center;padding:5rem 1rem 4rem;max-width:800px;margin:0 auto}.ai-skills-hero h1{font-size:clamp(2.5rem,6vw,4rem);font-weight:800;color:#f4f4f5;line-height:1.1;margin-bottom:1.5rem;letter-spacing:-.025em}.ai-skills-intro{font-size:1.2rem;color:#a1a1aa;line-height:1.75;margin-bottom:2.5rem;max-width:560px;margin-left:auto;margin-right:auto}.ai-skills-intro a{color:#a78bfa;text-decoration:underline;text-underline-offset:3px}.ai-skills-hero-ctas{display:flex;align-items:center;justify-content:center;gap:.875rem;flex-wrap:wrap}.copy-command{display:inline-flex;align-items:center;gap:.75rem;background:#18181b;border:1px solid #27272a;border-radius:.75rem;padding:.7rem 1rem .7rem 1.25rem;color:#a78bfa;font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.875rem;cursor:pointer;transition:border-color .15s,background .15s;white-space:nowrap}.copy-command:hover{border-color:#7c3aed;background:#1c1c23}.copy-command .copy-label{font-family:inherit;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#71717a;background:#27272a;border-radius:.3rem;padding:.2rem .5rem;transition:color .15s,background .15s;flex-shrink:0}.copy-command.copied .copy-label{color:#4ade80;background:#052e16}.copy-command.copied{border-color:#16a34a}.ai-skills-github-link{display:inline-flex;align-items:center;gap:.5rem;color:#f4f4f5;font-weight:500;font-size:.9rem;text-decoration:none;padding:.7rem 1.25rem;border:1px solid #3f3f46;border-radius:.75rem;transition:border-color .15s,color .15s}.ai-skills-github-link:hover{border-color:#71717a}.ai-skills-before-after{max-width:1060px;margin:0 auto;padding:0 1rem 5rem}.before-after-headline{font-size:clamp(2rem,5vw,3.5rem);font-weight:800;color:#f4f4f5;letter-spacing:-.025em;line-height:1.1;margin-bottom:.375rem}.before-after-kicker{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#52525b;margin-bottom:2.5rem}.before-after-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:1.25rem;align-items:start}@media(max-width:640px){.before-after-grid{grid-template-columns:1fr}}.before-panel,.after-panel{border-radius:.875rem;border:1px solid #27272a;display:flex;flex-direction:column;overflow:hidden;font-family:ui-monospace,Cascadia Code,Menlo,monospace}.before-panel{background:#111113}.after-panel{background:#0e0b18;border-color:#2d1f52}.panel-titlebar{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1rem;border-bottom:1px solid #27272a;background:#18181b}.after-panel .panel-titlebar{background:#130f24;border-color:#2d1f52}.panel-dots{display:flex;gap:.375rem}.panel-dots span{width:.7rem;height:.7rem;border-radius:50%;background:#3f3f46}.after-panel .panel-dots span:nth-child(1){background:#ef4444}.after-panel .panel-dots span:nth-child(2){background:#eab308}.after-panel .panel-dots span:nth-child(3){background:#22c55e}.panel-title-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#52525b}.after-panel .panel-title-label{color:#7c3aed}.panel-body{padding:1.25rem 1.25rem 0;flex:1;display:flex;flex-direction:column;gap:.75rem;font-size:.8rem;line-height:1.65}.panel-line-you,.panel-line-you strong{color:#f4f4f5}.panel-line-ai{color:#52525b}.after-panel .panel-line-ai{color:#a78bfa}.panel-line-ai strong{color:#71717a;display:block;margin-top:.5rem;margin-bottom:.1rem}.after-panel .panel-line-ai strong{color:#c4b5fd}.panel-step-row{display:flex;gap:.375rem}.panel-step-arrow{color:#f97316;flex-shrink:0}.panel-step-text{color:#a78bfa}.panel-list{list-style:none;padding:0;margin:.125rem 0 0;display:flex;flex-direction:column;gap:.2rem}.panel-footer{padding:.75rem 1.25rem;font-size:.7rem;color:#3f3f46;border-top:1px solid #1f1f23;margin-top:1rem}.after-panel .panel-footer{border-color:#1e1535}.ai-skills-grid-section{max-width:1100px;margin:0 auto;padding:0 1rem 5rem}.ai-skills-grid-section>h2{font-size:1.5rem;font-weight:700;color:#f4f4f5;margin-bottom:.5rem}.ai-skills-grid-section>.section-sub{color:#52525b;font-size:.9rem;margin-bottom:2rem}.ai-skills-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem}.skill-card{background:#18181b;border:1px solid #27272a;border-radius:1rem;padding:1.5rem;display:flex;flex-direction:column;gap:.875rem;transition:border-color .15s}.skill-card:hover{border-color:#4c1d95}.skill-card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.skill-card__name{font-size:1.05rem;font-weight:700;color:#f4f4f5;line-height:1.3;margin:0}.skill-card__install{flex-shrink:0;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;padding:.35rem .75rem;background:#7c3aed;color:#fff;border:none;border-radius:.5rem;cursor:pointer;transition:background .15s;font-family:inherit}.skill-card__install:hover{background:#6d28d9}.skill-card__install.copied{background:#16a34a}.skill-card__description{font-size:.85rem;color:#71717a;line-height:1.65;margin:0}.skill-card__prompts{background:#0f0f10;border-radius:.5rem;padding:.875rem 1rem}.skill-card__prompts-label{font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#3f3f46;margin-bottom:.5rem}.skill-card__prompts ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.3rem}.skill-card__prompts ul li{font-size:.78rem;color:#a78bfa;font-family:ui-monospace,Cascadia Code,Menlo,monospace;line-height:1.5}.skill-card__prompts ul li:before{content:"→ ";color:#3f3f46}.skill-card__footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding-top:.875rem;border-top:1px solid #27272a;font-size:.78rem;gap:.5rem}.skill-card__book-link{color:#3f3f46;text-decoration:none;transition:color .15s;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.skill-card__book-link:hover{color:#71717a}.skill-card__github-link{color:#7c3aed;text-decoration:none;font-weight:600;transition:color .15s;display:inline-flex;align-items:center;gap:.25rem;flex-shrink:0}.skill-card__github-link:hover{color:#8b5cf6}.ai-skills-install{max-width:700px;margin:0 auto;padding:0 1rem 6rem}.ai-skills-install>h2{font-size:1.5rem;font-weight:700;color:#f4f4f5;margin-bottom:2rem}.install-steps{display:flex;flex-direction:column;gap:2rem;list-style:none;padding:0;margin:0}.install-step{display:grid;grid-template-columns:2rem 1fr;gap:1rem;align-items:start}.install-step__number{width:2rem;height:2rem;border-radius:50%;background:#27272a;color:#71717a;font-size:.8rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:.125rem}.install-step__body>p{font-size:.9rem;color:#a1a1aa;font-weight:500;margin-bottom:.625rem}.install-step__code{position:relative;background:#0f0f10;border:1px solid #27272a;border-radius:.625rem;overflow:hidden}.install-step__code pre{padding:.875rem 3.5rem .875rem 1.25rem;margin:0;overflow-x:auto}.install-step__code code{font-family:ui-monospace,Cascadia Code,Menlo,monospace;font-size:.85rem;color:#a78bfa}.install-step__copy{position:absolute;top:.5rem;right:.5rem;padding:.3rem .6rem;background:#27272a;border:1px solid #3f3f46;border-radius:.375rem;color:#71717a;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;cursor:pointer;transition:background .15s,color .15s,border-color .15s;font-family:inherit}.install-step__copy:hover{background:#3f3f46;color:#a1a1aa}.install-step__copy.copied{color:#4ade80;border-color:#16a34a;background:#052e16}