:root{--share-navy:#0b2343;--share-blue:#173d6b;--share-gold:#c6973d;--share-cream:#fbf7ee;--share-green:#18865d}
body.share-modal-open{overflow:hidden}
.share-modal{position:fixed;inset:0;z-index:1400;display:grid;place-items:center;padding:18px;visibility:hidden;opacity:0;transition:opacity .22s ease,visibility .22s ease}
.share-modal.is-open{visibility:visible;opacity:1}
.share-modal-backdrop{position:absolute;inset:0;border:0;background:#05162ac2;backdrop-filter:blur(6px);cursor:default}
.share-dialog{position:relative;width:min(540px,100%);box-sizing:border-box;overflow:hidden;border:1px solid #ead8b6;border-radius:28px;background:linear-gradient(160deg,#fff 0%,#fffdf8 62%,#f5ead3 100%);padding:34px;text-align:center;box-shadow:0 34px 100px #03132666;transform:translateY(18px) scale(.975);transition:transform .22s ease}
.share-modal.is-open .share-dialog{transform:none}
.share-dialog:before{content:"";position:absolute;width:220px;height:220px;border:28px solid #0b234307;right:-140px;top:-145px;transform:rotate(45deg)}
.share-dialog-close{position:absolute;z-index:2;top:14px;left:14px;width:38px;height:38px;border:0;border-radius:50%;background:#edf0f3;color:#536173;font-size:26px;line-height:1;cursor:pointer}
.share-dialog-decoration{position:relative;width:74px;height:74px;display:grid;place-items:center;margin:0 auto 14px;border:2px solid var(--share-gold);border-radius:24px;background:var(--share-navy);color:#e8c877;transform:rotate(4deg);box-shadow:0 8px 24px #0b234326}
.share-dialog-decoration span{font:700 42px Amiri,serif;transform:rotate(-4deg)}
.share-dialog-eyebrow{display:inline-flex;padding:6px 12px;border-radius:999px;background:#f4ead7;color:#8a6729;font-size:12px;font-weight:800}
.share-dialog h2{margin:12px 0 6px;color:var(--share-navy);font:700 clamp(27px,5vw,35px) Amiri,serif}
.share-dialog>p{margin:0 auto;color:#5f6e7e;line-height:1.9;max-width:450px}
.share-result-badge{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;margin:17px auto 0;padding:9px 16px;border:1px solid #e6d3aa;border-radius:14px;background:#fff}
.share-result-badge strong{color:var(--share-green);font-size:26px}.share-result-badge span{color:#6b7785;font-size:12px}
.share-platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:23px 0 12px}
.share-platforms a{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #e2e5e8;border-radius:12px;padding:11px 6px;background:#fff;color:#24394e;text-decoration:none;font-size:12px;font-weight:800;transition:.18s}
.share-platforms a:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0b234314}.share-platforms a span{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:#fff;font:bold 14px Arial}
.share-platforms .whatsapp span{background:#1f9d63}.share-platforms .facebook span{background:#1877f2}.share-platforms .telegram span{background:#249bd7}
.share-dialog-actions{display:grid;grid-template-columns:1.25fr 1fr;gap:9px}.share-dialog-actions button,.share-open-button{border:0;border-radius:12px;padding:13px 12px;font:800 13px Cairo,sans-serif;cursor:pointer}
.share-native{background:linear-gradient(135deg,var(--share-blue),var(--share-navy));color:#fff}.share-copy{background:#ede7db;color:#3f4d5b}.share-dialog-actions button span{margin-left:5px}
.share-status{min-height:22px!important;margin:8px 0 0!important;color:var(--share-green)!important;font-size:12px;font-weight:700}.share-status.is-error{color:#a4313a!important}
.share-privacy-note{display:block;color:#87919c;font-size:10px}
.share-open-button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d3a84e,#b8862f);color:#fff;box-shadow:0 8px 20px #b8862f24}
.result-share-button{margin:15px auto 0}.certificate-actions .certificate-share-action{background:var(--share-gold);color:#fff}
.shared-result-page{padding:60px 16px}.shared-result-card{max-width:720px;text-align:center;background:#fff;border:1px solid #e6d8bb;border-radius:28px;padding:45px;box-shadow:0 20px 60px #0b234312}
.shared-result-ring{width:155px;height:155px;display:grid;place-items:center;margin:24px auto 15px;border-radius:50%;background:radial-gradient(circle,#fff 57%,transparent 59%),conic-gradient(var(--share-green) calc(var(--shared-score)*1%),#e6ece9 0);box-shadow:inset 0 0 0 1px #dbe5e0}
.shared-result-ring strong{font-size:38px;color:var(--share-green)}.shared-result-card h1{margin:8px 0;color:var(--share-navy);font:700 clamp(31px,6vw,46px) Amiri,serif}.shared-result-card>p{color:#637184;font-size:17px}.shared-result-card>small{display:block;margin-top:22px;color:#87919c}.shared-result-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:24px}.shared-result-actions .quiz-start.inline{margin:0}
@media(max-width:560px){.share-modal{padding:10px}.share-dialog{padding:28px 15px 18px;border-radius:21px}.share-platforms{gap:6px}.share-platforms a{display:grid;gap:4px;padding:9px 2px}.share-platforms a span{margin:auto}.share-dialog-actions{grid-template-columns:1fr}.share-native{grid-row:1}.shared-result-card{padding:32px 16px}.shared-result-actions{display:grid}.shared-result-actions>*{width:100%;box-sizing:border-box}}
@media(prefers-reduced-motion:reduce){.share-modal,.share-dialog,.share-platforms a{transition:none!important}}
.share-native[hidden]{display:none}.share-native[hidden]+.share-copy{grid-column:1/-1}