.external-link-modal[hidden] { display: none; }
.external-link-modal { position: fixed; inset: 0; z-index: 2000; display: grid; place-items: center; padding: 20px; background: rgba(20, 10, 28, .72); backdrop-filter: blur(6px); }
.external-link-modal__dialog { width: min(100%, 440px); padding: 30px; border: 1px solid rgba(255, 255, 255, .18); border-radius: 16px; background: linear-gradient(145deg, #fff 0%, #faf5ff 100%); box-shadow: 0 24px 70px rgba(0, 0, 0, .3); color: #202124; font-family: Inter, Arial, sans-serif; }
.external-link-modal__icon { display: grid; width: 48px; height: 48px; margin-bottom: 18px; place-items: center; border-radius: 14px; background: #6816a5; color: #fff; font-size: 20px; }
.external-link-modal__dialog h2 { margin: 0 0 10px; color: #201126; font: 800 22px/1.2 Inter, Arial, sans-serif; }
.external-link-modal__dialog p { margin: 0; color: #5c5662; font: 400 14px/1.65 Inter, Arial, sans-serif; }
.external-link-modal__destination { display: block; margin-top: 16px; padding: 12px 14px; border-left: 4px solid #ff6a00; border-radius: 6px; background: #fff; color: #6816a5; font: 700 13px/1.4 Inter, Arial, sans-serif; overflow-wrap: anywhere; }
.external-link-modal__actions { display: flex; justify-content: flex-end; gap: 10px; margin-top: 24px; }
.external-link-modal__actions button { min-height: 42px; padding: 10px 16px; border: 1px solid transparent; border-radius: 6px; font: 700 12px/1.2 Inter, Arial, sans-serif; cursor: pointer; }
.external-link-modal__cancel { border-color: #d8cbe2 !important; background: #fff; color: #6816a5; }
.external-link-modal__visit { background: #6816a5; color: #fff; box-shadow: 0 8px 18px rgba(104, 22, 165, .24); }
.external-link-modal__cancel:hover, .external-link-modal__cancel:focus-visible { background: #faf5ff; }
.external-link-modal__visit:hover, .external-link-modal__visit:focus-visible { background: #501080; }
@media (max-width: 480px) { .external-link-modal__dialog { padding: 24px 20px; } .external-link-modal__actions { flex-direction: column-reverse; } .external-link-modal__actions button { width: 100%; } }