.registration-legal-modal[hidden], .registration-legal-modal [hidden] { display: none !important; }
.registration-legal-modal { position: fixed; inset: 0; z-index: 999999; display: flex; align-items: center; justify-content: center; padding: 15px; }
.registration-legal-modal__backdrop { position: absolute; inset: 0; background: rgba(0,0,0,.45); }
.registration-legal-modal__dialog { position: relative; width: 100%; max-width: 850px; max-height: calc(100vh - 30px); display: flex; flex-direction: column; background: #fff; border-radius: 3px; box-shadow: 0 15px 50px rgba(0,0,0,.2); overflow: hidden; }
.registration-legal-modal__header { position: relative; flex-shrink: 0; padding: 24px 60px 20px 28px; border-bottom: 1px solid #eee; }
.registration-legal-modal__header h3 { margin: 0; color: #111; font-size: 23px; font-weight: 400; line-height: 1.3; }
.registration-legal-modal__close { position: absolute; top: 14px; right: 18px; width: 40px; height: 40px; padding: 0; border: 0; background: transparent; color: #777; font-size: 30px; line-height: 40px; cursor: pointer; }
.registration-legal-modal__close:hover { color: #e21f2f; }
.registration-legal-modal__body { overflow: auto; padding: 25px 28px 30px; color: #333; font-size: 15px; line-height: 1.7; }
.registration-legal-modal__body p { margin: 0 0 18px; }
.registration-legal-modal__body a { color: #e21f2f; text-decoration: underline; }
.registration-legal-modal__body ul, .registration-legal-modal__body ol { padding-left: 25px; margin: 0 0 20px; }
.registration-legal-modal__body h1, .registration-legal-modal__body h2, .registration-legal-modal__body h3, .registration-legal-modal__body h4 { margin: 28px 0 15px; color: #222; line-height: 1.4; }
.registration-legal-modal button:focus-visible, .registration-legal-modal a:focus-visible { outline: 2px solid #333; outline-offset: 3px; }
body.registration-legal-modal-open { overflow: hidden; }
@media (max-width: 767px) {
    .registration-legal-modal__header { padding: 20px 50px 17px 20px; }
    .registration-legal-modal__header h3 { font-size: 20px; }
    .registration-legal-modal__body { padding: 20px; font-size: 14px; line-height: 1.6; }
}