.page-modal[hidden]{display:none}
.page-modal{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px}
.page-modal__backdrop{position:absolute;inset:0;background:rgba(3,8,18,.78);backdrop-filter:blur(10px)}
.page-modal__panel{position:relative;z-index:1;width:min(900px,100%);height:min(78vh,720px);overflow:hidden;border:1px solid rgba(141,217,255,.35);border-radius:8px 22px 8px 22px;background:#111b2d;box-shadow:0 24px 80px rgba(0,0,0,.5),0 0 38px rgba(141,217,255,.16)}
.page-modal__close{position:absolute;z-index:2;top:12px;right:14px;width:38px;height:38px;border:1px solid rgba(255,255,255,.35);border-radius:50%;background:rgba(8,16,30,.78);color:#fff;font-size:25px;line-height:1;cursor:pointer}
.page-modal__close:hover{color:#8dd9ff;border-color:#8dd9ff}
.page-modal__frame{width:100%;height:100%;border:0;background:#111b2d}
body.modal-open{overflow:hidden}