.skill-card:where(.astro-u5aykeor){display:flex;flex-direction:column;background:var(--surface-elevated);border:1px solid var(--structural-teal);border-radius:var(--radius-lg);padding:var(--space-5);text-decoration:none;transition:all var(--duration-normal) var(--ease-out-expo);position:relative;overflow:hidden}.skill-card:where(.astro-u5aykeor):before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient-brand);opacity:0;transition:opacity var(--duration-normal) var(--ease-out)}.skill-card:where(.astro-u5aykeor):hover{border-color:var(--qoder-brand-green);box-shadow:var(--shadow-lg),0 0 20px #2adb5c1a;transform:translateY(-4px)}.skill-card:where(.astro-u5aykeor):hover:before{opacity:1}.skill-card-header:where(.astro-u5aykeor){display:flex;justify-content:flex-end;align-items:flex-start;margin-bottom:var(--space-3);min-height:24px}.skill-badges:where(.astro-u5aykeor){display:flex;gap:var(--space-2);flex-wrap:wrap;justify-content:flex-end;align-items:center}.skill-badges:where(.astro-u5aykeor)>:where(.astro-u5aykeor){margin:0!important}.badge:where(.astro-u5aykeor){font-size:.7rem;font-weight:600;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);white-space:nowrap}.badge-official:where(.astro-u5aykeor){background:#2adb5c26;color:var(--qoder-brand-green-dark)}.badge-popular:where(.astro-u5aykeor){background:#f59e0b26;color:#d97706}.badge-featured:where(.astro-u5aykeor){background:#8b5cf626;color:#7c3aed}.skill-card-body:where(.astro-u5aykeor){flex:1;margin-bottom:var(--space-4)}.skill-name:where(.astro-u5aykeor){font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1);letter-spacing:-.01em}.skill-title:where(.astro-u5aykeor){font-size:.9rem;font-weight:500;color:var(--qoder-brand-green-dark);margin:0 0 var(--space-3)}.skill-description:where(.astro-u5aykeor){font-size:.875rem;color:var(--text-secondary);line-height:1.6;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.skill-card-footer:where(.astro-u5aykeor){display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-2);padding-top:var(--space-3);border-top:1px solid var(--structural-teal);opacity:.3}.skill-card-footer:where(.astro-u5aykeor)>:where(.astro-u5aykeor){margin:0!important}.source-tag:where(.astro-u5aykeor){font-size:.75rem;font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full)}.source-anthropic:where(.astro-u5aykeor){background:#3b82f61a;color:#2563eb}.source-vercel:where(.astro-u5aykeor){background:#00000014;color:var(--text-primary)}.source-community:where(.astro-u5aykeor){background:#2adb5c1a;color:var(--qoder-brand-green-dark)}.source-enterprise:where(.astro-u5aykeor){background:#8b5cf61a;color:#7c3aed}.category-tag:where(.astro-u5aykeor){font-size:.75rem;color:var(--structural-teal);display:flex;align-items:center;gap:var(--space-1)}.source-card:where(.astro-pswryq2y){display:flex;align-items:center;gap:var(--space-4);background:var(--surface-elevated);border:1px solid var(--structural-teal);border-radius:var(--radius-lg);padding:var(--space-5);text-decoration:none;transition:all var(--duration-normal) var(--ease-out-expo);position:relative}.source-card:where(.astro-pswryq2y):hover{border-color:var(--qoder-brand-green);box-shadow:var(--shadow-lg);transform:translateY(-4px)}.source-content:where(.astro-pswryq2y){flex:1;min-width:0}.source-name:where(.astro-pswryq2y){font-family:var(--font-display);font-size:1.1rem;font-weight:700;color:var(--text-primary);margin:0 0 var(--space-1)}.source-description:where(.astro-pswryq2y){font-size:.875rem;color:var(--text-secondary);margin:0 0 var(--space-2);line-height:1.5}.source-count:where(.astro-pswryq2y){display:inline-block;font-size:.75rem;font-weight:600;color:var(--qoder-brand-green-dark);background:#2adb5c1a;padding:var(--space-1) var(--space-2);border-radius:var(--radius-full)}.source-arrow:where(.astro-pswryq2y){color:var(--text-tertiary);transition:all var(--duration-normal) var(--ease-out);flex-shrink:0}.source-card:where(.astro-pswryq2y):hover .source-arrow:where(.astro-pswryq2y){color:var(--qoder-brand-green);transform:translate(4px,-4px)}@media(max-width:768px){.source-card:where(.astro-pswryq2y){flex-direction:column;text-align:center;padding:var(--space-6)}.source-arrow:where(.astro-pswryq2y){position:absolute;top:var(--space-3);right:var(--space-3)}}.skill-filter:where(.astro-lvenbmp7){margin-bottom:var(--space-8)}.filter-pills:where(.astro-lvenbmp7){display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--space-2)}.filter-pills:where(.astro-lvenbmp7) button:where(.astro-lvenbmp7).filter-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 16px;margin:0!important;background:var(--surface-elevated, #ffffff);border:1px solid #3F5B54!important;border-radius:9999px;font-family:var(--font-body);font-size:.875rem;font-weight:500;color:#3f5b54;cursor:pointer;transition:all .15s ease-out;white-space:nowrap;line-height:1.2;height:36px;box-sizing:border-box}.filter-pills:where(.astro-lvenbmp7) button:where(.astro-lvenbmp7).filter-pill:hover{border-color:#2adb5c!important;color:var(--text-primary, #1a1a1c);background:var(--hover-bg, #f5f5f5)}.filter-pills:where(.astro-lvenbmp7) button:where(.astro-lvenbmp7).filter-pill.active{background:#2adb5c!important;border-color:#2adb5c!important;color:#fff!important}.filter-pills:where(.astro-lvenbmp7) button:where(.astro-lvenbmp7).filter-pill.active .pill-count:where(.astro-lvenbmp7){background:#ffffff4d;color:#fff}.pill-label:where(.astro-lvenbmp7){font-weight:600}.pill-count:where(.astro-lvenbmp7){display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 4px;background:var(--background-tertiary);color:var(--text-tertiary);font-size:.7rem;font-weight:700;border-radius:var(--radius-full);line-height:1}@media(max-width:768px){.filter-pills:where(.astro-lvenbmp7){justify-content:flex-start;overflow-x:auto;padding-bottom:var(--space-2);-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-pills:where(.astro-lvenbmp7)::-webkit-scrollbar{display:none}.filter-pill:where(.astro-lvenbmp7){flex-shrink:0}}.role-selector:where(.astro-yvmiufr6){background:var(--surface-elevated);border:1px solid var(--structural-teal);border-radius:var(--radius-xl);padding:var(--space-8);margin-bottom:var(--space-12)}.role-pills:where(.astro-yvmiufr6){display:flex;flex-wrap:wrap;justify-content:center;align-items:stretch;gap:var(--space-2);margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--border-subtle)}.role-pills:where(.astro-yvmiufr6) button:where(.astro-yvmiufr6).role-pill{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:6px 12px;margin:0!important;background:transparent;border:1px solid #3F5B54!important;border-radius:8px;font-family:var(--font-body);font-size:.8rem;font-weight:500;color:#3f5b54;cursor:pointer;transition:all .15s ease-out;line-height:1.2;height:32px;box-sizing:border-box}.role-pills:where(.astro-yvmiufr6) button:where(.astro-yvmiufr6).role-pill:hover{border-color:#2adb5c!important;color:var(--text-primary, #1a1a1c);background:var(--hover-bg, #f5f5f5)}.role-pills:where(.astro-yvmiufr6) button:where(.astro-yvmiufr6).role-pill.active{background:#2adb5c!important;border-color:#2adb5c!important;color:#fff!important}.role-content:where(.astro-yvmiufr6){min-height:300px}.role-skills:where(.astro-yvmiufr6){display:none;animation:fadeIn var(--duration-normal) var(--ease-out)}.role-skills:where(.astro-yvmiufr6).active{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.role-header:where(.astro-yvmiufr6){display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4)}.role-header-title:where(.astro-yvmiufr6){font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.role-skills-list:where(.astro-yvmiufr6){display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3);margin-bottom:var(--space-4)}.role-skill-item:where(.astro-yvmiufr6){display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--background-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.role-skill-item:where(.astro-yvmiufr6):hover{border-color:var(--qoder-brand-green);background:var(--hover-bg);transform:translate(4px)}.skill-rank:where(.astro-yvmiufr6){font-family:var(--font-mono);font-size:.875rem;font-weight:700;color:var(--qoder-brand-green);min-width:28px}.skill-info:where(.astro-yvmiufr6){display:flex;flex-direction:column;gap:var(--space-1);min-width:0}.skill-name:where(.astro-yvmiufr6){font-family:var(--font-mono);font-size:.9rem;font-weight:600;color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.skill-desc:where(.astro-yvmiufr6){font-size:.75rem;color:var(--text-tertiary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.no-skills:where(.astro-yvmiufr6){color:var(--text-tertiary);font-style:italic;text-align:center;padding:var(--space-8)}.view-all-link:where(.astro-yvmiufr6){display:inline-flex;align-items:center;gap:var(--space-1);font-size:.875rem;font-weight:600;color:var(--qoder-brand-green);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.view-all-link:where(.astro-yvmiufr6):hover{color:var(--qoder-brand-green-dark)}@media(max-width:768px){.role-selector:where(.astro-yvmiufr6){padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-8)}.role-pills:where(.astro-yvmiufr6){justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:var(--space-4);padding-right:var(--space-8);-webkit-overflow-scrolling:touch;scrollbar-width:none;mask-image:linear-gradient(to right,black 90%,transparent 100%);-webkit-mask-image:linear-gradient(to right,black 90%,transparent 100%)}.role-pills:where(.astro-yvmiufr6)::-webkit-scrollbar{display:none}.role-pill:where(.astro-yvmiufr6){flex-shrink:0}.role-content:where(.astro-yvmiufr6){min-height:200px}.role-header:where(.astro-yvmiufr6){margin-bottom:var(--space-3)}.role-header-title:where(.astro-yvmiufr6){font-size:1rem}.role-skills-list:where(.astro-yvmiufr6){grid-template-columns:1fr;gap:var(--space-2)}.role-skill-item:where(.astro-yvmiufr6){padding:var(--space-3);position:relative;overflow:hidden}.role-skill-item:where(.astro-yvmiufr6):before,.role-skill-item:where(.astro-yvmiufr6):after{display:none!important;content:none!important}.skill-rank:where(.astro-yvmiufr6){font-size:.8rem;min-width:24px}.skill-name:where(.astro-yvmiufr6){font-size:.85rem}.skill-desc:where(.astro-yvmiufr6){font-size:.7rem}.view-all-link:where(.astro-yvmiufr6){font-size:.8rem;padding:var(--space-2) 0}}