.les-registration-dialog{box-sizing:border-box;width:min(800px,calc(100% - 32px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #dbe4dd;border-radius:22px;background:#fff;color:#133449;box-shadow:0 24px 90px #102b3d38;overflow:hidden;margin:auto}
.les-registration-dialog[open]{display:flex;flex-direction:column}
.les-registration-dialog:not([open]){display:none}
.les-registration-dialog::backdrop{background:rgba(16,35,46,.48);backdrop-filter:blur(2px)}
.les-registration-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid #e7ece6;background:#fff;flex:none}
.les-registration-modal-head>div{display:flex;align-items:center;gap:14px;min-width:0}
.les-registration-modal-head>div>span{font:bold 15px Arial,sans-serif;color:#658526;letter-spacing:.7px}
.les-registration-modal-head h2{font:700 19px/1.3 Arial,sans-serif;margin:0;color:#133449;text-transform:none;letter-spacing:-.3px}
.les-registration-close{flex:none;display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:1px solid #dce5df;border-radius:12px;background:#f7f9f6;color:#133449;font:28px/1 Arial,sans-serif;cursor:pointer;box-shadow:none}
.les-registration-close:hover{background:#ebf2e5}
.les-registration-close:focus-visible{outline:3px solid #729632;outline-offset:2px}
.les-registration-frame{display:block;width:100%;height:min(var(--reg-frame-height,570px),calc(100dvh - 112px));min-height:0;border:0;background:#fff;flex:0 1 auto}
@media(max-width:540px){.les-registration-dialog{width:calc(100% - 12px);max-height:calc(100dvh - 12px);border-radius:16px}.les-registration-modal-head{padding:9px 12px;gap:8px}.les-registration-modal-head>div{gap:8px}.les-registration-modal-head>div>span{font-size:12px}.les-registration-modal-head h2{font-size:16px;letter-spacing:-.4px}.les-registration-frame{height:min(var(--reg-frame-height,570px),calc(100dvh - 80px))}.les-registration-close{width:44px;height:44px}}

/* Header stays in flow; the frame receives the remaining available height. */
.les-registration-dialog{height:min(760px,calc(100dvh - 32px));max-height:calc(100dvh - 32px)}
.les-registration-frame{flex:1 1 0;height:auto;min-height:0}
@media(max-width:540px){.les-registration-dialog{height:min(760px,calc(100dvh - 12px));max-height:calc(100dvh - 12px)}.les-registration-frame{height:auto}}