.portfolio-page{min-height:100vh;background:#2b3132;padding:130px 80px 60px}.portfolio-header{text-align:center;margin-bottom:3rem}.portfolio-eyebrow{color:#5cf4e4;font-size:.78rem;font-weight:600;letter-spacing:.15em;text-transform:uppercase;display:block;margin-bottom:.75rem}.portfolio-title{color:#fff;font-size:2.5rem;font-weight:700;margin-bottom:.75rem;line-height:1.3}.portfolio-title span{color:#5cf4e4}.portfolio-subtitle{color:#f6f6f6a6;font-size:1.05rem;line-height:1.7;max-width:600px;margin:0 auto 1.5rem}.portfolio-stats{display:flex;gap:2.5rem;justify-content:center;flex-wrap:wrap;padding:1rem 2rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:.75rem;display:inline-flex;margin:0 auto}.portfolio-stat{text-align:center}.portfolio-stat-num{display:block;color:#5cf4e4;font-size:1.5rem;font-weight:700;line-height:1}.portfolio-stat-label{display:block;color:#f6f6f680;font-size:.7rem;margin-top:3px}.portfolio-filters{display:flex;gap:.5rem;flex-wrap:wrap;justify-content:center;margin-bottom:2.5rem}.portfolio-filter-btn{padding:.45rem 1rem;border-radius:2rem;border:1px solid rgba(255,255,255,.15);background:transparent;color:#f6f6f699;font-size:.82rem;cursor:pointer;transition:all .2s;font-family:inherit}.portfolio-filter-btn:hover{border-color:#5cf4e466;color:#f6f6f6}.portfolio-filter-btn.active{background:#5cf4e4;border-color:#5cf4e4;color:#1a1a1a;font-weight:600}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem}.portfolio-card{background:#ffffff0a;border:1px solid rgba(255,255,255,.07);border-radius:1rem;overflow:hidden;cursor:pointer;transition:all .3s}.portfolio-card:hover{border-color:#5cf4e44d;transform:translateY(-4px);box-shadow:0 16px 40px #0000004d}.portfolio-card-img{position:relative;height:200px;overflow:hidden;background:#ffffff08}.portfolio-card-img img{width:100%;height:100%;object-fit:cover;transition:transform .4s}.portfolio-card:hover .portfolio-card-img img{transform:scale(1.05)}.portfolio-card-img.no-img{display:flex;align-items:center;justify-content:center;color:#f6f6f633;font-size:2rem}.portfolio-card-overlay{position:absolute;inset:0;background:#1a1a1ab3;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}.portfolio-card:hover .portfolio-card-overlay{opacity:1}.portfolio-card-cta{color:#5cf4e4;font-size:.9rem;font-weight:600}.portfolio-card-body{padding:1.25rem}.portfolio-card-tags{display:flex;gap:.4rem;flex-wrap:wrap;margin-bottom:.6rem}.portfolio-tag{font-size:.67rem;padding:2px 8px;background:#5cf4e41a;border:1px solid rgba(92,244,228,.2);border-radius:3px;color:#5cf4e4}.portfolio-card-title{color:#fff;font-size:.95rem;font-weight:600;margin-bottom:.5rem;line-height:1.4}.portfolio-card-desc{color:#f6f6f68c;font-size:.78rem;line-height:1.5;margin-bottom:.75rem}.portfolio-card-links{display:flex;gap:.75rem;flex-wrap:wrap}.portfolio-link{color:#f6f6f680;font-size:.75rem;text-decoration:none;transition:color .2s}.portfolio-link:hover{color:#5cf4e4}.portfolio-cta-box{text-align:center;background:linear-gradient(135deg,#39797f26,#5cf4e414);border:1px solid rgba(92,244,228,.15);border-radius:1rem;padding:3rem 2rem}.portfolio-cta-box h2{color:#fff;font-size:1.6rem;font-weight:700;margin-bottom:.5rem}.portfolio-cta-box p{color:#f6f6f699;margin-bottom:1.5rem}.portfolio-cta-btn{background:#5cf4e4;color:#1a1a1a;border:none;border-radius:.5rem;padding:.9rem 2.5rem;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;font-family:inherit}.portfolio-cta-btn:hover{background:#3de8d6;transform:translateY(-2px);box-shadow:0 8px 24px #5cf4e459}@media (max-width: 1024px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.portfolio-page{padding:80px 20px 40px}.portfolio-title{font-size:1.8rem}.portfolio-grid{grid-template-columns:1fr}.portfolio-stats{gap:1.5rem}}