.portfolio-section{max-width:1300px;margin:0 auto;padding:2rem;background:linear-gradient(135deg,#1b1b1b,#2e2e2e);box-shadow:0 8px 20px rgba(0,0,0,.25)}.portfolio-title{font-size:3rem;font-weight:800;text-align:center;background:linear-gradient(90deg,#00c9ff,#92fe9d);-webkit-background-clip:text;-webkit-text-fill-color:transparent;position:relative;margin-bottom:2.5rem;animation:fadeIn 1s ease-in-out}.portfolio-title:after{content:"";display:block;width:400px;height:4px;background:linear-gradient(90deg,#00c9ff,#92fe9d);margin:.75rem auto 0;border-radius:10px}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.portfolio-card{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:3rem;border-radius:15px;padding:1rem;color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:2px solid #43e0ce;transition:transform .3s ease}.portfolio-card:hover{transform:translateY(-5px)}.card-1{background:linear-gradient(135deg,#00c9ff,#92fe9d);border:2px solid #2a8de0}.card-2{background:linear-gradient(135deg,#ff5f6d,#ffc371);border:2px solid #ffa07a}.card-3{background:linear-gradient(135deg,#43cea2,#185a9d);border:2px solid #43e0ce}.portfolio-card.reverse{flex-direction:column-reverse}@media (min-width:768px){.portfolio-card{flex-direction:row;align-items:center}.portfolio-card.reverse{flex-direction:row-reverse}}.portfolio-image{flex:1 1;border-radius:10px;overflow:hidden}.image{width:100%;height:auto;object-fit:cover;border-radius:10px;box-shadow:0 4px 10px rgba(0,0,0,.25)}.portfolio-content{flex:1 1;padding:1rem}.portfolio-content h3{font-size:1.8rem;margin-bottom:1rem;color:#92fe9d}.portfolio-content p{font-size:1rem;color:#00c9ff;margin-bottom:1.5rem}.portfolio-buttons{display:flex;flex-wrap:wrap;gap:1rem}.portfolio-buttons a{display:flex;align-items:center;gap:.5rem;text-decoration:none;padding:.5rem 1rem;color:#fff;border-radius:5px;transition:background .3s ease}.portfolio-buttons a,.portfolio-buttons a:hover{background:linear-gradient(90deg,#00c9ff,#92fe9d)}@media (max-width:992px){.portfolio-title{font-size:2.5rem}.portfolio-title:after{width:250px}.portfolio-content h3{font-size:1.5rem}}@media (max-width:768px){.portfolio-section{padding:1.5rem}.portfolio-card{text-align:center}.portfolio-buttons{justify-content:center}}@media (max-width:480px){.portfolio-title{font-size:2rem}.portfolio-title:after{width:180px}.portfolio-content h3{font-size:1.3rem}.portfolio-content p{font-size:.9rem}.portfolio-buttons a{font-size:.85rem;padding:.4rem .8rem}}