.team-page{background:linear-gradient(135deg,#f5f7fa,#e4e8ec);min-height:100vh;padding-bottom:3rem}.team-header{background:linear-gradient(135deg,#2c3e50,#3498db);color:#fff;overflow:hidden;padding:3rem 1rem 2rem;position:relative;text-align:center}.team-shapes{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.team-shape{animation:floatShape 6s ease-in-out infinite;background:hsla(0,0%,100%,.15);border-radius:50%;position:absolute}.team-shape:first-child{animation-delay:0s;height:150px;right:-30px;top:-50px;width:150px}.team-shape:nth-child(2){animation-delay:2s;bottom:-30px;height:100px;left:10%;width:100px}.team-shape:nth-child(3){animation-delay:4s;height:80px;left:5%;top:20%;width:80px}@keyframes floatShape{0%,to{opacity:.8;transform:translateY(0) scale(1)}50%{opacity:1;transform:translateY(-15px) scale(1.05)}}.team-particles{height:100%;left:0;overflow:hidden;pointer-events:none;position:absolute;top:0;width:100%;z-index:0}.team-particles span{animation:sparkle 4s ease-in-out infinite;background:hsla(0,0%,100%,.8);border-radius:50%;height:6px;position:absolute;width:6px}.team-particles span:first-child{animation-delay:0s;left:15%;top:20%}.team-particles span:nth-child(2){animation-delay:.8s;left:85%;top:60%}.team-particles span:nth-child(3){animation-delay:1.6s;left:50%;top:40%}.team-particles span:nth-child(4){animation-delay:2.4s;left:25%;top:80%}.team-particles span:nth-child(5){animation-delay:3.2s;left:70%;top:30%}@keyframes sparkle{0%,to{opacity:0;transform:scale(0) translateY(0)}50%{opacity:1;transform:scale(1) translateY(-10px)}}.team-title{font-size:2rem;font-weight:600;margin:0 0 .5rem}.team-subtitle,.team-title{position:relative;z-index:1}.team-subtitle{font-size:1rem;margin:0;opacity:.9}.filter-tabs{background:#fff;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1);display:flex;flex-wrap:wrap;gap:0;justify-content:center;margin:-1.5rem auto 2rem;max-width:1000px;overflow:hidden;position:relative;z-index:10}.filter-tab{background:#fff;border:none;border-bottom:3px solid transparent;color:#555;cursor:pointer;flex:1;font-size:.85rem;font-weight:500;line-height:1.2;min-width:80px;padding:1rem .5rem;text-align:center;transition:all .3s ease}.filter-tab:hover{background:#f8f9fa;color:#2c3e50}.filter-tab.active{background:#f0f7ff;border-bottom-color:#3498db;color:#3498db}.filter-toggle{background:#fff;border:none;border-radius:8px;box-shadow:0 4px 20px rgba(0,0,0,.1);color:#2c3e50;cursor:pointer;display:none;font-size:.9rem;font-weight:500;margin:-1.5rem auto 1.5rem;max-width:300px;padding:.75rem 1rem;position:relative;transition:all .3s ease;width:100%;z-index:20}.filter-toggle:hover{background:#f8f9fa}.filter-toggle i{margin-left:.5rem;transition:transform .3s ease}.filter-toggle.expanded i{transform:rotate(180deg)}.team-container{margin:0 auto;max-width:1200px;padding:0 1.5rem}.section-title{border-bottom:2px solid #3498db;color:#2c3e50;display:inline-block;font-size:1.1rem;font-weight:600;margin:2rem 0 1rem;padding-bottom:.5rem}.team-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.member-card{background:#fff;border-radius:12px;box-shadow:0 2px 12px rgba(0,0,0,.08);opacity:0;position:relative;transform:translateY(20px);transition:all .3s ease}.member-card .member-photo{border-radius:12px 12px 0 0}.member-card.show{opacity:1;transform:translateY(0)}.member-card.hidden{display:none}.member-card:hover{box-shadow:0 8px 25px rgba(0,0,0,.12);transform:translateY(-4px)}.member-photo{aspect-ratio:3/4;-o-object-fit:cover;object-fit:cover;width:100%}.member-photo.no-image{background:#f0f4f8;-o-object-fit:contain;object-fit:contain;padding:15%}.member-info{padding:1rem;text-align:center}.member-name{color:#2c3e50;font-size:1rem;font-weight:600;margin:0 0 .25rem}.member-role{color:#7f8c8d;font-size:.8rem;line-height:1.3;margin:0 0 .75rem}.member-contact{gap:.5rem;margin-top:.5rem}.member-contact,.member-contact a{display:flex;justify-content:center}.member-contact a{align-items:center;background:#f0f7ff;border-radius:50%;color:#3498db;font-size:.9rem;height:36px;position:relative;text-decoration:none;transition:all .3s ease;width:36px}.member-contact a:hover{background:#3498db;color:#fff}.member-contact a .contact-text{display:none}.member-contact a:after{background:#2c3e50;border-radius:6px;color:#fff;content:attr(data-text);font-size:.75rem;margin-bottom:8px;padding:6px 10px;white-space:nowrap}.member-contact a:after,.member-contact a:before{bottom:100%;left:50%;opacity:0;position:absolute;transform:translateX(-50%);transition:all .2s ease;visibility:hidden;z-index:10}.member-contact a:before{border:6px solid transparent;border-top-color:#2c3e50;content:"";margin-bottom:-4px}.member-contact a:hover:after,.member-contact a:hover:before{opacity:1;visibility:visible}.member-contact a.copied:after{background:#27ae60!important;content:"Másolva!"!important}.member-contact a.copied:before{border-top-color:#27ae60!important}.coordinator-badge{background:rgba(231,76,60,.95);border-radius:4px;box-shadow:0 2px 4px rgba(0,0,0,.2);color:#fff;font-size:.6rem;font-weight:600;padding:.25rem .5rem;position:absolute;right:8px;text-transform:uppercase;top:8px;z-index:5}.team-cta{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;overflow:hidden;padding:4rem 2rem;position:relative;text-align:center}.team-cta:before{animation:shimmer 15s linear infinite;background:radial-gradient(circle,hsla(0,0%,100%,.1) 0,transparent 60%);content:"";height:200%;left:-50%;position:absolute;top:-50%;width:200%}@keyframes shimmer{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.team-cta-content{margin:0 auto;max-width:600px;position:relative;z-index:1}.team-cta-puzzle{align-items:center;display:flex;height:120px;justify-content:center;margin-bottom:2rem;position:relative}.puzzle-grid{display:grid;gap:4px;grid-template-columns:repeat(2,50px)}.puzzle-piece{border-radius:8px;height:50px;position:relative;width:50px}.puzzle-piece.filled{backdrop-filter:blur(4px);background:hsla(0,0%,100%,.25)}.puzzle-piece.missing{align-items:center;animation:pulse-border 2s ease-in-out infinite;background:transparent;border:2px dashed hsla(0,0%,100%,.5);display:flex;justify-content:center}.missing-you{animation:fade-pulse 2s ease-in-out infinite;font-size:1.5rem;opacity:.6}@keyframes pulse-border{0%,to{border-color:hsla(0,0%,100%,.5)}50%{border-color:hsla(0,0%,100%,.9)}}@keyframes fade-pulse{0%,to{opacity:.4}50%{opacity:.8}}.puzzle-floating{align-items:center;animation:float-piece 3s ease-in-out infinite;background:linear-gradient(135deg,#fff,#f0f0f0);border-radius:8px;box-shadow:0 8px 25px rgba(0,0,0,.2);color:#667eea;display:flex;font-size:1.4rem;height:50px;justify-content:center;position:absolute;right:calc(50% - 85px);top:50%;transform:translateY(-50%);width:50px}@keyframes float-piece{0%,to{transform:translateY(-50%) translateX(0) rotate(-5deg)}50%{transform:translateY(calc(-50% - 10px)) translateX(5px) rotate(5deg)}}.team-cta h2{font-size:2rem;font-weight:700;margin:0 0 .5rem}.team-cta-highlight{animation:pulse 2s ease-in-out infinite;background:hsla(0,0%,100%,.2);border-radius:8px;display:inline-block;font-size:2.5rem;margin-top:.5rem;padding:.2rem .8rem}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.team-cta p{font-size:1.1rem;line-height:1.7;margin:1.5rem 0;opacity:.95}.team-cta-btn{align-items:center;background:#fff;border-radius:50px;box-shadow:0 10px 30px rgba(0,0,0,.2);color:#667eea;display:inline-flex;font-size:1.1rem;font-weight:600;gap:.5rem;padding:1rem 2rem;text-decoration:none;transition:all .3s ease}.team-cta-btn:hover{box-shadow:0 15px 40px rgba(0,0,0,.3);color:#764ba2;text-decoration:none;transform:translateY(-3px) scale(1.02)}.team-cta-btn i{transition:transform .3s ease}.team-cta-btn:hover i{transform:translateX(4px)}@media (max-width:850px){.filter-toggle{display:block}.filter-tabs{box-shadow:none;flex-direction:column;margin:0 1rem 1.5rem;max-height:0;opacity:0;overflow:hidden;transition:all .3s ease}.filter-tabs.expanded{box-shadow:0 4px 20px rgba(0,0,0,.1);margin-top:.5rem;max-height:500px;opacity:1}.filter-tab{border-bottom:1px solid #eee;border-left:3px solid transparent;font-size:.85rem;min-width:unset;padding:.75rem 1rem}.filter-tab:last-child{border-bottom:none}.filter-tab.active{border-bottom-color:#eee;border-left-color:#3498db}.team-title{font-size:1.6rem}.team-grid{gap:1rem;grid-template-columns:repeat(auto-fill,minmax(160px,1fr))}}@media (max-width:768px){.member-contact{flex-direction:column;gap:.4rem}.member-contact a{border-radius:6px;font-size:.8rem;gap:8px;height:auto;padding:.5rem .75rem;width:auto}.member-contact a:after,.member-contact a:before{display:none}.member-contact a i{font-size:.85rem}.member-contact a:after{background:none;color:inherit;content:attr(data-text);display:inline;font-size:inherit;margin:0;opacity:1;padding:0;position:static;transform:none;visibility:visible;white-space:normal;word-break:break-all}}@media (max-width:600px){.team-grid{grid-template-columns:1fr;margin:0 auto;max-width:350px}.team-cta{padding:3rem 1.5rem}.team-cta-puzzle{height:100px}.puzzle-grid{gap:3px;grid-template-columns:repeat(2,40px)}.puzzle-floating,.puzzle-piece{height:40px;width:40px}.puzzle-floating{font-size:1.1rem;right:calc(50% - 70px)}.team-cta h2{font-size:1.5rem}.team-cta-highlight{font-size:2rem}.team-cta p,.team-cta-btn{font-size:1rem}.team-cta-btn{padding:.875rem 1.5rem}}