.skills-page{max-width:1120px;margin:0 auto;padding:4.5rem 2rem 5rem;animation:.5s skillsFadeIn}.skills-visually-hidden-title{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes skillsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.skill-where{color:var(--text-muted,var(--text-secondary));margin-top:.2rem;font-size:.78rem;font-weight:500;line-height:1.35;display:block}.skills-footer a{color:var(--color-primary-dark,var(--color-primary));font-weight:600;text-decoration:none}.skills-footer a:hover{text-decoration:underline}.skills-categories{flex-direction:column;gap:2rem;margin-bottom:3rem;display:flex}@keyframes categoryFadeIn{0%{opacity:0;transform:translateY(20px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.skills-page .skill-category:first-child{animation:.5s 50ms both categoryFadeIn}.skills-page .skill-category:nth-child(2){animation:.5s .12s both categoryFadeIn}.skills-page .skill-category:nth-child(3){animation:.5s .19s both categoryFadeIn}.skills-page .skill-category:nth-child(4){animation:.5s .26s both categoryFadeIn}.skills-page .skill-category:nth-child(5){animation:.5s .33s both categoryFadeIn}.skills-page .skill-category:nth-child(6){animation:.5s .4s both categoryFadeIn}.skills-page .skill-category:nth-child(7){animation:.5s .47s both categoryFadeIn}.skills-page .skill-category:nth-child(8){animation:.5s .54s both categoryFadeIn}.skills-page .skill-category:nth-child(9){animation:.5s .61s both categoryFadeIn}.skills-page .skill-category:nth-child(10){animation:.5s .68s both categoryFadeIn}.skill-category{background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:16px;padding:1.75rem;transition:all .4s cubic-bezier(.4,0,.2,1)}.skill-category:hover{border-color:color-mix(in srgb, var(--category-color) 35%, transparent);background:var(--bg-card)}.category-header{border-bottom:1px solid var(--border-hairline);justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:.75rem;display:flex}.category-title{color:var(--category-color,var(--text-primary));font-size:1.25rem;font-weight:600;transition:color .3s}.category-count{color:var(--text-muted);background:color-mix(in srgb, var(--text-strong) 4%, transparent);border-radius:999px;padding:.25rem .75rem;font-size:.75rem;font-weight:500;transition:all .3s}.skill-category:hover .category-count{background:color-mix(in srgb, var(--category-color) 8%, transparent);color:var(--category-color)}.skills-cards{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.75rem;display:grid}@keyframes skillCardIn{0%{opacity:0;transform:scale(.92)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.skills-page .skill-card{animation:.4s both skillCardIn}.skills-page .skill-card:first-child{animation-delay:20ms}.skills-page .skill-card:nth-child(2){animation-delay:50ms}.skills-page .skill-card:nth-child(3){animation-delay:80ms}.skills-page .skill-card:nth-child(4){animation-delay:.11s}.skills-page .skill-card:nth-child(5){animation-delay:.14s}.skills-page .skill-card:nth-child(6){animation-delay:.17s}.skills-page .skill-card:nth-child(7){animation-delay:.2s}.skills-page .skill-card:nth-child(8){animation-delay:.23s}.skills-page .skill-card:nth-child(9){animation-delay:.26s}.skills-page .skill-card:nth-child(10){animation-delay:.29s}.skill-card{background:var(--bg-card);border:1px solid var(--border-hairline);cursor:default;border-radius:12px;align-items:center;gap:.875rem;padding:.75rem 1rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.skill-card:hover,.skill-card.hovered{background:var(--bg-card);border-color:color-mix(in srgb, var(--category-color) 30%, transparent);transform:translateY(-3px)scale(1.02)}.skill-icon{color:var(--text-strong);background:color-mix(in srgb, var(--text-strong) 3%, transparent);border-radius:8px;justify-content:center;align-items:center;width:38px;min-width:38px;height:38px;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:visible}.skill-icon svg{-o-object-fit:contain;object-fit:contain;flex-shrink:0;width:22px;height:22px;transition:transform .3s;overflow:visible}.skill-card:hover .skill-icon{background:color-mix(in srgb, var(--category-color) 12%, transparent);transform:scale(1.08)}.skill-card:hover .skill-icon svg{transform:scale(1.1)}.skill-info{flex:1;min-width:0}.skill-name{color:var(--text-primary);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.skills-footer{text-align:center;background:var(--bg-card);border:1px solid var(--border-hairline);border-radius:16px;padding:2rem}.skills-footer p{color:var(--text-muted);margin-bottom:1.25rem;font-size:1rem}@media (width<=1200px){.featured-skills{grid-template-columns:repeat(4,1fr)}.skills-cards{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.skills-page{padding:2rem 1.25rem 3rem}.skill-category{padding:1.25rem}.skills-cards{grid-template-columns:1fr}.skill-card{padding:.75rem}.skill-icon{width:36px;min-width:36px;height:36px}.skill-icon svg{width:20px;height:20px}}@media (prefers-reduced-motion:reduce){.featured-card,.featured-card:after,.skill-card,.skill-category,.soft-skill-card,.skill-bar-fill{transition:opacity .2s!important;animation:none!important}.skills-page .skill-bar-fill{width:var(--bar-width,0%);animation:none!important}}