.certificates-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));gap:30px;margin-top:4rem;position:relative;z-index:1}.modern-card{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,.08);transition:.4s cubic-bezier(.175, .885, .32, 1.275);border:1px solid rgba(0,0,0,.05);position:relative;display:flex;flex-direction:column;height:auto;min-height:500px}.modern-card:hover{transform:translateY(-15px);box-shadow:0 25px 50px rgba(0,0,0,.15)}.modern-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(135deg,#2e7d32,#4caf50);transition:height .4s}.modern-card:hover::before{height:8px}.modern-card .certificate-badge{position:absolute;top:20px;right:20px;background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff;padding:8px 16px;border-radius:25px;font-size:.85rem;font-weight:600;box-shadow:0 4px 15px rgba(46,125,50,.3);z-index:3;text-transform:uppercase;letter-spacing:.5px}.certificate-image-wrapper{position:relative;height:250px;overflow:hidden}.certificate-image{width:100%;height:100%;position:relative;overflow:hidden}.certificate-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.modern-card:hover .certificate-image img{transform:scale(1.1)}.image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(46,125,50,.9);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s;cursor:pointer}.modern-card:hover .image-overlay{opacity:1}.overlay-content{text-align:center;color:#fff;transform:translateY(20px);transition:transform .3s}.modern-card:hover .overlay-content{transform:translateY(0)}.overlay-content i{font-size:2.5rem;margin-bottom:10px;display:block}.overlay-content span{font-size:1.1rem;font-weight:600;text-transform:uppercase;letter-spacing:1px}.certificate-content{padding:30px;flex-grow:1;display:flex;flex-direction:column}.certificate-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:15px}.certificate-header h3{font-size:1.5rem;font-weight:700;color:#2e7d32;margin:0;line-height:1.3;flex-grow:1}.certificate-status{display:flex;align-items:center;gap:6px;background:rgba(76,175,80,.1);padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;color:#2e7d32;white-space:nowrap}.certificate-status i{color:#4caf50}.certificate-description{color:#666;line-height:1.6;margin-bottom:25px;font-size:1rem}.certificate-details{margin-bottom:25px}.certificate-details p{margin-bottom:8px;color:#555;font-size:.95rem;line-height:1.5;padding:8px 0;border-bottom:1px solid rgba(0,0,0,.05)}.certificate-details p:last-child{border-bottom:none;margin-bottom:0}.cert-issuer strong,.cert-number strong{color:#2e7d32;font-weight:600}.cert-date{font-style:italic;color:#666}.certificate-actions{display:flex;gap:12px;margin-top:auto;align-items:center}.primary-btn{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff;border:none;padding:14px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:.3s;display:flex;align-items:center;gap:8px;flex-grow:1;justify-content:center;font-size:.95rem;box-shadow:0 4px 15px rgba(46,125,50,.2)}.primary-btn:hover{background:linear-gradient(135deg,#1b5e20,#388e3c);transform:translateY(-2px);box-shadow:0 6px 20px rgba(46,125,50,.3)}.secondary-btn{background:rgba(46,125,50,.1);color:#2e7d32;border:2px solid rgba(46,125,50,.2);padding:12px;border-radius:50%;cursor:pointer;transition:.3s;display:flex;align-items:center;justify-content:center;width:48px;height:48px;font-size:1.1rem}.secondary-btn:hover{background:#2e7d32;color:#fff;border-color:#2e7d32;transform:translateY(-2px);box-shadow:0 4px 15px rgba(46,125,50,.2)}.loading-container{grid-column:1/-1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.05);min-height:300px}.loading-container .loading-spinner{font-size:3rem;color:#2e7d32;margin-bottom:1.5rem;animation:1.5s linear infinite spin}.loading-container p{color:#666;font-size:1.2rem;margin:0;font-weight:500}.no-certificates{grid-column:1/-1;text-align:center;padding:4rem 2rem;background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);border:1px solid rgba(0,0,0,.05)}.no-certificates i{font-size:4rem;color:#dee2e6;margin-bottom:1.5rem}.no-certificates h3{color:#495057;font-size:1.5rem;margin-bottom:.5rem}.no-certificates p{color:#6c757d;font-size:1.1rem}.error-message{grid-column:1/-1;text-align:center;padding:4rem 2rem;background:#fff;border-radius:20px;box-shadow:0 10px 30px rgba(0,0,0,.08);border:1px solid rgba(220,53,69,.2)}.error-message i{font-size:4rem;color:#dc3545;margin-bottom:1.5rem}.error-message h3{color:#495057;font-size:1.5rem;margin-bottom:1rem}.error-message p{color:#6c757d;font-size:1.1rem;margin-bottom:1.5rem}.error-message button{background:linear-gradient(135deg,#2e7d32,#4caf50);color:#fff;border:none;padding:12px 24px;border-radius:25px;font-weight:600;cursor:pointer;transition:.3s;display:inline-flex;align-items:center;gap:8px}.error-message button:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(46,125,50,.3)}@media (max-width:768px){.certificates-grid{grid-template-columns:1fr;gap:20px}.modern-card{min-height:auto}.certificate-image-wrapper{height:200px}.certificate-content{padding:20px}.certificate-header{flex-direction:column;align-items:flex-start;gap:10px}.certificate-header h3{font-size:1.3rem}.certificate-actions{flex-direction:column;gap:10px}.secondary-btn{width:100%;border-radius:25px;padding:12px 24px}}@media (max-width:576px){.certificates-grid{grid-template-columns:1fr;gap:15px}.certificate-content{padding:15px}.certificate-header h3{font-size:1.2rem}.certificate-description{font-size:.95rem}.certificate-details p{padding:6px 0;font-size:.9rem}}