.projects-page{display:flex;flex-direction:column;align-items:center;padding:40px 20px}.page-header{margin-bottom:40px;text-align:center}.page-title{font-size:32px;font-weight:600;margin-bottom:10px;color:#222}.page-description{font-size:16px;color:#666;max-width:600px;margin:0 auto;text-align:center}.projects-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;width:100%;max-width:1000px}.project-card{background-color:white;border-radius:16px;overflow:hidden;box-shadow:0 5px 15px rgb(0 0 0 / 10%);transition:transform 0.3s ease,box-shadow 0.3s ease;border:1px solid rgb(0 0 0 / 10%);display:flex;flex-direction:column;height:380px;position:relative}.project-card:hover{transform:translateY(-5px);box-shadow:0 10px 25px rgb(0 0 0 / 15%)}.project-image{height:180px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-content{padding:20px;flex-grow:1;display:flex;flex-direction:column}.project-title{font-size:20px;font-weight:600;margin-bottom:10px;color:#222}.project-description{font-size:14px;color:#666;margin-bottom:20px;line-height:1.5;flex-grow:1}.project-link{align-self:flex-start;padding:8px 16px;background-color:#222;color:white;border-radius:50px;text-decoration:none;font-size:14px;font-weight:500;transition:background-color 0.3s ease}.project-link:hover{background-color:#444}.project-link:focus{outline:2px solid #06c;outline-offset:2px}.back-link{margin-top:40px;padding:10px 20px;background-color:transparent;color:#222;border:1px solid #222;border-radius:50px;text-decoration:none;font-size:14px;font-weight:500;transition:background-color 0.3s ease;display:inline-block}.back-link:hover{background-color:rgb(0 0 0 / 5%)}.back-link:focus{outline:2px solid #06c;outline-offset:2px}@media (width <= 768px){.projects-container{grid-template-columns:1fr;max-width:400px}.page-title{font-size:26px}.page-description{font-size:14px}}