.certificate-container{box-shadow:0 20px 40px #0000001f;border-radius:1.5rem;min-height:600px;position:relative}.share-btn{display:inline-flex;align-items:center;gap:.5rem;border-radius:.5rem}.certificate-frame{position:absolute;inset:.75rem;border:3px solid rgba(30,64,175,.2);border-radius:1.25rem;box-shadow:inset 0 0 0 6px #1d4ed814,inset 0 0 0 10px #93c5fd14}.certificate-watermark{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:.05;pointer-events:none}.certificate-watermark img{width:60%;max-width:520px;filter:grayscale(100%)}.avatar-ring{width:84px;height:84px;border-radius:9999px;background:linear-gradient(135deg,#60a5fa,#a78bfa);padding:3px;box-shadow:0 6px 20px #2563eb40}.avatar-img,.avatar-fallback{width:100%;height:100%;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:#fff}.avatar-fallback span{font-weight:700;font-size:28px;color:#1f2937}.avatar-ring-large{width:120px;height:120px;border-radius:9999px;background:linear-gradient(135deg,#60a5fa,#a78bfa);padding:4px;box-shadow:0 8px 25px #2563eb4d;border:3px solid white}.avatar-img-large,.avatar-fallback-large{width:100%;height:100%;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:#fff;-o-object-fit:cover;object-fit:cover}.avatar-fallback-large span{font-weight:700;font-size:40px;color:#1f2937}.avatar-ring-extra-large{width:140px;height:140px;border-radius:9999px;background:#fff;padding:0;box-shadow:0 4px 12px #00000026;border:2px solid #e5e7eb;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.avatar-img-extra-large{width:100%;height:100%;border-radius:9999px;-o-object-fit:cover;object-fit:cover;background:#fff}.avatar-fallback-extra-large{width:100%;height:100%;border-radius:9999px;display:flex;align-items:center;justify-content:center;background:#fff;position:absolute;top:0;left:0}.avatar-fallback-extra-large span{font-weight:700;font-size:48px;color:#1e3a8a;text-align:center}.recipient-name{border-bottom:3px solid rgba(30,64,175,.35)}.signature-block{display:flex;flex-direction:column;align-items:center}.signature-line{width:100%;max-width:320px;height:2px;background:linear-gradient(90deg,#1e40af00,#1e40af99,#1e40af00);margin-bottom:8px}.signature-label{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:#6b7280}@media print{.no-print{display:none!important}}