/* ============================================
   SoloGrowth.io — index.html extras
   (resume banner, locked modal, returning CTA)
   ============================================ */

  .form-resume-banner {
    background: rgba(46,170,79,.08); border: 1px solid rgba(46,170,79,.25);
    border-radius: 8px; padding: 16px 20px; margin-bottom: 24px;
    text-align: center; display: flex; flex-direction: column;
    align-items: center; gap: 10px;
  }
  .form-resume-banner p { color: #cfd1d6; font-size: 14px; margin: 0; }
  .form-resume-banner.hidden { display: none; }
  .cta-small { padding: 10px 20px; font-size: 14px; }

  .form-resume { margin-top: 28px; text-align: center; }
  .form-resume-label {
    font-size: 12px; color: #556; text-transform: uppercase;
    letter-spacing: .04em; margin-bottom: 10px;
  }
  .form-resume-row { display: flex; gap: 8px; max-width: 400px; margin: 0 auto; }
  .form-resume-row input {
    flex: 1; padding: 10px 12px; background: #0a0d12;
    border: 1px solid #252a34; border-radius: 6px; color: #e2e4ea;
    font-size: 14px; font-family: inherit; outline: none;
  }
  .form-resume-row input:focus { border-color: #2eaa4f; }
  .form-resume-btn {
    padding: 10px 16px; background: transparent; color: #2eaa4f;
    border: 1px solid #2eaa4f; border-radius: 6px; font-size: 13px;
    font-weight: 600; cursor: pointer; white-space: nowrap; font-family: inherit;
  }
  .form-resume-btn:hover { background: rgba(46,170,79,.08); }
  .form-resume-btn:disabled { opacity: .5; cursor: not-allowed; }
  .form-resume-msg {
    font-size: 13px; margin-top: 10px; min-height: 20px;
  }
  .form-resume-msg.success { color: #2eaa4f; }
  .form-resume-msg.error   { color: #e74c3c; }
  .form-resume-msg.info    { color: #8899aa; }

  /* ── Locked-email modal ── */
  .modal-overlay {
    position: fixed; inset: 0; z-index: 200;
    background: rgba(0,0,0,.7); backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    display: flex; align-items: center; justify-content: center;
    padding: 20px;
  }
  .modal-overlay.hidden { display: none; }
  .modal-card {
    background: #12121a; border: 1px solid #1e1e2e;
    border-radius: 16px; padding: 32px; max-width: 420px;
    width: 100%; text-align: center;
    animation: modalIn .2s ease-out;
  }
  @keyframes modalIn {
    from { opacity: 0; transform: scale(.95) translateY(8px); }
    to   { opacity: 1; transform: scale(1) translateY(0); }
  }
  .modal-title {
    font-size: 20px; font-weight: 800; color: #f1f1f4;
    margin: 0 0 12px; letter-spacing: -0.5px;
  }
  .modal-body {
    font-size: 15px; color: #9ca3af; line-height: 1.6;
    margin: 0 0 24px;
  }
  .modal-actions {
    display: flex; flex-direction: column; gap: 10px;
    align-items: center;
  }
  .modal-confirm {
    width: 100%; padding: 14px 24px; font-size: 15px;
  }
  .modal-cancel {
    background: none; border: none; color: #6b7280;
    font-size: 14px; cursor: pointer; padding: 8px 16px;
    font-family: inherit;
  }
  .modal-cancel:hover { color: #9ca3af; }
  .modal-msg {
    font-size: 13px; margin-top: 16px; min-height: 20px;
  }
  .modal-msg.success { color: #22c55e; }
  .modal-msg.error   { color: #ef4444; }

  /* ── Returning-user hero CTA pulse ── */
  .cta-returning {
    animation: returnPulse 2s ease-in-out infinite;
  }
  @keyframes returnPulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(99, 102, 241, 0.4); }
    50%      { box-shadow: 0 0 0 10px rgba(99, 102, 241, 0); }
  }