.knowledge-hub{background-color:#f9f9f9;color:#4b286d;padding:40px 20px;text-align:center}.knowledge-hub h2{color:#872f75;font-size:2rem;margin-bottom:20px}.knowledge-hub p{color:#6f4d97;font-size:1.2rem;margin-bottom:30px}.grid-container{display:grid;gap:20px;grid-template-columns:repeat(3,1fr);margin:0 auto;max-width:1200px}.grid-item{border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.1);opacity:0;overflow:hidden;position:relative;transform:translateY(20px);transition:transform .3s ease,box-shadow .3s ease;transition:opacity .6s ease,transform .6s ease}.grid-item.show{opacity:1;transform:translateY(0)}.grid-item img{height:180px;object-fit:cover;transition:transform .3s ease;width:100%}.grid-item.active,.grid-item:hover{box-shadow:0 6px 12px rgba(0,0,0,.2);transform:scale(1.05)}.grid-item .hover-text{background:rgba(0,0,0,.6);border-radius:5px;color:#fff;font-size:1.5rem;font-weight:700;left:50%;opacity:0;padding:15px;position:absolute;text-align:center;top:50%;transform:translate(-50%,-50%);transition:opacity .3s ease}.grid-item.active .hover-text,.grid-item:hover .hover-text{opacity:1}@media (max-width:768px){.knowledge-hub h2{font-size:1.8rem}.knowledge-hub p{font-size:1rem}.grid-container{gap:15px;grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.knowledge-hub h2{font-size:1.5rem}.knowledge-hub p{font-size:.9rem}.grid-container{gap:10px;grid-template-columns:1fr}.grid-item img{height:150px}}.hub-popup{background-color:#fff;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,.2);display:none;left:50%;max-width:500px;padding:20px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%;z-index:1000}.hub-popup.active{display:block}.popup-content{text-align:left}.popup-content h3{color:#4b286d;font-size:1.5rem;margin-bottom:15px}.popup-content ul{list-style-type:none;padding:0}.popup-content ul li{margin-bottom:10px}.popup-content ul li a{color:#872f75;font-size:1rem;text-decoration:none;transition:color .3s ease}.popup-content ul li a:hover{color:#4b286d;text-decoration:underline}.popup-close{background:none;border:none;color:#872f75;cursor:pointer;font-size:1.5rem;position:absolute;right:10px;top:10px;transition:color .3s ease}.popup-close:hover{color:#4b286d}.popup-overlay{background:rgba(0,0,0,.5);display:none;height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.popup-overlay.active{display:block}@media (max-width:768px){.grid-item .hover-text{opacity:1;transform:translate(-50%,-50%)}.grid-item:hover .hover-text{opacity:1}}