.app-portfolio{padding:90px 0;background:#091E3E;color:#fff;position:relative;overflow:hidden}.app-portfolio:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 80%,rgba(6,163,218,.12) 0,transparent 55%),radial-gradient(circle at 85% 20%,rgba(6,163,218,.08) 0,transparent 55%)}.app-portfolio .container{position:relative;z-index:2}.app-portfolio__header{text-align:center;max-width:860px;margin:0 auto 26px}.app-portfolio__badge{display:inline-block;padding:10px 16px;border-radius:999px;font-weight:800;font-size:.9rem;letter-spacing:.9px;text-transform:uppercase;background:rgba(6,163,218,.14);border:1px solid rgba(6,163,218,.28);color:rgba(240,252,255,.95)}.app-portfolio__title{margin-top:16px;margin-bottom:10px;font-size:2.4rem;font-weight:900;line-height:1.15;background:linear-gradient(90deg,#ffffff,#dff7ff,rgba(6,163,218,.95));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-portfolio__subtitle{margin:0 auto;max-width:780px;color:rgba(255,255,255,.82);line-height:1.75;font-size:1.06rem}.app-portfolio__filters{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:26px 0 28px}.app-portfolio__filterBtn{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:rgba(255,255,255,.86);padding:10px 14px;border-radius:999px;font-weight:800;font-size:.92rem;letter-spacing:.2px;transition:transform .2s ease,border-color .2s ease,background .2s ease,color .2s ease}.app-portfolio__filterBtn:hover{transform:translateY(-2px);border-color:rgba(6,163,218,.32);background:rgba(6,163,218,.1);color:rgba(255,255,255,.95)}.app-portfolio__filterBtn.is-active{border-color:rgba(6,163,218,.45);background:rgba(6,163,218,.16);color:rgba(255,255,255,.98)}.app-portfolio__filterBtn:focus-visible{outline:2px solid rgba(6,163,218,.55);outline-offset:3px}.app-portfolio__grid{display:grid;grid-template-columns:repeat(12,1fr);grid-gap:18px;gap:18px}.app-portfolio__card{grid-column:span 4;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);transition:transform .2s ease,border-color .2s ease,background .2s ease;will-change:transform;content-visibility:auto;contain-intrinsic-size:380px}.app-portfolio__card:hover{transform:translateY(-4px);border-color:rgba(6,163,218,.3);background:rgba(6,163,218,.05)}.app-portfolio__cardLink{display:block;color:inherit;text-decoration:none}.app-portfolio__media{position:relative;width:100%;aspect-ratio:16/10;background:rgba(0,0,0,.25)}.app-portfolio__img{object-fit:cover;transform:scale(1.01);transition:transform .25s ease}.app-portfolio__card:hover .app-portfolio__img{transform:scale(1.05)}.app-portfolio__overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.35);opacity:0;transition:opacity .2s ease}.app-portfolio__card:hover .app-portfolio__overlay{opacity:1}.app-portfolio__view{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:rgba(255,255,255,.95);font-weight:900}.app-portfolio__body{padding:16px 16px 18px}.app-portfolio__meta{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.app-portfolio__tag{display:inline-block;padding:7px 10px;border-radius:999px;font-size:.78rem;font-weight:900;letter-spacing:.6px;text-transform:uppercase;color:rgba(240,252,255,.95);background:rgba(6,163,218,.14);border:1px solid rgba(6,163,218,.26)}.app-portfolio__cardTitle{margin:0 0 8px;font-size:1.18rem;font-weight:900;color:rgba(255,255,255,.95)}.app-portfolio__cardDesc{margin:0;color:rgba(255,255,255,.78);line-height:1.6;font-size:.98rem}.app-portfolio__empty{text-align:center;padding:40px 0 0}.app-portfolio__empty h4{color:rgba(255,255,255,.92);font-weight:900}.app-portfolio__empty p{color:rgba(255,255,255,.72)}.app-portfolio__stats{margin-top:34px;padding-top:26px;border-top:1px solid rgba(255,255,255,.1);display:grid;grid-template-columns:repeat(4,1fr);grid-gap:14px;gap:14px}.app-portfolio__stat{border-radius:16px;padding:18px 16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);text-align:center}.app-portfolio__statValue{font-size:1.9rem;font-weight:900;background:linear-gradient(45deg,rgba(255,255,255,.98),rgba(6,163,218,.95));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-portfolio__statLabel{margin-top:8px;font-size:.85rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.72)}@media (max-width:992px){.app-portfolio__card{grid-column:span 6}.app-portfolio__stats{grid-template-columns:repeat(2,1fr)}.app-portfolio__title{font-size:2.05rem}}@media (max-width:576px){.app-portfolio{padding:70px 0}.app-portfolio__card{grid-column:span 12}.app-portfolio__title{font-size:1.75rem}.app-portfolio__subtitle{font-size:1rem}.app-portfolio__filterBtn{padding:9px 12px;font-size:.88rem}}