.tech-card{height:100%}.tech-category-tabs{justify-content:center;margin-bottom:3rem;display:flex}.tech-category-tabs-track{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.tech-category-tab{background:var(--glass-bg);border:1px solid var(--color-border);color:var(--color-light);cursor:pointer;transition:var(--transition);backdrop-filter:blur(8px);letter-spacing:.3px;border-radius:9999px;padding:.6rem 1.5rem;font-family:inherit;font-size:.88rem;font-weight:600}.tech-category-tab:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-variant)}.tech-category-tab.active{background:var(--color-primary);color:#0b0f19;border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow);font-weight:700}.tech-category-tab:active{transform:scale(.97)}.tech-category-tab:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px}.tech-stack-grid{grid-template-columns:repeat(4,1fr);gap:1.2rem;display:grid}.tech-card{border-radius:var(--radius-md);background:var(--color-bg-card);border:1px solid var(--color-border);padding:1.4rem 1.3rem;position:relative;overflow:hidden}.tech-card:before{content:"";background:linear-gradient(180deg, var(--tech-color,var(--color-primary)), transparent);opacity:0;width:4px;height:100%;transition:opacity .4s;position:absolute;top:0;left:0}.tech-card:hover:before{opacity:1}.tech-card:hover{border-color:var(--color-border-glow);transform:translateY(-4px);box-shadow:0 20px 40px #0006,0 0 25px #7ec8341a,inset 0 0 30px #7ec83408}.tech-card-header{align-items:center;gap:.9rem;display:flex}.tech-icon-wrap{width:44px;height:44px;color:var(--tech-color,var(--color-primary));transition:var(--transition);background:#7ec83414;border:1px solid #ffffff0f;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.35rem;display:flex}.tech-card:hover .tech-icon-wrap{background:#7ec83426;border-color:#7ec83433;transform:scale(1.08);box-shadow:0 0 15px #7ec83426}.tech-info{flex:1;min-width:0}.tech-name{color:var(--color-white);white-space:nowrap;text-overflow:ellipsis;font-size:.95rem;font-weight:700;line-height:1.2;overflow:hidden}.tech-category-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:1px;font-size:.72rem;font-weight:600}@media screen and (max-width:1200px){.tech-stack-grid{grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:1024px){.tech-stack-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.tech-category-tabs{gap:.5rem}.tech-category-tab{padding:.5rem 1.1rem;font-size:.82rem}}@media screen and (max-width:600px){.tech-stack-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.tech-category-tabs{-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;padding-bottom:.5rem;overflow-x:auto}.tech-category-tabs::-webkit-scrollbar{display:none}.tech-category-tabs-track{flex-wrap:nowrap;justify-content:flex-start;width:max-content}.tech-category-tab{white-space:nowrap;flex-shrink:0}.tech-card{text-align:center;padding:1rem .8rem}.tech-card-header{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:.75rem}.tech-info{text-align:center;flex-direction:column;align-items:center;gap:.35rem;width:100%;display:flex}.tech-name{white-space:normal;text-align:center;font-size:.88rem;line-height:1.3}.tech-category-label{text-align:center;margin-top:.15rem;display:block}}@media (prefers-reduced-motion:reduce){.tech-card,.tech-card:before,.tech-icon-wrap,.tech-category-tab{transition:none}.tech-card:hover,.tech-card:hover .tech-icon-wrap{transform:none}}