.tech-stack-page{background-color:#0000;min-height:100vh}.tech-stack-main-content{max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding:5rem 1rem}@media (min-width:640px){.tech-stack-main-content{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.tech-stack-main-content{padding-left:2rem;padding-right:2rem}}.tech-stack-categories-container{flex-direction:column;gap:4rem;display:flex}.tech-stack-category-header{align-items:center;margin-bottom:2rem;display:flex}.tech-stack-category-icon{background:radial-gradient(circle,var(--interactive-hover)0%,var(--interactive-blue)100%);color:#fff;border-radius:9999px;margin-right:1rem;padding:1rem;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -2px #0000001a,inset 0 2px 4px #fff3}.tech-stack-category-header:hover .tech-stack-category-icon{transform:scale(1.1);box-shadow:0 10px 20px -5px #4f46e54d,0 0 15px #4f46e566,inset 0 2px 4px #fff3}.tech-stack-category-header h2{color:var(--primary-text);margin:0;font-size:1.875rem;font-weight:700}.tech-stack-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.tech-stack-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width:1024px){.tech-stack-grid{grid-template-columns:repeat(3,1fr)}}.tech-stack-card{background-color:var(--primary-background);border:1px solid var(--border-color);border-left:4px solid #0000;border-radius:.75rem;flex-direction:column;min-height:160px;padding:1.5rem;transition:all .3s;display:flex;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -2px #0000000d}.tech-stack-card:hover{border-left-color:var(--interactive-blue);border-color:var(--interactive-blue);transform:translateY(-.25rem);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.tech-stack-card-header{align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.tech-stack-item-icon{width:2.5rem;height:2.5rem;color:var(--interactive-blue);flex-shrink:0;justify-content:center;align-items:center;display:flex}.tech-stack-item-icon svg{width:100%;height:100%}.tech-stack-card h3{color:var(--primary-text);margin-bottom:0;font-size:1.25rem;font-weight:700;line-height:1.3}.tech-stack-card p{color:var(--secondary-text);flex-grow:1;margin:0;font-size:.95rem;line-height:1.6}