@keyframes gradientShift{0%,to{background-position:0%}50%{background-position:100%}}.projects-page{min-height:100vh;padding-top:80px}.projects-hero{padding:6rem 0;position:relative;overflow:hidden}.projects-hero-container{max-width:1400px;margin:0 auto;padding-left:3rem;padding-right:3rem}@media (max-width:768px){.projects-hero-container{padding-left:2rem;padding-right:2rem}}@media (max-width:640px){.projects-hero-container{padding-left:1.5rem;padding-right:1.5rem}}.projects-hero-container{text-align:center;z-index:1;max-width:800px;margin:0 auto;position:relative}.projects-hero-title{color:#f5f5f5;margin-bottom:1.5rem;font-size:3rem}@media (max-width:768px){.projects-hero-title{font-size:2.25rem}}@media (max-width:640px){.projects-hero-title{font-size:1.875rem}}.projects-hero-description{color:#a3a3a3;font-size:1.125rem;line-height:1.8}@media (max-width:640px){.projects-hero-description{font-size:1rem}}.projects-grid-section{padding:6rem 0}@media (max-width:640px){.projects-grid-section{padding:4rem 0}}.projects-grid-container{max-width:1400px;margin:0 auto;padding-left:3rem;padding-right:3rem}@media (max-width:768px){.projects-grid-container{padding-left:2rem;padding-right:2rem}}@media (max-width:640px){.projects-grid-container{padding-left:1.5rem;padding-right:1.5rem}}.projects-grid{grid-template-columns:repeat(2,1fr);gap:3rem;display:grid}@media (min-width:1024px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}.project-card{background:#0d0d12;border:1px solid #2d2d3a;border-radius:.75rem;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.project-card:hover{border-color:#3b82f666;transform:translateY(-8px);box-shadow:0 20px 50px #3b82f640}.project-card:hover .project-card-image img{transform:scale(1.05)}.project-card:hover .project-card-title{color:#60a5fa}.project-card-image{background:#1e1e2a;width:100%;height:280px;position:relative;overflow:hidden}.project-card-image img{object-fit:cover;transition:transform .5s cubic-bezier(.4,0,.2,1)}.project-card-content{flex-direction:column;flex:1;padding:3rem;display:flex}.project-card-title{color:#f5f5f5;margin-bottom:1rem;font-size:1.5rem;transition:color .2s cubic-bezier(.4,0,.2,1)}.project-card-description{color:#a3a3a3;flex:1;margin-bottom:2rem;font-size:1rem;line-height:1.7}.project-card-tags{flex-wrap:wrap;gap:.5rem;margin-bottom:2rem;display:flex}.project-card-tag{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633;border-radius:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.project-card-tag:hover{background:#3b82f626;border-color:#3b82f666}.project-card-actions{gap:1.5rem;display:flex}.project-card-link{color:#60a5fa;background:#3b82f61a;border:1px solid #3b82f633;border-radius:.5rem;align-items:center;gap:.5rem;padding:1rem 2rem;font-size:1rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex;position:relative;overflow:hidden}.project-card-link:before{content:"";background:linear-gradient(90deg,#0000 0%,#3b82f633 50%,#0000 100%);width:100%;height:100%;transition:left .5s cubic-bezier(.4,0,.2,1);position:absolute;top:0;left:-100%}.project-card-link svg{z-index:1;transition:transform .2s cubic-bezier(.4,0,.2,1);position:relative}.project-card-link span{z-index:1;position:relative}.project-card-link:hover{color:#fff;background:#3b82f6;border-color:#3b82f6;box-shadow:0 4px 20px #3b82f666}.project-card-link:hover:before{left:100%}.project-card-link:hover svg{transform:translate(2px,-2px)}