.tech-card{perspective:1000px;height:220px;cursor:pointer}.tech-card-inner{position:relative;width:100%;height:100%;transition:transform .6s;transform-style:preserve-3d}.tech-card:hover .tech-card-inner{transform:rotateY(180deg)}.tech-card-front,.tech-card-back{position:absolute;width:100%;height:100%;backface-visibility:hidden;border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1.5rem}.tech-card-front{background-color:#1a1a1a;border:2px solid color-mix(in oklab,var(--accent) 20%,transparent);box-shadow:0 4px 6px #0000004d}.tech-card-image{width:80px;height:80px;object-fit:contain;margin-bottom:1rem}.tech-card-title{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:500;color:#cbcac9;margin:0;text-align:center}.tech-card-back{background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border:2px solid var(--accent);transform:rotateY(180deg);justify-content:flex-start;overflow-x:hidden;align-items:flex-start;text-align:left;overflow-y:auto}.tech-card-back-title{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;color:var(--accent);margin:0 0 .75rem}.tech-card-description{font-family:Poppins,sans-serif;font-size:.875rem;font-weight:300;color:#aeadac;line-height:1.5;margin:0 0 1rem}.tech-card-projects{margin-bottom:1rem}.tech-card-projects-label{font-family:Poppins,sans-serif;font-size:.75rem;font-weight:500;color:var(--accent);margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.tech-card-projects-list{list-style:none;padding:0;margin:0}.tech-card-projects-list li{font-family:Poppins,sans-serif;font-size:.8rem;color:#bcbec2;padding:.25rem 0 .25rem 1rem;position:relative}.tech-card-projects-list li:before{content:"▸";position:absolute;left:0;color:var(--accent)}.tech-card-link{font-family:Poppins,sans-serif;font-size:.875rem;font-weight:500;color:var(--accent);text-decoration:none;margin-top:auto;transition:color .2s;display:inline-block}.tech-card-link:hover{color:var(--accent-soft)}@media(max-width:768px){.tech-card{height:200px}.tech-card-image{width:60px;height:60px}.tech-card-title,.tech-card-back-title{font-size:1.1rem}.tech-card-description{font-size:.8rem}}.technologies-section{width:100%;padding:4rem 2rem;background-color:#242424}.technologies-container{max-width:1280px;margin:0 auto}.technologies-title{font-family:Poppins,sans-serif;font-size:2.5rem;font-weight:600;color:#f3f3f3;text-align:center;margin:0 0 1rem}.technologies-subtitle{font-family:Poppins,sans-serif;font-size:1.1rem;font-weight:300;color:#aeadac;text-align:center;margin:0 0 3rem;line-height:1.6}.technologies-filter{display:flex;align-items:center;justify-content:center;gap:1rem;margin-bottom:3rem}.filter-label{font-family:Poppins,sans-serif;font-size:1rem;font-weight:400;color:#cbcac9}.filter-select{font-family:Poppins,sans-serif;font-size:1rem;padding:.75rem 2rem .75rem 1rem;background-color:#1a1a1a;color:#cbcac9;border:2px solid color-mix(in oklab,var(--accent) 30%,transparent);border-radius:8px;cursor:pointer;transition:all .2s;outline:none;appearance:none;background-image:linear-gradient(45deg,transparent 50%,var(--accent) 50%),linear-gradient(135deg,var(--accent) 50%,transparent 50%);background-repeat:no-repeat;background-position:calc(100% - .95rem) calc(50% - .14rem),calc(100% - .65rem) calc(50% - .14rem);background-size:.34rem .34rem,.34rem .34rem}.filter-select:hover{border-color:var(--accent);background-color:#222}.filter-select:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in oklab,var(--accent) 10%,transparent)}.filter-select option{background-color:#1a1a1a;color:#cbcac9;padding:.5rem}.technologies-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;animation:fadeIn .4s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.technologies-empty{font-family:Poppins,sans-serif;font-size:1.1rem;color:#aeadac;text-align:center;padding:3rem}@media(max-width:1024px){.technologies-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem}}@media(max-width:768px){.technologies-section{padding:3rem 1rem}.technologies-title{font-size:2rem}.technologies-subtitle{font-size:1rem;margin-bottom:2rem}.technologies-filter{flex-direction:column;gap:.5rem;margin-bottom:2rem}.technologies-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:1rem}}@media(max-width:480px){.technologies-grid{grid-template-columns:1fr 1fr}}