.portfolio-page{background:#f5f8fb}.portfolio-page__hero{position:relative;overflow:hidden;padding:160px 0 120px;background:linear-gradient(135deg,#153a36,#0f2a28 45%,#0a0e16)}.portfolio-page__hero-content{max-width:720px;color:white;position:relative;z-index:3}.portfolio-page__hero-content h1{font-size:4rem;line-height:1.1;font-weight:800;margin:25px 0}.portfolio-page__hero-content p{font-size:1.1rem;opacity:.9}.portfolio-page__badge{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);padding:10px 18px;border-radius:999px;color:white}.portfolio-page__stats{padding:96px 0;background:white}.portfolio-stat-card{background:white;text-align:center;padding:35px;border-radius:24px;box-shadow:0 15px 40px rgba(0,0,0,.06)}.portfolio-stat-card h3{color:var(--primary-ink,#21564e);font-size:2.4rem;font-weight:800}.portfolio-page__filter{padding-bottom:2px}.portfolio-filter{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.portfolio-filter button{border:none;padding:12px 24px;border-radius:999px;background:white;font-weight:600}.portfolio-filter button.active{background:var(--primary-ink,#21564e);color:#ffffff}.portfolio-tech{padding:96px 0;background:white}.portfolio-cta{padding:96px 0;background:#f8fafc}.portfolio-tech__header{text-align:center;max-width:750px;margin:0 auto 50px}.portfolio-tech__header h2{font-size:36px;font-weight:700;margin:12px 0;color:#111827}.portfolio-tech__header p{color:#6b7280;font-size:16px;line-height:1.6}.badge{display:inline-block;padding:6px 14px;background:var(--primary-ink,#21564e);color:#ffffff;font-size:13px;border-radius:999px;font-weight:600}.portfolio-tech__grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.tech-card{background:#ffffff;border-radius:14px;padding:22px;box-shadow:0 10px 25px rgba(0,0,0,.05);transition:all .35s ease;border:1px solid #eef2f7;position:relative;overflow:hidden}.tech-card:hover{transform:translateY(-8px);box-shadow:0 18px 40px rgba(0,0,0,.1)}.tech-card:before{content:"";position:absolute;width:120px;height:120px;background:radial-gradient(circle,var(--primary-light),transparent);top:-40px;right:-40px;transition:.4s}.tech-card:hover:before{transform:scale(1.3)}.tech-card h3{font-size:18px;margin-bottom:8px;color:#111827}.tech-card p{font-size:14px;color:#6b7280;line-height:1.5}.tech-card.highlight{background:linear-gradient(135deg,var(--primary-color),var(--primary-light));color:white}.tech-card.highlight h3,.tech-card.highlight p{color:white}.portfolio-cta__card{text-align:center;position:relative;overflow:hidden;animation:fadeUp .8s ease forwards}.cta-icon{font-size:40px;margin-bottom:10px;animation:float 3s ease-in-out infinite}.portfolio-cta__card h2{font-size:32px;color:#111827;margin-bottom:10px}.portfolio-cta__card p{color:var(--muted-text,#495057);margin-bottom:25px}.portfolio-cta__card .services-button--light{color:var(--primary-ink,#21564e)!important;background:#ffffff!important;border:1px solid rgba(33,86,78,.2)}.cta-actions{display:flex;justify-content:center;gap:12px}.xino-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;font-weight:800;text-decoration:none;color:var(--primary-dark)!important;background:white;transition:all .3s ease}.xino-btn:hover{transform:translateY(-2px)}.xino-btn.outline{border:1px solid #d1d5db;padding:10px 18px;border-radius:8px;color:#111827;transition:.3s}.xino-btn.outline:hover{background:#f3f4f6;transform:translateY(-2px)}@keyframes fadeUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@media (max-width:992px){.portfolio-tech__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.portfolio-tech__grid{grid-template-columns:1fr}.portfolio-tech__header h2{font-size:26px}.portfolio-cta__card h2{font-size:24px}}