.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:after{content:"";pointer-events:none;background-image:radial-gradient(130px 90px at 94% 0%, color-mix(in srgb, var(--tech-color,#7ec834) 20%, transparent), transparent 72%), radial-gradient(170px 120px at 0% 105%, color-mix(in srgb, var(--tech-color,#7ec834) 14%, transparent), transparent 72%), url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120' viewBox='0 0 120 120'%3E%3Cg stroke='%23ffffff' stroke-opacity='0.06' fill='none' stroke-width='1'%3E%3Cpath d='M10 110V70h30V40h40'/%3E%3Cpath d='M110 10V50H80v30H40'/%3E%3Cpath d='M70 120V95h25'/%3E%3Cpath d='M0 55h18V28'/%3E%3C/g%3E%3Cg fill='%23ffffff' fill-opacity='0.12'%3E%3Ccircle cx='10' cy='110' r='2.2'/%3E%3Ccircle cx='40' cy='40' r='2.2'/%3E%3Ccircle cx='80' cy='70' r='2.2'/%3E%3Ccircle cx='110' cy='10' r='2.2'/%3E%3Ccircle cx='18' cy='28' r='2.2'/%3E%3Ccircle cx='95' cy='95' r='2.2'/%3E%3C/g%3E%3C/svg%3E");opacity:.7;background-repeat:no-repeat,no-repeat,repeat;background-size:auto,auto,120px 120px;transition:opacity .4s;position:absolute;inset:0}.tech-card:hover:after{opacity:1}.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{z-index:1;align-items:center;gap:.9rem;display:flex;position:relative}.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}}