dialog{width:min(520px,calc(100% - 32px));max-height:90dvh;border:1px solid var(--line);border-radius:15px;padding:40px;color:var(--navy);background:var(--paper);box-shadow:0 30px 100px #12233933}
dialog::backdrop{background:#13233e99;backdrop-filter:blur(6px)}.close-dialog{position:absolute;right:14px;top:9px;font-size:28px}
dialog h2{font-size:28px;line-height:1.4;letter-spacing:-1px;font-weight:500}dialog p{color:var(--muted);font-size:13px;line-height:1.8}dialog>.button-primary{margin-top:14px}
form{display:grid;gap:15px;margin-top:23px}label{display:grid;gap:8px;font-size:12px}
input,select,textarea{width:100%;border:1px solid #ccd2dd;padding:12px;background:white;color:var(--navy);font-size:13px;font-weight:500;border-radius:6px}textarea{resize:vertical}
input:focus,textarea:focus,select:focus{outline:2px solid #21325277;outline-offset:1px}.form-status:empty{display:none}
.close-dialog{display:grid;place-items:center;width:36px;height:36px;border-radius:50%}
.close-dialog .fa-solid{font-size:20px}
.close-dialog{
  transition:color 240ms ease,background-color 240ms ease,border-color 240ms ease,box-shadow 280ms ease;
}
.close-dialog:is(:hover,:focus-visible){background-color:#2032520c;color:var(--red)}
@media(max-width:450px){dialog{padding:32px 24px}}