.portfolio-page{background:transparent;color:var(--text-primary)}.portfolio-main{padding-top:6.5rem}.portfolio-hero{padding:7rem 0 4rem;background:radial-gradient(100% 120% at 12% 0,rgba(72,198,255,.14) 0,transparent 60%),linear-gradient(160deg,rgba(6,16,40,.92),rgba(6,16,40,.8) 55%,rgba(4,11,28,.95))}.portfolio-hero-content{max-width:760px;margin:0 auto;padding:0 2rem;text-align:center;display:flex;flex-direction:column;gap:1.6rem}.portfolio-hero-content h1{font-size:clamp(2.4rem,6vw,3.6rem);letter-spacing:.01em;line-height:1.15;margin:0}.portfolio-hero-content p{font-size:1.05rem;color:var(--text-secondary);line-height:1.75}.portfolio-list{padding:4.5rem 0 6rem}.portfolio-container{max-width:1100px;margin:0 auto;padding:0 2rem}.portfolio-filter{display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:3rem}.filter-pill{border:1px solid rgba(82,118,198,.35);background:rgba(12,28,66,.55);color:var(--text-secondary);padding:.55rem 1.25rem;border-radius:999px;font-size:.85rem;font-weight:600;letter-spacing:.08em;display:inline-flex;align-items:center;gap:.45rem;cursor:pointer;transition:all .3s var(--ease-smooth)}.filter-pill span{font-size:.7rem;color:rgba(255,255,255,.55)}.filter-pill.active,.filter-pill:hover{border-color:rgba(72,198,255,.65);color:var(--accent);box-shadow:0 12px 28px rgba(72,198,255,.2)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.75rem}.portfolio-card{background:linear-gradient(150deg,rgba(12,26,58,.92),rgba(7,16,38,.85));border:1px solid rgba(81,119,200,.35);border-radius:18px;box-shadow:0 18px 40px rgba(6,16,40,.45);overflow:hidden;display:flex;flex-direction:column;transition:transform .35s var(--ease-smooth),box-shadow .35s ease;cursor:pointer;text-decoration:none;color:inherit}.portfolio-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-accent)}.portfolio-card-media{position:relative;height:190px;background:rgba(10,24,60,.8);display:flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(74,119,210,.25)}.portfolio-card-media img{max-width:90%;max-height:80%;object-fit:contain;filter:drop-shadow(0 16px 32px rgba(72,198,255,.25));transition:transform .4s var(--ease-smooth)}.portfolio-card:hover .portfolio-card-media img{transform:scale(1.04)}.portfolio-card-body{padding:1.6rem 1.6rem 1.8rem;display:flex;flex-direction:column;gap:1.1rem}.portfolio-card-meta{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.portfolio-category{font-size:.7rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(72,198,255,.7)}.portfolio-featured{font-size:.65rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.7);padding:.2rem .6rem;border:1px solid rgba(255,255,255,.2);border-radius:999px}.portfolio-card-body h3{font-size:1.25rem;margin:0;color:var(--text-primary)}.portfolio-card-body p{margin:0;color:var(--text-secondary);line-height:1.6;font-size:.95rem}.portfolio-tags{display:flex;flex-wrap:wrap;gap:.5rem}.portfolio-tags span{padding:.3rem .7rem;border-radius:999px;border:1px solid rgba(72,198,255,.25);background:rgba(72,198,255,.08);font-size:.75rem;letter-spacing:.05em;color:var(--text-secondary)}@media (max-width:1024px){.portfolio-main{padding-top:6rem}.portfolio-container{padding:0 1.5rem}}@media (max-width:768px){.portfolio-hero{padding:5.5rem 0 3rem}.portfolio-hero-content{padding:0 1.25rem}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.portfolio-modal{padding:1.5rem}.portfolio-modal-content{padding:1.75rem}}@media (max-width:480px){.portfolio-container{padding:0 1rem}.filter-pill{width:100%;justify-content:space-between}.portfolio-card{border-radius:16px}}