.registration-choice {
  box-sizing: border-box; position: fixed; inset: 0; margin: auto;
  width: min(780px, calc(100vw - 32px)); max-width: none;
  max-height: calc(100dvh - 32px); overflow-y: auto;
  padding: 38px; border: 1px solid #d4d5ce; border-top: 4px solid #e12a2a;
  background: #f7f7f2; color: #191c19; text-align: left;
  font: 400 16px/1.55 'Inter', Arial, sans-serif;
  box-shadow: 0 24px 90px #0005;
}
.registration-choice::backdrop { background: #101510b3; }
html.registration-choice-open { overflow: hidden; scroll-snap-type: none; }
.registration-choice *, .registration-options * { box-sizing: border-box; }
.registration-choice h2, .join-choice-panel h2 { margin: 0 36px 16px 0; font: 700 clamp(24px, 4vw, 34px)/1.15 'Archivo', Arial, sans-serif; letter-spacing: -.025em; }
.registration-choice h2:focus { outline: none; }
.registration-choice-event { margin: 0 0 24px; color: #454b44; overflow-wrap: anywhere; }
.registration-choice-close { position: absolute; top: 12px; right: 12px; width: 40px; height: 40px; border: 1px solid #c9cec5; background: transparent; color: #191c19; font: 28px/1 Arial, sans-serif; cursor: pointer; }
.registration-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.registration-option { display: flex; flex-direction: column; gap: 14px; padding: 24px; border: 1px solid #c9cec5; background: #fff; color: #191c19; text-decoration: none; text-align: left; font: inherit; cursor: pointer; }
.registration-option strong { font: 700 22px/1.2 'Archivo', Arial, sans-serif; overflow-wrap: anywhere; }
.registration-option span { font: 400 15px/1.6 'Inter', Arial, sans-serif; color: #454b44; }
.registration-option b { margin-top: auto; padding-top: 8px; color: #c92323; font-size: 22px; }
.registration-option:hover { border-color: #e12a2a; background: #fffdfa; }
.registration-option:focus-visible, .registration-choice-close:focus-visible, .registration-choice-signin:focus-visible { outline: 3px solid #c92323; outline-offset: 3px; }
.registration-choice-rules { margin: 22px 0; font: 400 14px/1.6 'Inter', Arial, sans-serif; color: #454b44; }
.registration-choice-signin { display: inline-block; padding: 8px 0; color: #191c19; font: 500 15px/1.5 'Inter', Arial, sans-serif; text-decoration: underline; text-underline-offset: 4px; }
.join-choice-panel { max-width: 820px; margin: auto; }
.join-registration-selection { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 0; margin-bottom: 24px; border-top: 1px solid #c9cec5; border-bottom: 1px solid #c9cec5; }
.join-registration-selection p { flex-basis: 100%; margin: 0; font-size: 15px; line-height: 1.6; }
.join-registration-selection button { border: 0; padding: 8px 0; background: transparent; color: inherit; cursor: pointer; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 620px) {
  .registration-choice { padding: 26px 20px; }
  .registration-options { grid-template-columns: 1fr; gap: 12px; }
  .registration-option { padding: 18px; gap: 10px; }
  .registration-option strong { font-size: 20px; }
  .registration-option b { display: none; }
  .registration-choice-rules { margin: 18px 0 10px; }
}