.portfolio_container__wIEba{width:100%;min-height:100vh;margin-top:90px;font-family:Poppins,sans-serif}.portfolio_hero__D8Dqx{text-align:center;padding:20px;background:linear-gradient(135deg,#f8fafc,#e2e8f0)}.portfolio_heroContent__VfWjN{max-width:1200px;margin:0 auto}.portfolio_heroTitle__j2IjI{font-size:clamp(3rem,6vw,5rem);font-weight:800;color:#1e293b;margin-bottom:20px;line-height:1.1}.portfolio_gradientText__nBHUd{background:linear-gradient(135deg,#1a2552,#125be4,#7c3aed);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-size:200% 200%;animation:portfolio_gradientShift__k7Ijl 3s ease-in-out infinite}@keyframes portfolio_gradientShift__k7Ijl{0%,to{background-position:0 50%}50%{background-position:100% 50%}}.portfolio_heroSubtitle__Xzz14{font-size:1.3rem;color:#64748b;max-width:800px;margin:0 auto;line-height:1.6}.portfolio_filterSection__tJqg0{padding:60px 20px;background:white}.portfolio_filterContainer___XlIO{max-width:1400px;margin:0 auto;text-align:center}.portfolio_filterTitle__nRMYp{font-size:1.5rem;font-weight:700;color:#1e293b;margin-bottom:30px}.portfolio_filterButtons___9hL4{display:flex;flex-wrap:wrap;justify-content:center;gap:15px}.portfolio_filterButton__AoOG1{padding:8px 10px;border:2px solid #e2e8f0;background:white;color:#64748b;border-radius:50px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px;text-transform:uppercase;letter-spacing:1px}.portfolio_filterButton__AoOG1:hover{border-color:#125be4;color:#125be4;transform:translateY(-2px)}.portfolio_filterButton__AoOG1.portfolio_active__j_2a_{background:linear-gradient(135deg,#1a2552,#125be4);color:white;border-color:transparent;transform:translateY(-2px);box-shadow:0 10px 30px rgba(18,91,228,.3)}.portfolio_projectsSection__kq2ej{padding:40px 20px;background:#f8fafc}.portfolio_projectsGrid__qMENJ{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1400px;margin:0 auto}.portfolio_projectCard__1_Qd_{background:white;border-radius:20px;overflow:hidden;box-shadow:0 10px 40px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer}.portfolio_projectCard__1_Qd_:hover{transform:translateY(-10px);box-shadow:0 20px 60px rgba(0,0,0,.15)}.portfolio_projectImageContainer__Ztx3J{position:relative;height:250px;overflow:hidden}.portfolio_projectImage__ePz_g{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.portfolio_projectCard__1_Qd_:hover .portfolio_projectImage__ePz_g{transform:scale(1.1)}.portfolio_projectOverlay__30TBd{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(26,37,82,.9),rgba(18,91,228,.9));display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.portfolio_projectCard__1_Qd_:hover .portfolio_projectOverlay__30TBd{opacity:1}.portfolio_projectOverlayContent__7bQc4{text-align:center;color:white;padding:20px}.portfolio_projectCategory__OFZyQ{display:inline-block;padding:4px 12px;background:rgba(255,255,255,.2);border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:1px;margin-bottom:15px}.portfolio_projectName__ZmyxT{font-size:1.8rem;font-weight:700;margin-bottom:10px}.portfolio_projectDescription__AGAN_{font-size:14px;opacity:.9;margin-bottom:20px;line-height:1.5}.portfolio_projectActions__5DByp{display:flex;gap:10px;justify-content:center}.portfolio_liveDemo__imc4y,.portfolio_viewProject__nPzIl{padding:10px 20px;border:2px solid white;background:transparent;color:white;border-radius:25px;font-weight:600;cursor:pointer;transition:all .3s ease;font-size:14px;text-decoration:none;display:inline-block;text-align:center}.portfolio_liveDemo__imc4y:hover,.portfolio_viewProject__nPzIl:hover{background:white;color:#1a2552}.portfolio_projectInfo__XI2hk{padding:25px}.portfolio_projectMeta__qCWlN{display:flex;align-items:center;gap:8px;margin-bottom:15px}.portfolio_projectTech__e5JYB{font-size:12px;color:#125be4;font-weight:600;text-transform:uppercase;letter-spacing:1px}.portfolio_projectDot__oaOnG{width:4px;height:4px;background:#cbd5e1;border-radius:50%}.portfolio_projectYear__YDymx{font-size:12px;color:#10b981;font-weight:600}.portfolio_projectTitle__R8Xl_{font-size:1.3rem;font-weight:700;color:#1e293b;margin:0 0 15px}.portfolio_projectDesc__uX44R{font-size:14px;color:#64748b;line-height:1.6;margin-bottom:15px}.portfolio_technologies__Ux59N{display:flex;flex-wrap:wrap;gap:8px}.portfolio_techTag___Idy8{padding:4px 12px;background:#f1f5f9;color:#475569;border-radius:20px;font-size:12px;font-weight:600}@media (max-width:1200px){.portfolio_projectsGrid__qMENJ{grid-template-columns:repeat(2,1fr);gap:25px}}@media (max-width:768px){.portfolio_hero__D8Dqx{padding:60px 15px}.portfolio_filterSection__tJqg0{padding:40px 15px}.portfolio_projectsSection__kq2ej{padding:60px 15px}.portfolio_projectsGrid__qMENJ{grid-template-columns:1fr;gap:20px}.portfolio_heroTitle__j2IjI{font-size:2.5rem}.portfolio_filterButtons___9hL4{gap:10px}.portfolio_filterButton__AoOG1{padding:10px 20px;font-size:12px}.portfolio_projectActions__5DByp{flex-direction:column;gap:8px}.portfolio_liveDemo__imc4y,.portfolio_viewProject__nPzIl{width:100%}}