.portfolio-section{text-align:center;max-width:1200px;margin:60px auto;padding:0 20px;font-family:Inter,sans-serif}.portfolio-title{color:#00c3ff;letter-spacing:1px;text-shadow:0 3px 10px #00c3ff66;margin-bottom:10px;font-size:clamp(32px,5vw,40px);font-weight:700}.portfolio-subtitle{color:#aaa;margin-bottom:50px;font-size:clamp(16px,2.5vw,20px);line-height:1.6}.portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;display:grid}.portfolio-card{cursor:pointer;background:#ffffff0d;border-radius:20px;padding:20px;transition:transform .4s,box-shadow .4s,background .4s;overflow:hidden;box-shadow:0 8px 25px #00000026}.portfolio-card:hover{background:#ffffff14;transform:translateY(-12px)scale(1.03);box-shadow:0 25px 50px #00c3ff59}.portfolio-image{border-radius:15px;width:100%;margin-bottom:20px;overflow:hidden}.portfolio-image img{object-fit:cover;border-radius:15px;width:100%;height:auto;transition:transform .5s,filter .5s}.portfolio-card:hover .portfolio-image img{filter:brightness(1.15);transform:scale(1.1)}.project-name{color:#fff;text-shadow:0 2px 8px #00c3ff4d;margin-bottom:15px;font-size:20px;font-weight:600;line-height:1.4}.view-button{color:#fff;background:linear-gradient(135deg,#00c3ff,#0072ff);border-radius:10px;padding:12px 28px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 6px 15px #00000040}.view-button:hover{background:linear-gradient(135deg,#0072ff,#00c3ff);transform:translateY(-4px)scale(1.06);box-shadow:0 15px 25px #00c3ff66}.view-button:active{transform:translateY(0)scale(.97);box-shadow:0 4px 10px #0003}@media (max-width:1024px){.portfolio-grid{gap:25px}}@media (max-width:768px){.portfolio-grid{grid-template-columns:1fr;gap:20px}}