.projects-wrapper{color:#fff;max-width:1200px}.projects-container{padding:20px}.projects-header{text-align:center;margin-bottom:3rem}.projects-header h1{font-size:2.5rem}.projects-header p{opacity:.8;margin-top:.5rem}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:auto;display:grid}.project-card{background:#ffffff0d;border-radius:16px;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden}.project-card:hover{transform:translateY(-10px);box-shadow:0 20px 60px #0ff3}.project-image{position:relative}.project-image img{object-fit:cover;width:100%;height:180px}.image-overlay{opacity:0;background:#000000b3;justify-content:center;align-items:center;gap:1rem;transition:opacity .4s;display:flex;position:absolute;inset:0}.project-image:hover .image-overlay{opacity:1}.image-overlay a{color:#000;background:#4dabf7;border-radius:6px;padding:.6rem 1.2rem;font-weight:600;text-decoration:none}.project-content{padding:1.5rem}.project-content h3{margin-bottom:.6rem}.project-content p{opacity:.85;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.95rem;display:-webkit-box;overflow:hidden}.tech-stack{scrollbar-width:none;scroll-behavior:smooth;gap:.5rem;margin-top:1rem;display:flex;overflow:scroll}.tech-stack span{background:#ffffff1a;border-radius:14px;padding:.4rem .8rem;font-size:.8rem}@media (max-width:768px){.project-image img{height:160px}.projects-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}}.skeleton{background:linear-gradient(90deg,#1a1a1a 25%,#2a2a2a 50%,#1a1a1a 75%) 0 0/200% 100%;border-radius:20px;height:350px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}