.portfolio-page{min-height:100vh;padding-top:80px}.portfolio-page .services-hero-badge{color:var(--accent);letter-spacing:.04em;background:#3b82f61f;border-radius:9999px;align-items:center;gap:8px;margin-bottom:24px;padding:10px 20px;font-size:.875rem;font-weight:700;display:inline-flex}.portfolio-page{background-color:var(--bg);color:var(--text)}.portfolio-page .portfolio-hero{text-align:center;text-align:center;background:radial-gradient(circle at 50% 0,#3b82f61f,#0000);flex-direction:column;justify-content:center;align-items:center;padding:100px 0;display:flex}.portfolio-page .container h2{text-align:center}.portfolio-hero .portfolio-hero-title{color:var(--text)}.portfolio-hero-desc{color:var(--muted);max-width:100%}.portfolio-filters{flex-wrap:wrap;justify-content:center;gap:15px;margin-bottom:50px;display:flex}.filter-btn{background:var(--card);border:1px solid var(--border);color:var(--muted);cursor:pointer;border-radius:100px;padding:10px 24px;transition:all .3s}.filter-btn.active,.filter-btn:hover{background:var(--accent);color:var(--button-text,#fff);border-color:var(--accent);box-shadow:0 0 20px #3b82f64d}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(380px,1fr));justify-content:center;justify-items:center;gap:30px;max-width:1200px;margin:0 auto;padding-bottom:100px;display:grid}.portfolio-categories ul{margin:0;padding:0;list-style:none}.portfolio-categories li{color:var(--text)}.project-card{background:var(--card);border:1px solid var(--border);border-radius:24px;transition:all .4s;overflow:hidden}.project-card:hover{border-color:var(--accent);transform:translateY(-5px);box-shadow:0 12px 40px #3b82f626}.project-image-wrap{width:100%;height:260px;position:relative;overflow:hidden}.project-info{padding:25px}.project-category{color:var(--accent);text-transform:uppercase;letter-spacing:1px;font-size:.8rem;font-weight:700}.project-info h3{color:var(--text);margin:10px 0;font-size:1.5rem}.project-info p{color:var(--muted);margin-bottom:20px;font-size:.95rem;line-height:1.6}.view-link{color:var(--accent);text-underline-offset:5px;font-weight:600;text-decoration:underline;transition:all .3s;display:inline-block}.view-link:hover{opacity:.85}