.portfolio-hero{background:linear-gradient(135deg,#334960,#2196f3);color:#fff;padding:100px 0 60px;margin-top:70px}.hero-title{font-size:3.5rem;font-weight:700;margin-bottom:1rem}.hero-subtitle{font-size:1.2rem;opacity:.9}.filter-section{background:#f8f9fa;border-bottom:1px solid #e9ecef}.filter-tabs{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.filter-btn{background:#fff;border:2px solid #e9ecef;padding:12px 24px;border-radius:25px;color:#666;font-weight:500;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;cursor:pointer}.filter-btn:hover{border-color:#2196f3;color:#2196f3;transform:translateY(-2px)}.filter-btn.active{background:#2196f3!important;border-color:#2196f3!important;transform:translateY(-2px);box-shadow:0 5px 15px rgba(33,150,243,.3)}.filter-btn.active,.filter-btn.active i{color:#fff!important}.project-card,.projects-section{background:#fff}.project-card{border-radius:15px;overflow:hidden;box-shadow:0 5px 20px rgba(0,0,0,.1);transition:all .3s ease;height:100%;display:flex;flex-direction:column}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(33,150,243,.2)}.project-image{position:relative;overflow:hidden;height:250px}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.1)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(33,150,243,.9);display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease}.project-card:hover .project-overlay{opacity:1}.project-actions{display:flex;gap:1rem}.action-btn{width:50px;height:50px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#2196f3;text-decoration:none;transition:all .3s ease;transform:translateY(20px)}.project-card:hover .action-btn{transform:translateY(0)}.action-btn:hover{background:#334960;color:#fff;transform:scale(1.1)}.project-content{padding:1.5rem;flex-grow:1;display:flex;flex-direction:column}.project-title{font-size:1.25rem;font-weight:600;color:#334960;margin-bottom:.75rem}.project-description{color:#666;margin-bottom:1rem;line-height:1.6;flex-grow:1}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.tech-tag{background:#f8f9fa;color:#2196f3;padding:.25rem .75rem;border-radius:15px;font-size:.8rem;font-weight:500;border:1px solid #e9ecef}.project-btn{background:linear-gradient(135deg,#2196f3,#334960);color:#fff;padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:500;text-align:center;transition:all .3s ease;margin-top:auto}.project-btn:hover{color:#fff;transform:scale(1.05);box-shadow:0 5px 15px rgba(33,150,243,.3)}.portfolio-stats{background:linear-gradient(135deg,#334960,#2196f3);color:#fff}.stat-item{text-align:center;padding:2rem}.stat-icon{width:80px;height:80px;background:hsla(0,0%,100%,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;animation:float 3s ease-in-out infinite}.stat-icon i{font-size:2rem;color:#fff}.stat-number{font-size:3rem;font-weight:700;margin-bottom:.5rem}.stat-label{font-size:1.1rem;opacity:.9}.portfolio-cta{background:#f8f9fa;padding:80px 0;text-align:center}.portfolio-cta h2{font-size:2.5rem;font-weight:700;color:#334960;margin-bottom:1rem}.portfolio-cta p{font-size:1.1rem;color:#666;margin-bottom:2rem}.cta-btn{background:linear-gradient(135deg,#2196f3,#334960);color:#fff;padding:15px 40px;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease}.cta-btn:hover{color:#fff;transform:scale(1.05);box-shadow:0 10px 30px rgba(33,150,243,.3)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.stat-item:nth-child(2n) .stat-icon{animation-delay:-1.5s}@media (max-width:768px){.hero-title{font-size:2.5rem}.filter-tabs{gap:.5rem}.filter-btn{padding:8px 16px;font-size:.9rem}.project-image{height:200px}.portfolio-cta h2{font-size:2rem}}