.portfolio-wrapper{all:initial;display:block;font-family:Inter,sans-serif}.portfolio-wrapper *{box-sizing:border-box;max-width:100%}.portfolio-section{position:relative;padding:100px 20px;overflow:hidden;font-family:Inter,sans-serif;background:#030d18;color:#ffffff}.portfolio-fade-top:before{top:0;background:linear-gradient(180deg,#030d18,transparent)}.portfolio-fade-bottom:after,.portfolio-fade-top:before{content:"";position:absolute;left:0;right:0;height:120px;pointer-events:none;z-index:10}.portfolio-fade-bottom:after{bottom:0;background:linear-gradient(0deg,#030d18,transparent)}.portfolio-container{max-width:1400px;margin:0 auto;width:100%;position:relative;z-index:1;padding:0 40px}.portfolio-header{text-align:center;margin-bottom:64px}@keyframes portfolio-fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.portfolio-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:rgba(67,183,255,.1);border:1px solid rgba(67,183,255,.3);border-radius:40px;font-size:13px;font-weight:500;color:#43b7ff;text-transform:uppercase;letter-spacing:1px;margin-bottom:24px}.portfolio-badge:before{content:"";width:8px;height:8px;background:#43b7ff;border-radius:50%;animation:portfolio-pulse 2s ease-in-out infinite}@keyframes portfolio-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.3)}}.portfolio-title{font-size:36px!important;font-weight:600!important;line-height:1.3!important;margin:0 0 16px!important;letter-spacing:-.5px;text-transform:uppercase;background:linear-gradient(135deg,#ffffff,#43b7ff)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important}.portfolio-subtitle{font-size:18px;line-height:1.7;color:#a8b5c3!important;max-width:700px;margin:0 auto}.portfolio-grid{display:grid;grid-template-columns:1fr;gap:32px;position:relative}@media (min-width:768px){.portfolio-grid{grid-template-columns:repeat(2,1fr);gap:40px}}.project-card{position:relative;border-radius:24px;overflow:hidden;background:linear-gradient(135deg,rgba(13,27,46,.6),rgba(10,22,40,.4));backdrop-filter:blur(10px);border:1px solid rgba(67,183,255,.15);cursor:pointer;opacity:0;transform:translateY(60px) scale(.9);padding-top:20px;padding-bottom:30px;transition:all .4s ease}@media (min-width:768px){.project-card{padding-top:30px}}.project-card:before{content:"";position:absolute;inset:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,#43b7ff,transparent 50%,#43b7ff);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease}.project-card:hover:before{opacity:1}.project-card:hover{transform:translateY(-4px);box-shadow:0 20px 60px rgba(67,183,255,.2)}.card-image-container{position:relative;width:calc(100% - 20px);margin:0 auto;padding-top:52.67%;overflow:hidden;background:#0a1929;border-radius:16px}@media (min-width:768px){.card-image-container{width:calc(100% - 40px)}}.card-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.project-card:hover .card-image{transform:scale(1.05)}.project-badge{position:absolute;top:15px;left:15px;background:rgba(67,183,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(67,183,255,.3);padding:6px 10px;border-radius:50px;font-size:10px;font-weight:600;color:#43b7ff;opacity:0;transform:translateX(-20px);z-index:10}@media (min-width:768px){.project-badge{font-size:13px;padding:8px 16px;top:20px;left:20px}}.card-content{padding:32px;position:relative}.card-title{font-size:1.1rem!important;font-weight:700!important;color:#ffffff!important;margin:0 0 12px!important;transition:color .3s ease;text-transform:uppercase;line-height:1.3!important}.project-card:hover .card-title{color:#43b7ff}.card-description{font-size:15px;line-height:1.6;color:#a8b5c3!important;margin:0 0 24px}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:16px}.card-link{color:#43b7ff;font-weight:600;font-size:.95rem;padding:8px 0;line-height:1;height:36px;display:inline-flex;align-items:center;justify-content:center;border-bottom:1px solid rgba(67,183,255,.5);transition:all .25s ease;text-decoration:none;font-family:Inter,sans-serif}.card-link:hover{background:#ffffff;color:#030d18;border-radius:40px;padding:8px 20px;border-bottom:none;box-shadow:0 0 12px rgba(255,255,255,.25)}.card-stats{display:flex;gap:16px;font-size:13px;font-weight:600;color:#7ee787}.stat-item{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;padding:7px 12px;border:1px solid rgba(49,209,88,.35);border-radius:999px;background:rgba(49,209,88,.1);box-shadow:inset 0 0 18px rgba(49,209,88,.08);line-height:1;white-space:nowrap}.stat-dot{width:8px;height:8px;border-radius:50%;background:#31d158;box-shadow:0 0 0 rgba(49,209,88,.7);animation:portfolio-stat-pulse 1.6s ease-in-out infinite}@keyframes portfolio-stat-pulse{0%,to{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(49,209,88,.55)}50%{opacity:.65;transform:scale(1.18);box-shadow:0 0 0 7px rgba(49,209,88,0)}}.project-card.is-hidden{display:none}.portfolio-actions{display:flex;justify-content:center;margin-top:48px}.portfolio-load-more{display:inline-flex;align-items:center;justify-content:center;min-width:220px;padding:15px 34px;border:2px solid #43b7ff;border-radius:40px;background:linear-gradient(135deg,#43b7ff,#2a8bbf);color:#030d18;box-shadow:0 10px 30px rgba(67,183,255,.3);cursor:pointer;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;line-height:1;text-decoration:none;transition:all .3s ease}.portfolio-load-more:hover{box-shadow:0 10px 40px rgba(67,183,255,.6);color:#030d18}.portfolio-load-more.is-hidden{display:none}.glow-effect{position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,rgba(67,183,255,.4) 0,transparent 70%);pointer-events:none;opacity:0;transition:opacity .3s ease;filter:blur(40px);z-index:-1}.project-card:hover .glow-effect{opacity:1}@media (min-width:1400px){.portfolio-container{padding:0 40px}}@media (max-width:1400px){.portfolio-container{padding:0 40px}}@media (max-width:1200px){.portfolio-container{padding:0 32px}.portfolio-title{font-size:32px!important}}@media (max-width:1024px){.portfolio-section{padding:80px 20px}.portfolio-container{padding:0 24px}.portfolio-header{margin-bottom:48px}}@media (max-width:768px){.portfolio-section{padding:60px 20px}.portfolio-container{padding:0 20px}.portfolio-title{font-size:28px!important}.portfolio-subtitle{font-size:16px}.card-content{padding:24px}}@media (max-width:640px){.portfolio-section{padding:50px 20px}.portfolio-container{padding:0 20px}.portfolio-badge{font-size:11px!important;padding:8px 16px!important}.portfolio-badge:before{width:6px!important;height:6px!important}.portfolio-title{font-size:24px!important;line-height:1.25!important}.portfolio-subtitle{font-size:15px}.portfolio-header{margin-bottom:40px}.portfolio-grid{gap:24px}.card-content{padding:20px}.card-title{font-size:1rem!important}.card-description{font-size:14px}}@media (max-width:375px){.portfolio-container{padding:0 16px!important}.portfolio-title{font-size:22px!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.portfolio-badge{display:inline-flex!important;align-items:center!important;gap:8px!important;padding:8px 16px!important;background:rgba(67,183,255,.1)!important;border:1px solid rgba(67,183,255,.3)!important;color:#43b7ff!important;border-radius:40px!important;font-size:12px!important;font-weight:500!important;line-height:1!important;letter-spacing:1px!important;text-transform:uppercase!important}.portfolio-badge:before{width:7px!important;height:7px!important;flex:0 0 7px!important}@media (max-width:640px){.portfolio-badge{gap:8px!important;padding:7px 14px!important;font-size:10px!important}.portfolio-badge:before{width:6px!important;height:6px!important;flex-basis:6px!important}}@media (max-width:375px){.portfolio-badge{padding:6px 12px!important;font-size:9px!important}.portfolio-badge:before{width:5px!important;height:5px!important;flex-basis:5px!important}}