*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#f0f4f8,#d9e2ec);color:#2c3e50;line-height:1.6}.certificates-container{max-width:1500px;margin:0 auto;padding:55px 20px}.certificates-header{text-align:center;margin-bottom:60px;font-size:3rem;font-weight:800;color:#1a202c;text-shadow:0 2px 4px rgba(0,0,0,.1)}.my-masonry-grid{display:flex;margin-left:-20px;width:auto}.my-masonry-grid_column{padding-left:20px;background-clip:padding-box}.certificate-card{position:relative;overflow:hidden;border-radius:12px;box-shadow:0 6px 12px #00000026;transition:transform .4s ease,box-shadow .4s ease;margin-bottom:20px;background:#fff}.certificate-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0003}.certificate-card img{width:100%;height:auto;display:block;object-fit:cover;border-radius:12px 20px 0 0;cursor:pointer}.certificate-caption{padding:15px;text-align:center;font-size:1.1rem;font-weight:500;color:#020d20;background:#fff;border-radius:0 0 12px 12px}.lightbox{position:fixed;inset:0;background:#000000e6;display:flex;justify-content:center;align-items:center;z-index:2000;animation:fadeIn .3s ease}.lightbox img{max-width:90%;max-height:90%;border-radius:12px;box-shadow:0 8px 16px #0000004d;animation:zoomIn .3s ease}.close-button{position:absolute;top:20px;right:20px;background:#fff;border:none;border-radius:50%;width:40px;height:40px;font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 4px #0003;transition:background .3s ease}.close-button:hover{background:#e53e3e;color:#fff}.filter-buttons{display:flex;justify-content:center;gap:15px;margin-bottom:40px}.filter-button{padding:10px 20px;font-size:1rem;font-weight:500;color:#fff;background:linear-gradient(45deg,#4a90e2,#9013fe);border:none;border-radius:25px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease}.filter-button:hover{transform:scale(1.05);box-shadow:0 4px 8px #0003}.filter-button.active{background:linear-gradient(45deg,#2b6cb0,#6b46c1)}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes zoomIn{0%{transform:scale(.8);opacity:0}to{transform:scale(1);opacity:1}}@media(max-width:768px){.certificates-header{font-size:2.2rem}.certificate-caption{font-size:1rem}}