#tedx-2027-dialog {
  width: min(720px, calc(100% - 40px));
  max-width: none;
  max-height: calc(100dvh - 40px);
  margin: auto;
  padding: 0;
  border: 0;
  border-radius: 18px;
  background: #fff;
  color: #000;
  font-family: Inter, Helvetica, Arial, sans-serif;
  box-shadow: 0 28px 100px #0003;
  overflow: auto;
  overscroll-behavior: contain;
}
#tedx-2027-dialog::backdrop { background: rgb(0 0 0 / 62%); backdrop-filter: blur(4px); }
#tedx-2027-dialog .tedx-2027-card {
  position: relative;
  isolation: isolate;
  padding: 52px 56px 58px;
  background: url("https://tedxlalaguna.com/wp-content/uploads/2025/05/x.png") no-repeat right 24px bottom;
  background-size: 130px auto;
}
#tedx-2027-dialog .tedx-2027-logo { display: block; width: 190px; height: auto; margin: 0 0 48px; }
#tedx-2027-dialog .tedx-2027-close {
  position: absolute; top: 16px; right: 16px;
  display: grid; place-items: center;
  width: 44px; height: 44px; padding: 0;
  border: 0; border-radius: 50%; background: transparent; color: #333; cursor: pointer;
}
#tedx-2027-dialog .tedx-2027-close:hover { background: #f2f2f2; }
#tedx-2027-dialog .tedx-2027-close svg { display: block; width: 20px; height: 20px; }
#tedx-2027-dialog #tedx-2027-title {
  max-width: 540px; margin: 0 0 38px; padding: 0;
  font-family: inherit; font-size: clamp(32px, 4.4vw, 48px); font-weight: 800;
  line-height: 1.12; letter-spacing: -1.8px; text-transform: none; color: #000;
}
#tedx-2027-dialog #tedx-2027-title span { color: #eb0028; white-space: nowrap; }
#tedx-2027-dialog .tedx-2027-continue {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 46px; max-width: calc(100% - 120px); padding: 12px 23px;
  border: 0; border-radius: 30px;
  font: 600 14px/1.4 Inter, Helvetica, Arial, sans-serif;
  background: #000; color: #fff; cursor: pointer; text-align: center;
}
#tedx-2027-dialog .tedx-2027-continue:hover { background: #eb0028; border-color: #eb0028; }
#tedx-2027-dialog button:focus-visible { outline: 2px solid #777; outline-offset: 4px; }
#tedx-2027-dialog #tedx-2027-title:focus { outline: none; }
#tedx-2027-dialog[open] { animation: tedx-2027-enter 220ms ease-out; }
@keyframes tedx-2027-enter { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } }
@media (max-width: 600px) {
  #tedx-2027-dialog { width: calc(100% - 32px); max-height: calc(100dvh - 32px); border-radius: 14px; }
  #tedx-2027-dialog .tedx-2027-card { padding: 36px 28px 100px; background-size: 100px auto; background-position: right 18px bottom; }
  #tedx-2027-dialog .tedx-2027-logo { width: 165px; margin-bottom: 42px; }
  #tedx-2027-dialog #tedx-2027-title { font-size: clamp(30px, 8.4vw, 44px); letter-spacing: -1px; margin-bottom: 30px; }
  #tedx-2027-dialog .tedx-2027-continue { max-width: 100%; }
  #tedx-2027-dialog .tedx-2027-close { right: 8px; top: 8px; }
}
@media (prefers-reduced-motion: reduce) { #tedx-2027-dialog[open] { animation: none; } }