.d8-link-dialog {
  box-sizing: border-box; width: min(480px, calc(100% - 32px));
  max-height: calc(100dvh - 32px); overflow: auto; margin: auto;
  border: 1px solid #333748; border-radius: 20px; padding: 32px;
  background: #161821; color: #f4f5f7;
  box-shadow: 0 24px 80px #0008; text-align: left;
  font: 15px/1.6 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.d8-link-dialog::backdrop { background: #080a12c9; backdrop-filter: blur(5px); }
.d8-link-dialog:not([open]) { display: none; }
.d8-link-dialog h2 { margin: 14px 0 12px; font: 650 24px/1.25 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #f4f5f7; }
.d8-link-dialog p { margin: 0 0 16px; color: #cbd0dd; }
.d8-link-dialog .d8-link-label { color: #a4dfc7; font-size: 11px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.d8-link-dialog .d8-link-law { color: #a6adbd; font-size: 12px; line-height: 1.6; }
.d8-link-dialog .d8-link-close { display: block; box-sizing: border-box; width: 100%; margin: 24px 0 0; padding: 12px 18px; border: 1px solid transparent; border-radius: 10px; background: #b8edda; color: #10251c; font: 650 15px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; cursor: pointer; text-align: center; text-decoration: none; }
.d8-link-dialog .d8-link-close:hover { background: #d3f5e8; }
.d8-link-dialog :focus-visible { outline: 3px solid #b8edda; outline-offset: 4px; }
.d8-link-dialog .d8-link-credit { display: block; margin-top: 16px; color: #a6adbd; font-size: 11px; text-align: center; }
.d8-geo-credit { display: block; margin: 12px auto; width: fit-content; color: #8c95a6; font: 11px/1.5 -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
.d8-link-page { margin: 0; min-height: 100vh; display: grid; place-items: center; background: #0c0e15; padding: 24px 0; box-sizing: border-box; }
.d8-link-page .d8-link-dialog { display: block; }
@media (max-width: 480px) { .d8-link-dialog { padding: 24px; } .d8-link-dialog h2 { font-size: 22px; } }