.portfolio-hero{padding:12rem 2rem 6rem;background:#000428;background:radial-gradient(ellipse at center,#000428 0,#004e92 100%);color:var(--secondary-color);text-align:center;position:relative}.portfolio-title{font-size:clamp(2.5rem, 6vw, 5rem);font-weight:700;margin-bottom:1.5rem;opacity:0;animation:fadeInUp 1s ease-out .3s forwards}.portfolio-subtitle{font-size:clamp(1.1rem, 2.5vw, 1.5rem);color:rgba(255,255,255,.8);max-width:600px;margin:0 auto;opacity:0;animation:fadeInUp 1s ease-out .6s forwards}.portfolio-section{background:#f8f9fa;padding:4rem 2rem}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem}.project-card{background:var(--secondary-color);border-radius:16px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.05);transition:transform .4s cubic-bezier(.165, .84, .44, 1),box-shadow .4s cubic-bezier(.165, .84, .44, 1);cursor:pointer;position:relative}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px rgba(0,0,0,.1)}.project-image{height:250px;overflow:hidden;position:relative}.placeholder-img{width:100%;height:100%;transition:transform .6s cubic-bezier(.165, .84, .44, 1)}.project-card:hover .placeholder-img{transform:scale(1.05)}.project-content{padding:2rem}.project-tags{display:flex;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.tag{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--accent-color);background:rgba(0,102,255,.1);padding:.4rem .8rem;border-radius:50px}.project-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:var(--primary-color)}.project-description{color:#666;line-height:1.6;font-size:1rem}@media (max-width:768px){.portfolio-grid{grid-template-columns:1fr}.portfolio-hero{padding:10rem 1.5rem 4rem}}