.portfolio_portfolioPage__2YZ9A{padding-top:70px}.portfolio_hero__3LAwi{background:var(--gradient-primary);color:var(--base-white);padding:100px 0;text-align:center}.portfolio_heroContent__0O3Vf h1{font-size:3rem;margin-bottom:1.5rem;color:var(--base-white)}.portfolio_heroContent__0O3Vf p{font-size:1.25rem;max-width:600px;margin:0 auto;color:hsla(0,0%,100%,.9)}.portfolio_filters__LoSFE{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.portfolio_filterBtn__YFpL_{background:var(--base-white);color:var(--dark-gray);border:2px solid var(--border-gray);padding:.75rem 1.5rem;border-radius:30px;font-weight:600;cursor:pointer;transition:var(--transition)}.portfolio_filterBtn__YFpL_:hover{border-color:var(--primary-blue);color:var(--primary-blue)}.portfolio_filterBtn__YFpL_.portfolio_active__ehoup{background:var(--primary-blue);color:var(--base-white);border-color:var(--primary-blue)}.portfolio_projectsGrid__Cx5GP{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem}.portfolio_projectCard__Lqi_K{background:var(--base-white);border-radius:var(--border-radius-lg);overflow:hidden;box-shadow:var(--shadow-light);transition:var(--transition);animation:portfolio_fadeInUp__klepN .6s ease-out;position:relative}.portfolio_projectCard__Lqi_K:hover{transform:translateY(-5px);box-shadow:var(--shadow-large)}.portfolio_projectImage___l0g_{position:relative;height:250px;overflow:hidden}.portfolio_projectImage___l0g_ img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio_projectCard__Lqi_K:hover .portfolio_projectImage___l0g_ img{transform:scale(1.1)}.portfolio_projectOverlay__GxpNT{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(1,87,233,.95),rgba(0,102,255,.95));opacity:0;transition:var(--transition);display:flex;align-items:center;justify-content:center;padding:2rem;flex-direction:column;color:var(--base-white);text-align:center}.portfolio_projectCard__Lqi_K:hover .portfolio_projectOverlay__GxpNT{opacity:1}.portfolio_projectOverlayContent__M399Q{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;width:100%}.portfolio_projectTitle__3wWds{font-size:1.5rem;margin-bottom:.75rem;color:var(--base-white)}.portfolio_projectTechOverlay__dM7Gr{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:1.5rem}.portfolio_techTag___rkuq{background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.25rem .75rem;font-size:.8rem;color:var(--base-white);border:1px solid hsla(0,0%,100%,.3)}.portfolio_projectIcons__IeIJX{display:flex;gap:1.5rem}.portfolio_projectIconButton__c1buB,.portfolio_projectIconLink__8dhgb{background:var(--base-white);color:var(--dark-gray);border:none;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.2rem;transition:var(--transition);cursor:pointer;text-decoration:none;box-shadow:var(--shadow-light)}.portfolio_projectIconButton__c1buB:hover,.portfolio_projectIconLink__8dhgb:hover{background:var(--primary-blue);color:var(--base-white);transform:translateY(-2px);box-shadow:var(--shadow-large)}.portfolio_projectFooter__qhf_U{padding:1.5rem}.portfolio_projectCategory__muptm{background:var(--gradient-accent);color:var(--dark-gray);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:600}.portfolio_noResults__ZWq_u{text-align:center;padding:4rem 0;color:var(--medium-gray);font-size:1.1rem}.portfolio_modalOverlay__LX5X3{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;align-items:center;justify-content:center;z-index:1000}.portfolio_modalContent__jWReh{background:var(--base-white);border-radius:var(--border-radius-lg);max-width:900px;width:90%;position:relative;box-shadow:var(--shadow-large);animation:portfolio_fadeIn__PNjGA .3s ease-out;display:flex;flex-direction:column}.portfolio_modalCloseBtn__9WfNl{position:absolute;top:1rem;right:1rem;background:none;border:none;font-size:2rem;color:var(--dark-gray);cursor:pointer;transition:color .2s ease;z-index:1001}.portfolio_modalCloseBtn__9WfNl:hover{color:var(--primary-blue)}.portfolio_modalBody__FPlJn{display:flex;gap:2rem;padding:2rem;flex-direction:row}.portfolio_modalImage___SEEP{width:50%;max-height:400px;object-fit:cover;border-radius:var(--border-radius)}.portfolio_modalInfo__w8ipA{width:50%;display:flex;flex-direction:column;gap:1rem}.portfolio_modalTitle__hdMmC{font-size:2.5rem;color:var(--dark-gray);margin-bottom:1rem}.portfolio_modalDescription__tp1_G{font-size:1rem;color:var(--medium-gray);line-height:1.8}.portfolio_modalDetails__T_Mti{font-size:.95rem;color:var(--dark-gray);display:flex;flex-direction:column;gap:.5rem}.portfolio_modalDetails__T_Mti p{color:var(--medium-gray);font-weight:500}.portfolio_modalDetails__T_Mti strong{color:var(--dark-gray);font-weight:600}.portfolio_modalTech__R9sqA h4{font-size:1.2rem;color:var(--dark-gray);margin-top:1.5rem;margin-bottom:.75rem;border-bottom:2px solid var(--border-gray);padding-bottom:.5rem}.portfolio_techList__vy5vR{display:flex;flex-wrap:wrap;gap:.5rem}.portfolio_techTag___rkuq{background:var(--light-gray);color:var(--dark-gray);padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500}.portfolio_modalActions__FEtSk{margin-top:auto}.portfolio_livePreviewBtn__CS_go{display:inline-block;background:var(--primary-blue);color:var(--base-white);padding:.75rem 2rem;border-radius:var(--border-radius);font-weight:600;text-decoration:none;text-align:center;transition:var(--transition)}.portfolio_livePreviewBtn__CS_go:hover{background:var(--primary-dark-blue)}@media (max-width:992px){.portfolio_modalBody__FPlJn{flex-direction:column}.portfolio_modalImage___SEEP,.portfolio_modalInfo__w8ipA{width:100%}}@media (max-width:768px){.portfolio_heroContent__0O3Vf h1{font-size:2.5rem}.portfolio_heroContent__0O3Vf p{font-size:1.1rem}.portfolio_filters__LoSFE{gap:.5rem}.portfolio_filterBtn__YFpL_{padding:.5rem 1rem;font-size:.9rem}.portfolio_projectsGrid__Cx5GP{grid-template-columns:1fr;gap:1.5rem}.portfolio_projectImage___l0g_{height:200px}.portfolio_projectFooter__qhf_U{padding:1rem}.portfolio_projectCategory__muptm{font-size:.8rem}.portfolio_ctaContent__JbDPl h2{font-size:2rem}.portfolio_ctaActions__5wlPa{flex-direction:column;align-items:center;gap:1rem}.portfolio_modalContent__jWReh{max-width:100%;width:100%;height:100%;border-radius:0}.portfolio_modalBody__FPlJn{padding:1rem;overflow-y:auto}}