.user-certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px;margin-top:20px}.certificate-card{background-color:#272727;border:1px solid #4d4d4d;border-radius:12px;overflow:hidden;box-shadow:0 4px 15px rgb(0 0 0 / .5);transition:transform 0.3s ease}.certificate-card:hover{transform:translateY(-5px)}.certificate-image-link img{width:100%;height:auto;display:block;aspect-ratio:1.414 / 1;object-fit:cover}.certificate-info{padding:20px}.certificate-title{margin:0 0 15px 0;font-size:1.1em;color:#fff}.certificate-meta{font-size:.9em;color:#ccc;margin:5px 0}.certificate-meta strong{color:#fff}.certificate-copy-container{display:flex;justify-content:space-between;align-items:center;background-color:rgb(0 0 0 / .3);padding:8px 15px;border-radius:8px;margin-top:15px}.cert-code-text{font-family:monospace;color:#ccc}.cert-code-text strong{color:#fff}.copy-cert-code-btn{position:relative;background:#fff0;border:none;color:#fff;cursor:pointer;padding:5px;border-radius:5px;opacity:.7;transition:opacity 0.2s}.copy-cert-code-btn:hover{opacity:1}.copy-cert-code-btn svg{display:block;transition:transform 0.3s ease}.copy-cert-code-btn .copy-feedback{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;background-color:#4CAF50;padding:2px 8px;border-radius:4px;font-size:12px}.copy-cert-code-btn.copied svg{transform:scale(0)}.copy-cert-code-btn.copied .copy-feedback{display:block}.no-certificates-message{color:#fff;background-color:#272727;padding:20px;border-radius:12px;border:1px solid #4d4d4d;text-align:center}