.certificate-container{text-align:center;color:#f0f0f0;background:#0a0a0a;width:100%;min-height:100vh;padding:60px 20px}.certificate-container h2{color:#fff;margin-bottom:50px;font-size:36px;font-weight:800}.certificate-grid{grid-template-columns:repeat(3,minmax(200px,1fr));gap:30px;max-width:900px;margin:0 auto;display:grid}.certificate-card{cursor:pointer;aspect-ratio:1;text-align:center;background:#1e1e1e;border:1px solid #333;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:20px;transition:all .3s;display:flex;box-shadow:0 4px 15px #0006}.certificate-card:hover{background:#2a2a2a;transform:translateY(-5px);box-shadow:0 10px 25px #ffffff26}.certificate-icon{color:#fff;margin-bottom:10px;font-size:36px;line-height:1}.certificate-title{color:#f0f0f0;margin-bottom:8px;font-size:16px;font-weight:600}.certificate-action{color:#aaa;font-size:13px;font-weight:500}.certificate-modal-overlay{z-index:2000;background:#000000f2;justify-content:center;align-items:center;width:100%;height:100%;animation:.3s fadeIn;display:flex;position:fixed;top:0;left:0}.certificate-modal-content{-ms-overflow-style:none;scrollbar-width:none;background-color:#0000;max-width:95vw;max-height:95vh;padding:50px 20px;display:block;position:relative;overflow:auto}.certificate-modal-content::-webkit-scrollbar{display:none}.certificate-zoom-image{width:50vw;height:auto;max-width:unset;max-height:unset;-o-object-fit:contain;object-fit:contain;border-radius:8px;margin:0 auto;animation:.4s cubic-bezier(.25,.46,.45,.94) zoomIn;display:block;box-shadow:0 0 20px #fff3}.certificate-caption{text-align:center;color:#fff;background:#000c;border-radius:0 0 8px 8px;width:100%;margin-top:10px;padding:10px 0;font-size:16px;font-weight:500;position:sticky;bottom:0;box-shadow:0 -2px 10px #0003}.certificate-close-btn{color:#fff;cursor:pointer;z-index:2002;background-color:#333;border:1px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:28px;line-height:1;transition:background-color .3s,transform .3s;display:flex;position:fixed;top:20px;right:20px}.certificate-close-btn:hover{color:#000;background-color:#fff;transform:rotate(90deg)}.certificate-arrow{cursor:pointer;color:#fff;z-index:2002;background:#0009;border:1px solid #fff;border-radius:50%;padding:10px 15px;font-size:30px;font-weight:700;transition:background-color .3s,color .3s;position:fixed;top:50%;transform:translateY(-50%)}.certificate-arrow.left{left:30px}.certificate-arrow.right{right:30px}.certificate-arrow:hover{color:#000;background-color:#fff}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@media (max-width:1024px){.certificate-grid{grid-template-columns:repeat(2,1fr);max-width:600px}.certificate-zoom-image{width:70vw}.certificate-arrow{padding:8px 10px;font-size:25px;top:90%;transform:none}.certificate-arrow.left{left:10px;right:auto}.certificate-arrow.right{left:auto;right:10px}.certificate-close-btn{width:35px;height:35px;font-size:24px;top:10px;right:10px}}@media (max-width:600px){.certificate-grid{grid-template-columns:1fr;gap:15px;max-width:400px}.certificate-zoom-image{width:90vw}.certificate-container h2{font-size:28px}}