#register, #benefits { scroll-margin-top: 7rem; }
#kidsclub-registration-dialogs .mdc-dialog { display: none; position: fixed; inset: 0; z-index: 110; padding: 1rem; background: rgb(0 0 0 / .8); align-items: center; justify-content: center; }
#kidsclub-registration-dialogs .mdc-dialog--open { display: flex; }
#kidsclub-registration-dialogs .mdc-dialog__container { width: 100%; max-width: 36rem; }
#kidsclub-registration-dialogs .mdc-dialog__surface { background: #2C2C2E; color: #e5e2e1; border: 1px solid #4e4632; border-radius: .5rem; padding: 1.5rem; max-height: calc(100dvh - 2rem); overflow-y: auto; }
#kidsclub-registration-dialogs .headline4 { font-family: Montserrat, sans-serif; font-size: 1.5rem; color: #FFD700; margin-bottom: 1rem; }
#kidsclub-registration-dialogs p { margin-bottom: 1rem; }
#kidsclub-registration-dialogs .mdc-text-field { display: flex; flex-direction: column-reverse; gap: .5rem; margin: 1rem 0; }
#kidsclub-registration-dialogs .mdc-text-field__input { width: 100%; background: #131313; border: 1px solid #4e4632; border-radius: .25rem; padding: .75rem; color: #e5e2e1; color-scheme: dark; }
#kidsclub-registration-dialogs .mdc-dialog__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 1rem; margin-top: 1.5rem; }
#kidsclub-registration-dialogs .mdc-button { padding: .75rem 1rem; border: 1px solid #FFD700; border-radius: .25rem; font-weight: 700; cursor: pointer; }
#kidsclub-registration-dialogs .mdc-button--raised { background: #FFD700; color: #0A0A0A; }
#kidsclub-registration-dialogs .mdc-button:disabled { opacity: .4; cursor: not-allowed; }
#kidsclub-registration-dialogs [role="alert"] { color: #FF4D4D; }
#kidsclub-registration-dialogs :focus-visible { outline: 2px solid #FFD700; outline-offset: 3px; }
#kidsclub-registration-dialogs canvas { max-width: 100%; }