.app-header{position:relative;padding:110px 0 70px;color:#fff;background:#091E3E;overflow:hidden}.app-header__bg-img{object-fit:cover;z-index:0;pointer-events:none}.app-header:before{background:linear-gradient(135deg,rgba(9,30,62,.92),rgba(7,27,51,.92) 55%,rgba(6,163,218,.18))}.app-header:after,.app-header:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none}.app-header:after{background:radial-gradient(ellipse at center,rgba(0,0,0,0) 0,rgba(0,0,0,.28) 70%,rgba(0,0,0,.38) 100%)}.app-header .container{position:relative;z-index:2}.app-header__grid{display:grid;grid-template-columns:1.35fr .85fr;grid-gap:22px;gap:22px;align-items:stretch}.app-header__content{border-radius:22px;padding:34px;background:rgba(255,255,255,.06);border:1px solid rgba(6,163,218,.18);box-shadow:0 18px 60px rgba(0,0,0,.35)}.app-header__kicker{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);color:rgba(255,255,255,.86);font-size:.92rem;font-weight:700;letter-spacing:.3px}.app-header__title{margin-top:18px;margin-bottom:10px;font-size:3.1rem;font-weight:900;line-height:1.12;background:linear-gradient(90deg,#ffffff,#dff7ff,rgba(6,163,218,.95));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.app-header__subtitle{margin:0;max-width:780px;color:rgba(255,255,255,.82);line-height:1.75;font-size:1.08rem}.app-header__crumbs{display:inline-flex;align-items:center;gap:12px;margin-top:22px;padding:10px 14px;border-radius:999px;background:rgba(0,0,0,.18);border:1px solid rgba(255,255,255,.12)}.app-header__crumbLink{color:rgba(255,255,255,.85);text-decoration:none;font-weight:700;font-size:.95rem;transition:color .2s ease}.app-header__crumbLink:hover{color:rgba(6,163,218,.95)}.app-header__crumbLink.is-active{color:rgba(255,255,255,.95)}.app-header__crumbSep{width:6px;height:6px;border-radius:50%;background:rgba(255,255,255,.35)}.app-header__card{border-radius:22px;padding:28px 26px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);box-shadow:0 18px 60px rgba(0,0,0,.32)}.app-header__cardTitle{font-size:.95rem;font-weight:900;letter-spacing:1px;text-transform:uppercase;color:rgba(255,255,255,.78);margin-bottom:14px}.app-header__list{list-style:none;padding:0;margin:0;display:grid;grid-gap:12px;gap:12px}.app-header__li{display:flex;gap:10px;align-items:flex-start;color:rgba(255,255,255,.86);line-height:1.55;font-weight:600}.app-header__dot{width:8px;height:8px;border-radius:50%;margin-top:8px;flex-shrink:0;background:rgba(6,163,218,.95)}.app-header__meta{margin-top:18px;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;gap:14px}.app-header__metaItem{min-width:110px}.app-header__metaLabel{font-size:.8rem;text-transform:uppercase;letter-spacing:1px;font-weight:800;color:rgba(255,255,255,.7)}.app-header__metaValue{margin-top:6px;font-size:1.25rem;font-weight:900;color:rgba(255,255,255,.95)}.app-header__metaDivider{width:1px;height:42px;background:rgba(255,255,255,.14)}@media (max-width:992px){.app-header__grid{grid-template-columns:1fr}.app-header__card,.app-header__content{padding:26px 20px}.app-header__title{font-size:2.4rem}}@media (max-width:768px){.app-header__meta{flex-wrap:wrap}}@media (max-width:576px){.app-header{padding:90px 0 55px}.app-header__title{font-size:2rem}.app-header__subtitle{font-size:1rem}.app-header__metaDivider{display:none}}.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}}