.projects-section{margin:4rem 0;width:100%}.projects-description{text-align:center;margin-bottom:2rem}.projects-description p{color:var(--projects-section-description-color,#d1d5db);font-size:1rem}.projects-section .tabs-container{margin-bottom:1rem}@media(max-width:480px){.projects-section .tabs-mobile[data-collapse-active=true]{display:block!important;padding:8px!important;margin-bottom:1rem!important;background:rgba(0,0,0,.25);border-radius:12px;box-sizing:border-box}.projects-section .tabs-dropdown-btn{padding:12px 16px!important;min-height:48px!important}}.tech-filters{display:flex;flex-wrap:wrap;justify-content:center;gap:.8rem;margin-bottom:1.5rem}.tech-badge{background:var(--projects-tech-badge-bg,rgba(55,65,81,.7));backdrop-filter:blur(10px);border:var(--projects-tech-badge-border,1px solid rgba(var(--accent-rgb),.3));color:var(--projects-tech-badge-color,#a0a0a0);padding:.4rem .8rem;border-radius:15px;font-size:.85rem;cursor:pointer;transition:all .3s ease;font-weight:500}.tech-badge[style*="--tech-color"]{border-color:rgba(var(--tech-color-rgb),.3)}.tech-badge.active,.tech-badge:hover{background:var(--projects-tech-badge-hover-bg,rgba(var(--accent-rgb),.2));color:var(--projects-tech-badge-hover-color,#4fd1c7);border-color:var(--projects-tech-badge-hover-border,rgba(var(--accent-rgb),.6));box-shadow:var(--projects-tech-badge-hover-shadow,0 2px 10px rgba(var(--accent-rgb),.2))}.tech-badge[style*="--tech-color"].active,.tech-badge[style*="--tech-color"]:hover{background:rgba(var(--tech-color-rgb),.2);color:var(--tech-color);border-color:rgba(var(--tech-color-rgb),.6);box-shadow:0 2px 10px rgba(var(--tech-color-rgb),.2)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2rem}.project-card{background:var(--projects-card-bg,rgba(55,65,81,.6));backdrop-filter:blur(15px);border:var(--projects-card-border,1px solid rgba(var(--accent-rgb),.2));border-radius:20px;overflow:hidden;transition:all .3s ease;position:relative;box-shadow:var(--projects-card-shadow,0 8px 32px rgba(0,0,0,.2))}.project-card:hover{transform:translateY(-5px);box-shadow:var(--projects-card-hover-shadow,0 12px 40px rgba(var(--accent-rgb),.15),0 8px 32px rgba(0,0,0,.3));border-color:var(--projects-card-hover-border,rgba(var(--accent-rgb),.4))}.project-image{position:relative;height:200px;overflow:hidden;background:var(--projects-image-fallback-gradient,linear-gradient(135deg,rgba(var(--accent-rgb),.1),rgba(55,65,81,.3)))}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--projects-image-overlay-gradient,linear-gradient(180deg,transparent 0%,rgba(0,0,0,.7) 100%));display:flex;align-items:flex-end;padding:1rem}.project-tags{display:flex;flex-wrap:wrap;gap:.5rem}.project-tag{background:var(--projects-tag-bg,rgba(var(--accent-rgb),.8));color:var(--projects-tag-color,#fff);padding:.25rem .6rem;border-radius:12px;font-size:.75rem;font-weight:600;backdrop-filter:blur(10px)}.project-content{padding:1.5rem}.project-title{color:var(--projects-project-title-color,#fff);font-size:1.3rem;font-weight:700;margin-bottom:.5rem;line-height:1.3}.project-subtitle{color:var(--projects-project-subtitle-color,#4fd1c7);font-size:.9rem;font-weight:600;margin-bottom:.8rem;text-transform:lowercase}.project-description{color:var(--projects-project-description-color,#d1d5db);font-size:.9rem;line-height:1.5;margin-bottom:1rem}.project-technologies{display:flex;flex-wrap:wrap;gap:.4rem}.tech-chip{background:var(--projects-tech-chip-bg,rgba(79,209,199,.2));color:var(--projects-tech-chip-color,#4fd1c7);padding:.3rem .6rem;border-radius:10px;font-size:.75rem;font-weight:600;border:var(--projects-tech-chip-border,1px solid rgba(var(--accent-rgb),.3))}@media(max-width:768px){.tech-filters{padding:0 1rem}.projects-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}.project-card{border-radius:15px}.project-image{height:180px}.project-content{padding:1.2rem}}@media(max-width:768px){.tech-filters{padding:0 1rem}.projects-grid{grid-template-columns:1fr;gap:1.25rem;padding:0;margin-left:0;margin-right:0}.project-card{border-radius:15px}.project-image{height:180px}.project-content{padding:1.2rem}}@media(max-width:480px){.tech-filters{padding:0 .5rem}.tech-badge{font-size:.75rem;padding:.3rem .6rem}.projects-grid{gap:1rem;padding:0}.project-content{padding:1rem}.project-title{font-size:1.1rem}}.project-link{color:inherit;text-decoration:none;transition:color .3s ease}.project-link:hover{color:#3498db;text-decoration:none}.project-actions{margin-top:1rem;display:flex;gap:.5rem;align-items:center}.btn-primary{display:inline-block;padding:.5rem 1rem;background:var(--projects-btn-bg,rgba(55,65,81,.6));backdrop-filter:blur(15px);border:var(--projects-btn-border,1px solid rgba(var(--accent-rgb),.2));color:var(--projects-btn-text,rgba(255,255,255,.8));text-decoration:none;border-radius:.375rem;font-size:.875rem;font-weight:500;transition:all .3s ease;cursor:pointer;box-shadow:var(--projects-btn-shadow,0 2px 8px rgba(0,0,0,.1))}.btn-primary:hover{background:var(--projects-btn-hover-gradient,linear-gradient(135deg,rgba(var(--accent-rgb),.8),rgba(64,224,208,.8)));border-color:var(--projects-btn-hover-border,rgba(var(--accent-rgb),.6));box-shadow:var(--projects-btn-hover-shadow,0 4px 12px rgba(var(--accent-rgb),.3));text-decoration:none;color:var(--projects-btn-hover-text,#fff)}.btn-primary:active{transform:translateY(0);box-shadow:var(--projects-btn-active-shadow,0 2px 6px rgba(52,152,219,.2))}