.tech-stack-page{min-height:100vh;padding:5rem 0 3rem}.tech-stack-header{text-align:center;margin-bottom:2.5rem}.tech-stack-header .section-subtitle{color:var(--text-light);max-width:600px;margin:0 auto;font-size:1rem}.tech-stack-categories{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.tech-stack-category-card{background:var(--white);border:1px solid var(--border);padding:2rem;transition:all .3s}.tech-stack-category-card:hover{border-color:var(--black);box-shadow:0 4px 12px var(--shadow)}.tech-stack-category-header{border-bottom:1px solid var(--border);align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;display:flex}.tech-stack-category-icon{color:#10b981;font-size:1.2rem}.tech-stack-category-header h2{text-transform:uppercase;letter-spacing:.05em;color:var(--black);margin:0;font-family:Syne,sans-serif;font-size:1rem;font-weight:700}.tech-stack-list{flex-wrap:wrap;gap:.75rem;display:flex}.tech-stack-item{border:1px solid var(--border);background:var(--background);align-items:center;gap:.5rem;padding:.5rem .85rem;transition:all .3s;display:flex}.tech-stack-item:hover{border-color:var(--black);transform:translateY(-2px)}.tech-stack-item-icon{object-fit:contain;flex-shrink:0;width:20px;height:20px}.tech-stack-item-name{color:var(--text);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap;font-family:Syne,sans-serif;font-size:.78rem;font-weight:600}[data-theme=dark] .tech-stack-item-icon[src*=github],[data-theme=dark] .tech-stack-item-icon[src*=nextjs],[data-theme=dark] .tech-stack-item-icon[src*=express],[data-theme=dark] .tech-stack-item-icon[src*=vercel]{filter:invert()}@media (max-width:1200px){.tech-stack-categories{grid-template-columns:repeat(2,1fr)}}@media (max-width:968px){.tech-stack-header h1.section-title{font-size:1.5rem!important}.tech-stack-page{padding:3rem 0 2rem}.tech-stack-categories{grid-template-columns:1fr}.tech-stack-header{margin-bottom:2.5rem}}@media (max-width:768px){.tech-stack-header h1.section-title{font-size:1.5rem!important}.tech-stack-page{padding:2rem 0 2.5rem}.tech-stack-category-card{margin:0 .5rem;padding:1.5rem}.tech-stack-categories{gap:1.5rem}.section-subtitle{font-size:.9rem!important}}@media (max-width:480px){.tech-stack-header h1.section-title{font-size:1.5rem!important}.tech-stack-category-card{padding:1.25rem}.tech-stack-item-name{font-size:.75rem}}
