/* ISL Lead Modal — unified responsive styles */

.modal-bg{position:fixed;inset:0;background:rgba(0,0,0,.85);backdrop-filter:blur(12px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;pointer-events:none;transition:opacity .25s}
.modal-bg.open{opacity:1;pointer-events:auto}

.modal{background:rgba(22,22,22,.98);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px 28px 24px;width:100%;max-width:460px;max-height:calc(100vh - 40px);overflow-y:auto;position:relative;transform:translateY(16px) scale(.97);transition:transform .3s cubic-bezier(.22,.61,.36,1)}
.modal::-webkit-scrollbar{width:4px}.modal::-webkit-scrollbar-thumb{background:rgba(255,255,255,.1);border-radius:4px}
.modal-bg.open .modal{transform:none}

.modal-close{position:absolute;top:16px;right:16px;background:var(--bgc,rgba(255,255,255,.07));border:1px solid var(--bd,rgba(255,255,255,.1));color:var(--mt,#888);width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:all .2s}
.modal-close:hover{color:var(--txt,#fff)}

.modal-tag{display:inline-block;background:var(--yd,rgba(245,196,0,.12));color:var(--y,#f5c400);font-size:11px;font-weight:700;padding:5px 14px;border-radius:100px;margin-bottom:12px}
.modal h3{font-size:22px;font-weight:800;margin-bottom:8px;line-height:1.2}
.modal-sub{font-size:14px;color:var(--mt,#888);margin-bottom:22px;line-height:1.6}

.modal-field{margin-bottom:14px}
.modal-label{display:block;font-size:12px;font-weight:600;color:var(--sub,#666);text-transform:uppercase;letter-spacing:.07em;margin-bottom:6px}
.modal-input,.modal-select,.modal-textarea{width:100%;background:rgba(255,255,255,.05);border:1px solid var(--bd,rgba(255,255,255,.1));border-radius:10px;padding:12px 14px;font-size:15px;font-family:var(--f,inherit);color:var(--txt,#fff);outline:none;transition:border-color .2s;-webkit-appearance:none}
.modal-input:focus,.modal-select:focus,.modal-textarea:focus{border-color:var(--y,#f5c400)}
.modal-select{cursor:pointer}
.modal-textarea{height:80px;resize:none}

.modal-consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--sub,#666);margin-bottom:18px;cursor:pointer;line-height:1.5}
.modal-consent-cb{margin-top:2px;flex-shrink:0;accent-color:var(--y,#f5c400)}
.modal-consent-link{color:var(--y,#f5c400)}

.modal-submit{width:100%;padding:15px;background:var(--y,#f5c400);color:#000;border:none;border-radius:12px;font-family:var(--f,inherit);font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}
.modal-submit:hover{background:var(--yh,#ffd700);transform:translateY(-1px)}
.modal-submit:disabled{opacity:.5;cursor:not-allowed;transform:none}

.modal-ok{text-align:center;padding:20px 0}
.modal-ok-ico{font-size:48px;margin-bottom:16px}
.modal-ok-t{font-size:20px;font-weight:800;margin-bottom:8px}
.modal-ok-s{font-size:14px;color:var(--mt,#888);line-height:1.6}

/* ── Trial Modal ── */
.trial-modal{max-width:520px}
.trial-badge{display:inline-flex;align-items:center;gap:6px;background:rgba(245,196,0,.15);border:1px solid rgba(245,196,0,.3);color:#f5c400;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:14px}
.trial-h{font-size:21px;font-weight:900;line-height:1.25;margin-bottom:6px}
.trial-features{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;margin-bottom:20px;padding:14px 16px;background:rgba(245,196,0,.04);border:1px solid rgba(245,196,0,.12);border-radius:14px}
.tf-item{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--txt,#fff)}
.tf-check{color:#f5c400;font-weight:900;font-size:14px;flex-shrink:0}
.trial-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.trial-hint{text-align:center;font-size:11px;color:var(--mt,#888);margin-top:12px;line-height:1.5}
.trial-ok-ico{font-size:52px;margin-bottom:12px}
.trial-ok-t{font-size:22px;font-weight:900;margin-bottom:6px}
.trial-ok-s{font-size:13px;color:var(--mt,#888);margin-bottom:18px}
.trial-creds{background:rgba(245,196,0,.06);border:1px solid rgba(245,196,0,.2);border-radius:14px;padding:16px 18px;margin-bottom:4px;text-align:left}
.trial-cred-row{display:flex;align-items:center;justify-content:space-between;padding:6px 0}
.trial-cred-row+.trial-cred-row{border-top:1px solid rgba(255,255,255,.07)}
.trial-cred-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:var(--mt,#888)}
.trial-cred-val{font-size:15px;font-weight:700;color:var(--txt,#fff);font-family:monospace;letter-spacing:.04em}

/* ── Nav trial button ── */
.nav-right{display:flex;align-items:center;gap:10px}
.nav-trial{background:#f5c400;color:#000;border:none;font-size:.8rem;font-weight:800;padding:9px 18px;border-radius:100px;cursor:pointer;white-space:nowrap;transition:all .2s;line-height:1}
.nav-trial:hover{background:#ffd700;transform:translateY(-1px)}

/* Mobile: bottom sheet — stays put when keyboard opens */
@media(max-width:600px){
  .modal-bg{align-items:flex-end;padding:0}
  .modal{max-width:100%;border-radius:20px 20px 0 0;padding:24px 18px max(20px, env(safe-area-inset-bottom));max-height:90dvh;transform:translateY(100%);-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  .modal-bg.open .modal{transform:translateY(0)}
  .modal-input,.modal-select,.modal-textarea{font-size:16px}
  .modal h3,.trial-h{font-size:19px}
  .trial-row{grid-template-columns:1fr}
  .trial-features{grid-template-columns:1fr 1fr;gap:6px 12px}
  .nav-trial{font-size:.7rem;padding:7px 12px}
}