.modal{position:fixed;inset:0;z-index:5000;display:none;place-items:center;padding:20px;background:rgba(0,0,0,.72)}
.modal.active{display:grid}
.modal-dialog{position:relative;width:min(500px,100%);padding:38px;border-radius:20px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.28)}
.modal-dialog h2{text-align:center;margin-bottom:24px}
.modal-dialog form{display:grid;gap:15px}
.modal-dialog label span{display:block;margin-bottom:6px;color:var(--green);font-size:13px;font-weight:600}
.modal-dialog input,.modal-dialog textarea{width:100%;padding:13px 14px;border:1px solid var(--line);border-radius:11px;outline:none}
.modal-dialog input:focus,.modal-dialog textarea:focus{border-color:var(--green)}
.modal-dialog .btn{width:100%}
.modal-close-x{position:absolute;top:10px;right:16px;background:transparent;color:var(--green);font-size:28px;cursor:pointer}
.modal-close-text{width:100%;margin-top:12px;padding:10px;background:transparent;color:var(--muted);cursor:pointer}