Embed

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>TCG DATAE — Remote Independent Contractor</title>
<link href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;600&family=IBM+Plex+Sans:wght@300;400;500;600;700&display=swap" rel="stylesheet">
<style>
:root{--bg:#f0f4f8;--surface:#ffffff;--surface2:#f8fafc;--border:#e2e8f0;--accent:#2563eb;--accent2:#d97706;--success:#16a34a;--text:#1e293b;--muted:#64748b}
*{box-sizing:border-box;margin:0;padding:0}
html,body{background:var(--bg);font-family:'IBM Plex Sans',sans-serif;color:var(--text);min-height:100vh}

/* ── LAYOUT ── */
.main{max-width:860px;margin:0 auto;padding:56px 24px;display:flex;flex-direction:column;gap:20px}

/* ── HEADER CARD ── */
.header-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:28px 28px 24px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.header-top{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px}
.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin-bottom:8px}
.page-title{font-size:26px;font-weight:700;color:var(--text);line-height:1.2;letter-spacing:-.02em}
.page-title span{color:var(--accent)}
.header-badges{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-start;flex-shrink:0}
.badge{font-family:'IBM Plex Mono',monospace;font-size:9px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:4px 10px;border-radius:20px;white-space:nowrap}
.badge-blue{background:#eff6ff;color:var(--accent);border:1px solid #bfdbfe}
.badge-amber{background:#fffbeb;color:var(--accent2);border:1px solid #fde68a}
.badge-green{background:#f0fdf4;color:var(--success);border:1px solid #bbf7d0}
.header-desc{font-size:13px;color:var(--muted);line-height:1.7}

/* ── CARDS ── */
.card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:0 1px 3px rgba(0,0,0,.05)}
.card-label{font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:14px}
.card-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:6px}
.card-sub{font-size:12px;color:var(--muted);line-height:1.65;margin-bottom:16px}

/* ── VIDEO ── */
.video-wrap{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;border-radius:8px;border:1px solid var(--border)}
.video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* ── DOWNLOADS ── */
.downloads{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:4px}
@media(max-width:560px){.downloads{grid-template-columns:1fr}}
.download-link{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--surface2);border:1px solid var(--border);border-radius:8px;padding:14px 16px;text-decoration:none;transition:all .15s}
.download-link:hover{border-color:var(--accent);background:#eff6ff}
.download-link:hover .dl-arrow{color:var(--accent)}
.dl-left{}
.dl-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px}
.dl-sub{font-size:11px;font-family:'IBM Plex Mono',monospace;color:var(--muted)}
.dl-arrow{font-size:16px;font-weight:700;color:var(--muted);flex-shrink:0;transition:color .15s}

/* ── FORM ── */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
@media(max-width:560px){.form-grid{grid-template-columns:1fr}}
.field-group{display:flex;flex-direction:column;gap:5px;margin-bottom:12px}
.field-group-full{grid-column:1/-1}
.field-label{font-size:10px;font-weight:700;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;font-family:'IBM Plex Mono',monospace}
input[type="text"],input[type="email"],input[type="tel"],input[type="date"],input[type="file"],textarea{background:var(--surface2);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:'IBM Plex Sans',sans-serif;font-size:13px;padding:9px 13px;width:100%;outline:none;transition:border-color .2s,box-shadow .2s}
input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(37,99,235,.1)}
input::placeholder,textarea::placeholder{color:var(--muted);font-size:12px}
textarea{resize:vertical;min-height:100px}
input[type="file"]{cursor:pointer;font-size:12px;padding:8px 13px}
input[type="file"]::file-selector-button{background:var(--accent);color:white;border:none;padding:5px 12px;border-radius:6px;font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;margin-right:10px;transition:background .15s}
input[type="file"]::file-selector-button:hover{background:#1d4ed8}
input[type="date"]{cursor:pointer}

/* ── NOTE BOX ── */
.note-box{background:#fffbeb;border:1px solid #fde68a;border-left:3px solid var(--accent2);border-radius:8px;padding:12px 14px;font-size:12px;color:#78350f;line-height:1.65;margin-bottom:14px}
.note-box strong{color:#92400e}

/* ── SUBMIT ── */
.btn-submit{font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:13px 24px;border-radius:8px;border:none;cursor:pointer;transition:all .15s;background:var(--accent);color:white;width:100%}
.btn-submit:hover{background:#1d4ed8;transform:translateY(-1px)}
.btn-submit:active{transform:translateY(0)}

/* ── FOOTER ── */
.page-footer{text-align:center;font-size:10px;font-family:'IBM Plex Mono',monospace;color:var(--muted);border-top:1px solid var(--border);padding-top:12px}
.page-footer a{color:var(--accent);text-decoration:none}

/* ── DIVIDER ── */
.divider{height:1px;background:var(--border);margin:18px 0}

/* ── KPI STRIP ── */
.kpi-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.kpi-tile{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 18px;position:relative;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.04)}
.kpi-num{font-family:'IBM Plex Mono',monospace;font-size:20px;font-weight:600;color:var(--accent);line-height:1}
.kpi-lbl{font-size:10px;font-weight:700;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:.08em;font-family:'IBM Plex Mono',monospace}
.kpi-bar{position:absolute;bottom:0;left:0;right:0;height:2px}
.kpi-bar.blue{background:linear-gradient(90deg,#2563eb,#93c5fd)}
.kpi-bar.amber{background:linear-gradient(90deg,#f59e0b,#fcd34d)}
.kpi-bar.green{background:linear-gradient(90deg,#16a34a,#4ade80)}
</style>
</head>
<body>
<div class="main">

  
  <div class="header-card">
    <div class="header-top">
      <div>
        <div class="eyebrow">Career Opportunity</div>
        <div class="page-title">Remote Independent <span>Contractor</span></div>
      </div>
      <div class="header-badges">
        <span class="badge badge-blue">Remote</span>
        <span class="badge badge-amber">1099</span>
        <span class="badge badge-green">Commission Based</span>
      </div>
    </div>
    <div class="header-desc">
      TCG DATAE provides investigative, administrative and legal support services to Legal Offices. Please watch the video below before submitting your application.
    </div>
  </div>

  
  <div class="kpi-strip">
    <div class="kpi-tile">
      <div class="kpi-num">1099</div>
      <div class="kpi-lbl">Contract Type</div>
      <div class="kpi-bar blue"></div>
    </div>
    <div class="kpi-tile">
      <div class="kpi-num">Mon / Wed</div>
      <div class="kpi-lbl">Training Days</div>
      <div class="kpi-bar amber"></div>
    </div>
    <div class="kpi-tile">
      <div class="kpi-num">Remote</div>
      <div class="kpi-lbl">Work Location</div>
      <div class="kpi-bar green"></div>
    </div>
  </div>

  
  <div class="card">
    <div class="card-label">Required Viewing</div>
    <div class="card-title">Watch Before Applying</div>
    <div class="card-sub">This video explains our work and what a remote agent does day-to-day. You must watch this before submitting your application.</div>
    <div class="video-wrap">
      <iframe src="https://www.youtube.com/embed/V6sgWRWPiD0" allowfullscreen></iframe>
    </div>
  </div>

  
  <div class="card">
    <div class="card-label">Required Documents</div>
    <div class="card-title">Download & Review Before Applying</div>
    <div class="card-sub">Please download and review both documents before submitting your application.</div>
    <div class="downloads">
      <a class="download-link" target="_blank" href="https://drive.google.com/uc?export=download&id=1sE2MUurDZhtNJzLO6YnRVJvhYmq0wEsL">
        <div class="dl-left">
          <div class="dl-title">Application Form</div>
          <div class="dl-sub">Complete &amp; keep for your records</div>
        </div>
        <span class="dl-arrow">↓</span>
      </a>
      <a class="download-link" target="_blank" href="https://drive.google.com/uc?export=download&id=1DoWBYgBxf_tJxKZ-h2Tm1drc-t0Wjgtx">
        <div class="dl-left">
          <div class="dl-title">Job Offer Letter</div>
          <div class="dl-sub">Review Terms &amp; Expectations</div>
        </div>
        <span class="dl-arrow">↓</span>
      </a>
    </div>
  </div>

  
  <div class="card">
    <div class="card-label">Application</div>
    <div class="card-title">Submit Your Application</div>
    <div class="card-sub">Choose the date you'd like to begin training. Training sessions are held on Mondays and Wednesdays.</div>

    <form action="https://api.web3forms.com/submit" method="POST" enctype="multipart/form-data">
      <input type="hidden" name="access_key" value="a075b66f-95e3-4444-af8f-9269a0bb5847">
      <input type="hidden" name="subject" value="New Remote Contractor Application - TCG DATAE">
      <input type="hidden" name="redirect" value="https://tcgdatae.com/thank-you">

      <div class="form-grid">
        <div class="field-group">
          <label class="field-label">Full Name *</label>
          <input type="text" name="full_name" placeholder="Jane Smith" required>
        </div>
        <div class="field-group">
          <label class="field-label">Email *</label>
          <input type="email" name="email" placeholder="jane@email.com" required>
        </div>
        <div class="field-group">
          <label class="field-label">Phone *</label>
          <input type="tel" name="phone" placeholder="(305) 555-0100" required>
        </div>
        <div class="field-group">
          <label class="field-label">City &amp; State *</label>
          <input type="text" name="location" placeholder="Miami, FL" required>
        </div>
        <div class="field-group field-group-full">
          <label class="field-label">Relevant Experience (Optional)</label>
          <textarea name="experience" placeholder="Describe any relevant experience in legal support, investigations, or administration..."></textarea>
        </div>
        <div class="field-group">
          <label class="field-label">Preferred Training Start Date *</label>
          <input type="date" name="training_date" required>
        </div>
        <div class="field-group">
          <label class="field-label">Résumé (PDF preferred) *</label>
          <input type="file" name="resume" accept=".pdf,.doc,.docx" required>
        </div>
        <div class="field-group field-group-full">
          <label class="field-label">Government-Issued ID *</label>
          <input type="file" name="id_document" accept="image/*,.pdf" required>
        </div>
      </div>

      <div class="divider"></div>

      <div class="note-box">
        <strong>⚠️ Before submitting:</strong> By clicking Submit, you confirm you have watched the video and reviewed both documents. You understand this is a <strong>1099 commission-based independent contractor</strong> role with no guaranteed salary.
      </div>

      <button type="submit" class="btn-submit">🚀 Submit Application →</button>
    </form>
  </div>

  
  <div class="page-footer">
    TCG DATAE · Questions? <a href="mailto:info@tcgdatae.com">info@tcgdatae.com</a> · <a href="tel:+18664964477">+1 (866) 496-4477</a>
  </div>

</div>
</body>
</html>

TCG DATAE

We empower law firms and corporate partners with precision-driven investigative services designed to uncover critical information, validate case data, and streamline legal processes with unmatched accuracy.

Backed by advanced technology and operational excellence, TCG DATAE ensures every assignment is handled with integrity, confidentiality, and measurable performance.