.portfolio-section{color:#fff;background-color:#00160c;padding:100px 40px}.portfolio-header{text-align:left;max-width:1200px;margin:0 auto 60px}.portfolio-title{letter-spacing:-2px;margin-top:10px;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.portfolio-title span{color:#fff3}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:40px;max-width:1200px;margin:0 auto;display:grid}.portfolio-card{background:#ffffff05;border:1px solid #ffffff0d;border-radius:20px;transition:all .4s cubic-bezier(.23,1,.32,1);overflow:hidden}.portfolio-card:hover{border-color:#00ff884d;transform:translateY(-10px)}.project-image-container{height:250px;position:relative;overflow:hidden}.project-img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.portfolio-card:hover .project-img{transform:scale(1.1)}.project-overlay{opacity:0;background:#00160ccc;justify-content:center;align-items:center;width:100%;height:100%;transition:all .3s;display:flex;position:absolute;top:0;left:0}.portfolio-card:hover .project-overlay{opacity:1}.view-project-btn{color:#00160c;background:#0f8;border-radius:50px;padding:12px 25px;font-size:.85rem;font-weight:700;text-decoration:none;transition:all .3s}.view-project-btn:hover{background:#fff}.project-info{padding:30px}.project-meta{justify-content:space-between;margin-bottom:10px;display:flex}.project-id{color:#0f8;font-family:Courier New,Courier,monospace;font-size:.7rem}.project-category{color:#fff6;text-transform:uppercase;letter-spacing:1px;font-size:.7rem}.project-title{margin-bottom:20px;font-size:1.5rem;font-weight:700}.project-tech-stack{flex-wrap:wrap;gap:10px;display:flex}.tech-pill{color:#fff9;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;padding:4px 10px;font-size:.65rem}@media (max-width:768px){.portfolio-grid{grid-template-columns:1fr}}