:root{
      --mm-bg:#F5F7FA; --mm-card:#fff; --mm-text:#111827; --mm-muted:#6B7280;
      --mm-border:#E3E7EF; --mm-purple:#6C2AA2; --mm-purple-hover:#8143B8;
      --mm-purple-soft:#F0EAFB; --mm-shadow:0 28px 80px rgba(17,24,39,.22);
      --mm-danger:#C2410C; --mm-danger-soft:#FFF7ED; --mm-success:#16803C;
    }

    .modal-head{min-height:72px;padding:22px 28px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-bottom:1px solid rgba(17,24,39,.08);background:linear-gradient(180deg,#fff,#FBFCFF)}
    .modal-head h2{margin:0;color:#161B27;font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.025em}
    .close-btn{width:34px;height:34px;border:0;border-radius:50%;background:#F3F5F8;color:#7A8190;cursor:pointer;display:grid;place-items:center;transition:.16s ease}
    .close-btn:hover{background:#F0EAFB;color:var(--mm-purple);transform:rotate(90deg)}

    .modal-body{padding:28px}
    .form-grid{display:grid;gap:20px}
    .field{display:grid;gap:8px}
    .field-label{color:#303744;font-size:15px;line-height:22px;font-weight:600;letter-spacing:-.012em}
    .input-wrap{position:relative}
    .text-input{
      width:100%;height:46px;padding:0 44px 0 14px;border:1px solid #D7DCE5;border-radius:8px;background:#fff;color:#161B27;
      font-family:"Onest",sans-serif;font-size:15px;line-height:22px;font-weight:600;letter-spacing:-.012em;
      box-shadow:0 10px 24px rgba(17,24,39,.04);outline:none;transition:.16s ease;
    }
    textarea.text-input{height:74px;padding-top:12px;resize:none}
    .text-input:focus{border-color:rgba(108,42,162,.82);box-shadow:0 0 0 3px rgba(108,42,162,.08),0 10px 24px rgba(108,42,162,.04)}
    .field.is-invalid .text-input{border-color:rgba(194,65,12,.8);background:linear-gradient(180deg,#fff,#FFFCFA);box-shadow:0 0 0 3px rgba(194,65,12,.08)}
    .field-error{display:none;color:var(--mm-danger);font-size:13px;line-height:18px;font-weight:500}
    .field.is-invalid .field-error{display:block}
    .valid-icon{position:absolute;right:14px;top:50%;transform:translateY(-50%);width:20px;height:20px;color:var(--mm-success);opacity:0;transition:.16s ease}
    .field.is-valid .valid-icon{opacity:1}
    textarea + .valid-icon{top:18px;transform:none}

    .modal-foot{padding:24px 28px;display:flex;align-items:center;justify-content:flex-end;gap:14px;border-top:1px solid rgba(17,24,39,.08);background:linear-gradient(180deg,#fff,#FBFCFF)}
    .btnf{height:48px;min-width:132px;padding:0 22px;border-radius:8px;cursor:pointer;font-family:"Onest",sans-serif;font-size:15px;line-height:22px;font-weight:600;letter-spacing:-.012em;transition:.16s ease}
    .btnf-secondary{border:1px solid #D7DCE5;background:#fff;color:#161B27;box-shadow:0 10px 24px rgba(17,24,39,.04)}
    .btnf-secondary:hover{border-color:rgba(108,42,162,.36);color:var(--mm-purple);transform:translateY(-1px)}
    .btnf-primary{border:1px solid var(--mm-purple);background:var(--mm-purple);color:#fff;box-shadow:0 12px 26px rgba(108,42,162,.18)}
    .btnf-primary:hover{background:var(--mm-purple-hover);border-color:var(--mm-purple-hover);transform:translateY(-1px);box-shadow:0 16px 32px rgba(108,42,162,.22)}
    .form-note{display:none;margin:0 0 18px;padding:12px 14px;border-radius:10px;border:1px solid rgba(194,65,12,.14);background:var(--mm-danger-soft);color:#8A3A10;font-size:14px;line-height:20px;font-weight:500}
    .form-note.is-visible{display:block}

    @media(max-width:640px){
      .modal-head{padding:19px 20px}.modal-body{padding:22px 20px 24px}.modal-foot{padding:20px;flex-direction:column-reverse;align-items:stretch}
      .btnf{width:100%}
    }
    .modal-head {
        border-top-left-radius: 18px;
        border-top-right-radius: 18px;
    }
    .company-modal footer {
        border-bottom-left-radius: 18px;
        border-bottom-right-radius: 18px;
    }