.project-gallery{margin:30px 0}.project-gallery h3{color:#2c3e50;margin-bottom:20px;font-size:1.5rem;border-bottom:2px solid #e74c3c;padding-bottom:10px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.gallery-item{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 4px 15px rgba(0,0,0,.1);transition:all .3s ease;cursor:pointer}.gallery-item:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.gallery-item img{width:100%;height:200px;object-fit:cover;display:block;transition:transform .3s ease}.gallery-item:hover img{transform:scale(1.05)}.skill-gallery-modal{display:none;position:fixed;z-index:9999;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.95);backdrop-filter:blur(10px)}.skill-gallery-modal.active{display:flex;align-items:center;justify-content:center}.skill-gallery-content{position:relative;max-width:90%;max-height:90%;text-align:center}.skill-gallery-content img{max-width:100%;max-height:80vh;object-fit:contain;border-radius:10px;box-shadow:0 20px 60px rgba(0,0,0,.3)}.skill-gallery-close{position:absolute;top:-50px;right:0;color:#fff;font-size:40px;font-weight:700;cursor:pointer;z-index:10000;background:rgba(0,0,0,.5);width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.skill-gallery-close:hover{background:rgba(255,255,255,.2);transform:scale(1.1)}.skill-gallery-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(255,255,255,.2);color:#fff;border:none;padding:15px 20px;cursor:pointer;border-radius:50%;font-size:24px;transition:all .3s ease;backdrop-filter:blur(10px)}.skill-gallery-nav:hover{background:rgba(255,255,255,.3);transform:scale(1.1)}.skill-gallery-prev{left:20px}.skill-gallery-next{right:20px}.skill-gallery-counter{position:absolute;bottom:-40px;left:50%;transform:translateX(-50%);color:#fff;font-size:16px;background:rgba(0,0,0,.5);padding:10px 20px;border-radius:20px;backdrop-filter:blur(10px)}@media (max-width:768px){.gallery-grid{grid-template-columns:repeat(2,1fr)}.gallery-item img{height:150px}.skill-gallery-nav{padding:10px 15px;font-size:18px}.skill-gallery-prev{left:10px}.skill-gallery-next{right:10px}}@media (max-width:480px){.gallery-grid{grid-template-columns:1fr}.gallery-item img{height:200px}}