test main

hi there

/* ===== TraderLion Popup — Restyled ===== */ .tl-form-row { display: flex; flex-direction: column; gap: 18px; width: 100%; } .tl-form-row > div { flex: 1 1 auto; min-width: 0; } .tl-form-row label { display: block; } .tl-form-row label > span { margin-bottom: 9px; color: #a7b0c0; font-family: var(–font-family-primary); font-size: 13px; line-height: 18px; font-weight: 600; letter-spacing: 0.01em; } .tl-form-row input[type=”email”] { width: 100%; height: 52px; box-sizing: border-box; padding: 0 16px; color: #ffffff; background: #111827; border: 1px solid #293449; border-radius: 10px; font-family: var(–font-family-primary); font-size: 15px; line-height: 20px; outline: none; transition: border-color 150ms ease, box-shadow 150ms ease, background 150ms ease; } .tl-form-row input[type=”email”]::placeholder { color: #667085; } .tl-form-row input[type=”email”]:hover { border-color: #3b4a63; } .tl-form-row input[type=”email”]:focus { background: #0f1726; border-color: #367be1; box-shadow: 0 0 0 3px rgba(54, 123, 225, 0.16); } .tl-form-row button[type=”submit”] { width: 100%; height: 52px; margin-top: 2px; border: 0; border-radius: 10px; color: #ffffff; background: linear-gradient(135deg, #367be1 0%, #2867c7 100%); font-family: var(–font-family-primary); font-size: 14px; line-height: 20px; font-weight: 700; letter-spacing: 0.01em; cursor: pointer; box-shadow: 0 8px 20px rgba(54, 123, 225, 0.22); transition: transform 150ms ease, box-shadow 150ms ease, background 150ms ease; } .tl-form-row button[type=”submit”]:hover { background: linear-gradient(135deg, #4388eb 0%, #3071d4 100%); box-shadow: 0 10px 24px rgba(54, 123, 225, 0.30); transform: translateY(-1px); } .tl-form-row button[type=”submit”]:active { transform: translateY(0); } .tl-form-row button[type=”submit”]:disabled { cursor: not-allowed; opacity: 0.55; transform: none; box-shadow: none; } /* Confirmation / error messages */ [data-tl-success], [data-tl-error] { box-sizing: border-box; margin: 16px 0 0; padding: 12px 14px; border-radius: 9px; font-family: var(–font-family-primary); font-size: 13px; line-height: 19px; font-weight: 500; } [data-tl-success] { color: #6ee7b7 !important; background: rgba(5, 150, 105, 0.10); border: 1px solid rgba(16, 185, 129, 0.20); } [data-tl-error] { color: #fca5a5 !important; background: rgba(220, 53, 69, 0.10); border: 1px solid rgba(248, 113, 113, 0.20); } /* Optional: make the form card itself feel premium without using form or [data-tl-form] selectors. */ [data-form-root=”true”] { width: min(100%, 420px); box-sizing: border-box; padding: 30px; color: #ffffff; background: radial-gradient( circle at 100% 0%, rgba(54, 123, 225, 0.10), transparent 35% ), #0b1120; border: 1px solid #202b3d; border-radius: 16px; box-shadow: 0 24px 70px rgba(0, 0, 0, 0.35), 0 2px 8px rgba(0, 0, 0, 0.18); } /* Mobile spacing */ @media (max-width: 480px) { [data-form-root=”true”] { padding: 24px 20px; border-radius: 14px; } .tl-form-row { gap: 16px; } }

TraderLion pop-up form — hidden on the live page until its trigger fires. This line shows only in your page editor, so you can select this block to edit or delete it. Deleting this line is safe.