.projects{padding-top:80px}.projects__hero{text-align:center}.projects__title{font-size:clamp(2.5rem,5vw,4rem);font-weight:800;line-height:1.1;margin-bottom:1.5rem}.projects__subtitle{font-size:1.3rem;color:var(--text-secondary);line-height:1.6;max-width:600px;margin:0 auto}.projects__filters{display:flex;justify-content:center;margin:2rem 0}.projects__container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.filter-buttons{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}.filter-btn{background:transparent;border:2px solid rgba(107,44,158,.3);padding:.75rem 1.5rem;border-radius:25px;color:var(--text-secondary);font-weight:500;cursor:pointer;transition:all .3s ease}.filter-btn:hover{border-color:var(--secondary-purple);color:var(--text-primary);transform:translateY(-2px)}.filter-btn.active{background:linear-gradient(135deg,var(--primary-purple),var(--secondary-purple));border-color:var(--secondary-purple);color:#fff;box-shadow:var(--glow-purple)}.project-card{background:var(--card-bg);border-radius:16px;overflow:hidden;border:1px solid rgba(107,44,158,.2);transition:all .3s ease;animation:fadeInUp .6s ease-out forwards;opacity:0}.project-card:hover{border-color:var(--secondary-purple);transform:translateY(-8px);box-shadow:var(--shadow-dark)}.project-card:hover .project-card__image img{transform:scale(1.1)}.project-card:hover .project-card__overlay{opacity:1}.project-card__image{position:relative;height:200px;overflow:hidden}.project-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card__overlay{position:absolute;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card__actions{display:flex;gap:1rem}.project-card__action{width:50px;height:50px;background:var(--secondary-purple);border:none;border-radius:50%;color:#fff;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center}.project-card__action:hover{background:var(--primary-purple);transform:scale(1.1);box-shadow:var(--glow-purple)}.project-card__content{padding:2rem}.project-card__header{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.project-card__header h3{font-size:1.4rem;font-weight:600;color:var(--text-primary)}.project-card__icon{color:var(--secondary-purple);filter:drop-shadow(0 0 8px rgba(138,79,190,.3))}.project-card__description{color:var(--text-secondary);line-height:1.6;margin-bottom:1.5rem}.project-card__tech{display:flex;flex-wrap:wrap;gap:.5rem}.tech-tag{background:#6b2c9e33;color:var(--secondary-purple);padding:.4rem .8rem;border-radius:15px;font-size:.85rem;font-weight:500;border:1px solid rgba(107,44,158,.3);transition:all .3s ease}.tech-tag:hover{background:var(--secondary-purple);color:#fff;transform:translateY(-1px)}.btn-secondary{background:transparent;border:2px solid var(--secondary-purple);padding:10px 28px;margin:10px 28px;border-radius:8px;color:var(--secondary-purple);font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}.btn-secondary:hover{background:var(--secondary-purple);color:#fff;transform:translateY(-2px);box-shadow:var(--glow-purple)}