.modal{position:fixed;inset:0;z-index:80;display:none;align-items:center;justify-content:center;padding:20px}
.modal.open{display:flex}
.modal-scrim{position:absolute;inset:0;background:rgba(15,23,32,.5);backdrop-filter:blur(3px)}
.modal-card{position:relative;width:min(520px,100%);max-height:92vh;overflow:auto;background:#fff;border-radius:22px;box-shadow:0 40px 90px -30px rgba(20,32,44,.55);padding:34px 34px 30px;opacity:1;transform:none;transition:opacity .25s ease,transform .28s cubic-bezier(.34,1.3,.5,1)}
.modal:not(.open) .modal-card{opacity:0;transform:translateY(16px) scale(.97)}
.modal-x{position:absolute;top:18px;right:18px;width:38px;height:38px;border:1.5px solid var(--line);background:#fff;border-radius:10px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:2}
.modal-x svg{width:18px;height:18px;stroke:var(--ink)}
.modal-card h3{font-size:25px;font-weight:800;letter-spacing:-.5px;padding-right:30px}
.modal-sub{font-size:14.5px;color:var(--slate);margin-top:8px;line-height:1.5}
#pform{margin-top:22px;display:flex;flex-direction:column;gap:16px}
#pform label{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:700;color:var(--ink-2)}
#pform input,#pform textarea{font-family:inherit;font-size:15px;font-weight:500;color:var(--ink);border:1.5px solid var(--line);border-radius:12px;padding:13px 15px;background:#fbfcfd;transition:.15s;width:100%}
#pform input::placeholder,#pform textarea::placeholder{color:#9aa8b6;font-weight:500}
#pform input:focus,#pform textarea:focus{outline:none;border-color:var(--green);background:#fff;box-shadow:0 0 0 4px rgba(33,197,93,.12)}
#pform textarea{resize:vertical;min-height:92px}
.mfield{display:flex;flex-direction:column;gap:9px}
.mflabel{font-size:13px;font-weight:700;color:var(--ink-2)}
.chip-select{display:flex;flex-wrap:wrap;gap:8px}
.pchip{font-family:inherit;font-size:13px;font-weight:700;color:var(--slate);background:#fff;border:1.5px solid var(--line);border-radius:999px;padding:8px 14px;cursor:pointer;transition:.14s}
.pchip:hover{border-color:#d7dee6}
.pchip.active{background:var(--green-soft);border-color:var(--green);color:var(--green-d)}
.modal-submit{margin-top:4px;justify-content:center;width:100%}
.modal-note{font-size:11.5px;color:var(--slate-l);text-align:center;line-height:1.45;margin-top:-4px}
.modal-done{text-align:center;padding:18px 6px 8px;display:none}
.modal-done.show{display:block}
.modal-done .check{width:72px;height:72px;border-radius:50%;background:var(--green-soft);display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.modal-done .check svg{width:34px;height:34px;stroke:var(--green)}
.modal-done h3{padding:0}
.modal-done p{color:var(--slate);margin:10px auto 24px;font-size:15px;max-width:330px;line-height:1.5}
@media(max-width:560px){.modal-card{padding:28px 22px 24px}.modal-card h3{font-size:22px}}