.page-module__NpDq9W__main{color:#fff;background:linear-gradient(#111827,#000);flex-direction:column;align-items:center;min-height:100vh;padding:2rem 1rem;display:flex}@media (min-width:640px){.page-module__NpDq9W__main{padding:3rem 1.5rem}}@media (min-width:1024px){.page-module__NpDq9W__main{padding:4rem 1.5rem}}.page-module__NpDq9W__title{text-align:center;margin-bottom:1.5rem;font-size:1.875rem;font-weight:800}@media (min-width:640px){.page-module__NpDq9W__title{font-size:2.25rem}}@media (min-width:1024px){.page-module__NpDq9W__title{font-size:3rem}}.page-module__NpDq9W__subtitle{color:#d1d5db;text-align:center;max-width:64rem;margin-bottom:2rem;padding:0 1rem;font-size:1rem}@media (min-width:640px){.page-module__NpDq9W__subtitle{margin-bottom:3rem;font-size:1.125rem}}@media (min-width:1024px){.page-module__NpDq9W__subtitle{margin-bottom:3rem;font-size:1.25rem}}.page-module__NpDq9W__categoryFilter{flex-wrap:wrap;justify-content:center;gap:.5rem;margin-bottom:2rem;padding:0 1rem;display:flex}@media (min-width:640px){.page-module__NpDq9W__categoryFilter{gap:1rem;margin-bottom:3rem}}.page-module__NpDq9W__categoryButton{cursor:pointer;border:none;border-radius:9999px;padding:.5rem .75rem;font-size:.875rem;font-weight:600;transition:all .3s}@media (min-width:640px){.page-module__NpDq9W__categoryButton{padding:.75rem 1.5rem;font-size:1rem}}.page-module__NpDq9W__categoryButtonActive{color:#000;background-color:#06b6d4;box-shadow:0 10px 15px -3px rgba(6,182,212,.3)}.page-module__NpDq9W__categoryButtonInactive{color:#d1d5db;background-color:#1f2937}.page-module__NpDq9W__categoryButtonInactive:hover{color:#fff;background-color:#374151}.page-module__NpDq9W__skillsGrid{grid-template-columns:1fr;gap:1rem;width:100%;max-width:80rem;padding:0 1rem;display:grid}@media (min-width:640px){.page-module__NpDq9W__skillsGrid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media (min-width:1024px){.page-module__NpDq9W__skillsGrid{grid-template-columns:repeat(3,1fr);gap:1.5rem}}.page-module__NpDq9W__skillCard{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:rgba(31,41,55,.8);border:1px solid rgba(75,85,99,.5);border-radius:.75rem;padding:1rem;transition:all .3s}@media (min-width:640px){.page-module__NpDq9W__skillCard{padding:1.5rem}}.page-module__NpDq9W__skillCard:hover{background:rgba(55,65,81,.8);border-color:rgba(34,211,238,.3);box-shadow:0 10px 15px -3px rgba(6,182,212,.2)}.page-module__NpDq9W__skillHeader{align-items:center;margin-bottom:.75rem;display:flex}@media (min-width:640px){.page-module__NpDq9W__skillHeader{margin-bottom:1rem}}.page-module__NpDq9W__skillIcon{margin-right:.5rem;font-size:1.5rem}@media (min-width:640px){.page-module__NpDq9W__skillIcon{margin-right:.75rem;font-size:1.875rem}}.page-module__NpDq9W__skillName{font-size:1.125rem;font-weight:700}@media (min-width:640px){.page-module__NpDq9W__skillName{font-size:1.25rem}}.page-module__NpDq9W__progressBarContainer{background-color:#374151;border-radius:9999px;width:100%;height:.5rem;margin-bottom:.75rem}@media (min-width:640px){.page-module__NpDq9W__progressBarContainer{height:.75rem;margin-bottom:.75rem}}.page-module__NpDq9W__progressBar{background:linear-gradient(90deg,#06b6d4,#22d3ee);border-radius:9999px;height:100%;transition:width .3s}.page-module__NpDq9W__skillLevel{color:#9ca3af;text-align:right;font-size:.875rem}