.certificate-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:0;background:0 0;cursor:pointer;border-radius:.5rem;color:#4f46e5;flex-shrink:0;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform}.certificate-icon-btn:hover{background:#eef2ff;color:#4f46e5}.certificate-icon-btn.ml-1{margin-left:.25rem}.certificate-icon-btn.mr-1{margin-right:.25rem}.certificate-icon-btn svg,.certificate-modal-close svg{width:20px;height:20px}.certificate-name-link.leaderboard-cert-name{cursor:pointer;color:#2563eb;text-align:left;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform;margin:0;padding:0;border:0;background:0 0;font:inherit}.certificate-name-link.leaderboard-cert-name:hover{color:#1d4ed8;text-decoration-line:underline}.certificate-modal-backdrop{display:none;z-index:1000;background:rgba(15,23,42,.6)}.certificate-modal-backdrop.is-open{display:flex;align-items:flex-start;justify-content:center;padding-top:2rem;overflow-y:auto;-webkit-overflow-scrolling:touch}body.certificate-modal-open,html.certificate-modal-open{overflow:hidden}.certificate-modal-close{top:-12px;right:-12px;transition:background .2s,color .2s}.certificate-card{background-image:linear-gradient(180deg,rgba(255,255,255,.82) 0%,rgba(250,251,255,.88) 100%),var(--cert-bg-url),linear-gradient(180deg,#fff 0%,#fafbff 100%);background-size:100% 100%,cover,100% 100%;background-position:center,center,0 0;background-repeat:no-repeat,no-repeat,no-repeat;border:4px solid #c7d2fe;border-radius:20px;box-shadow:0 0 0 2px rgba(255,255,255,.9) inset,0 20px 50px rgba(79,70,229,.12),0 8px 24px rgba(0,0,0,.06);padding:40px 52px 36px;position:relative;overflow:hidden}.certificate-card::after{content:"";position:absolute;inset:12px;border:1px solid rgba(79,70,229,.15);border-radius:14px;pointer-events:none;z-index:0}.certificate-card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#4f46e5 0,#7c3aed 50%,#9333ea 100%);z-index:2}.certificate-card-inner{position:relative;z-index:1}.certificate-logo-row svg{width:32px;height:32px;color:#4f46e5}.certificate-brand{letter-spacing:.04em}.certificate-issued svg{width:16px;height:16px;color:#059669;flex-shrink:0}.certificate-ref{letter-spacing:.05em}.certificate-trust-footer{padding-top:12px}.certificate-position{font-size:3.5rem;font-weight:800;color:#4f46e5;letter-spacing:-.03em;line-height:1.05;text-align:center;margin-bottom:10px;text-shadow:0 0 0 1px rgba(255,255,255,.9),0 2px 0 rgba(201,162,39,.2),0 4px 12px rgba(79,70,229,.2)}.certificate-banner{background:linear-gradient(90deg,#4f46e5 0,#7c3aed 100%);padding:14px 28px;margin:0 auto 24px;max-width:340px;border-radius:14px 14px 0 0;box-shadow:0 4px 14px rgba(79,70,229,.35)}.certificate-player-label{margin-top:20px}.certificate-player{margin-top:6px;letter-spacing:.02em}.certificate-player-wrap{margin-top:6px}.certificate-player-wrap .certificate-player{margin-top:0}.certificate-actions{padding:24px 28px 28px;background:linear-gradient(180deg,#f8fafc 0,#f1f5f9 100%)}.certificate-actions-row+.certificate-actions-row{margin-top:14px}.certificate-actions-row-label{margin-bottom:10px}.certificate-actions .btn{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-weight:600;border-radius:.5rem;border:0;padding:10px 18px;font-size:.9rem;transition:background .2s,transform .1s,box-shadow .2s;text-decoration:none;font-family:inherit;min-height:44px}.certificate-actions .btn:active{transform:translateY(0)}.certificate-actions .btn:disabled{opacity:.6;cursor:not-allowed}.certificate-actions .btn svg{width:18px;height:18px;flex-shrink:0}.certificate-actions .btn-copy{background:#fff;color:#1f2937;border:2px solid #e5e7eb;box-shadow:0 1px 2px 0 rgba(0,0,0,.05)}.certificate-actions .btn-copy:hover{background:#f9fafb;border-color:#cbd5e1;transform:translateY(-1px);box-shadow:0 2px 8px rgba(0,0,0,.08)}.certificate-actions .btn-download{background:linear-gradient(135deg,#4f46e5 0,#7c3aed 100%);color:#fff;box-shadow:0 2px 8px rgba(79,70,229,.35)}.certificate-actions .btn-download:hover{background:linear-gradient(135deg,#4338ca 0,#6d28d9 100%);transform:translateY(-1px);box-shadow:0 4px 12px rgba(79,70,229,.4)}.certificate-actions .btn-share-native{background:#0ea5e9;color:#fff;box-shadow:0 2px 6px rgba(14,165,233,.3)}.certificate-actions .btn-share-native:hover{background:#0284c7;transform:translateY(-1px);box-shadow:0 4px 10px rgba(14,165,233,.4)}.certificate-actions .btn-share-twitter{min-width:44px;background:#000;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}.certificate-actions .btn-share-tiktok svg,.certificate-actions .btn-share-twitter svg{width:20px;height:20px}.certificate-actions .btn-share-twitter:hover{background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.25)}.certificate-actions .btn-share-facebook{background:#1877f2;color:#fff;box-shadow:0 2px 6px rgba(24,119,242,.3)}.certificate-actions .btn-share-facebook:hover{background:#0d65d9;transform:translateY(-1px);box-shadow:0 4px 10px rgba(24,119,242,.4)}.certificate-actions .btn-share-tiktok{background:#000;color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.2)}.certificate-actions .btn-share-tiktok:hover{background:#1a1a1a;transform:translateY(-1px);box-shadow:0 4px 10px rgba(0,0,0,.25)}.copy-feedback{margin-top:12px}.copy-feedback.show{display:block}@media (max-width:600px){.certificate-card{padding:28px 20px 26px;border-radius:16px;border-width:3px}.certificate-card::before{height:3px}.certificate-brand{font-size:1.3rem}.certificate-position{font-size:2.5rem}.certificate-subline{font-size:.85rem}.certificate-details,.certificate-meta{font-size:.9rem}.certificate-issued{font-size:.75rem}.certificate-ref,.certificate-trust-footer{font-size:.65rem}.certificate-banner{font-size:.875rem;padding:12px 20px}.certificate-actions-btns{flex-direction:column}.certificate-actions{padding:20px 20px 24px;border-radius:14px}.certificate-actions-row+.certificate-actions-row{margin-top:18px}.certificate-actions .btn{width:100%;max-width:280px}.certificate-modal-close{width:28px;height:28px;min-width:28px;min-height:28px;top:-8px;right:-8px}.certificate-modal-close svg{width:14px;height:14px}}