.modal-open{overflow:hidden}
.form-modal[hidden]{display:none}
.form-modal{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:20px;isolation:isolate}
.modal-backdrop{position:absolute;inset:0;background:#041426d9;backdrop-filter:blur(7px)}
.modal-panel{position:relative;z-index:1;display:flex;flex-direction:column;width:min(560px,100%);max-height:calc(100vh - 40px);max-height:calc(100dvh - 40px);overflow:hidden;border:1px solid #ffffff50;border-radius:16px;background:#e50916;box-shadow:0 30px 90px #04142688,0 0 0 1px #0414261a}
#modal-form-slot{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable}
.modal-panel .registration{width:100%;border-radius:0;box-shadow:none;scroll-margin:0;padding:35px 34px 32px}
.modal-panel .registration h2{padding-right:46px}
.modal-close{position:absolute;z-index:2;right:16px;top:16px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffffb3;border-radius:50%;background:#fff;color:#071f3d;box-shadow:0 3px 12px #65050c33;transition:transform .2s,background .2s}
.modal-close:hover{transform:rotate(90deg);background:#fff2f2}
.modal-close .icon{width:18px;height:18px}
.form-modal .form-message:focus{outline:2px solid #fff;outline-offset:3px}
@media(max-width:640px){
 .form-modal{padding:10px}
 .modal-panel{max-height:calc(100vh - 20px);max-height:calc(100dvh - 20px - env(safe-area-inset-bottom));border-radius:13px}
 .modal-panel .registration{padding:28px 21px 25px}
 .modal-panel .registration>p:not(.eyebrow){margin-bottom:16px}
 .modal-close{top:12px;right:12px;width:36px;height:36px}
}