View source for Master Account

<div style="max-width:1150px;margin:0 auto;width:100%;font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;">

  <div style="background:#f6f7ff;border:4px solid #6b5cff;border-radius:24px;box-shadow:0 10px 26px rgba(0,0,0,0.10);overflow:hidden;box-sizing:border-box;">

    <!-- HERO -->
    <div style="background:linear-gradient(90deg,#1e88e5 0%,#6b5cff 55%,#2b6cff 100%);padding:26px 22px;text-align:center;color:#fff;">
      <div style="font-weight:900;font-size:26px;line-height:1.15;margin:0;padding:0;letter-spacing:0.2px;">
        🔐 Master Account System (Control Panel)
      </div>
      <div style="font-size:13px;opacity:0.95;margin-top:8px;line-height:1.4;">
        Single profile • Multiple game accounts • Easier management
      </div>
    </div>

    <!-- CONTENT -->
    <div style="padding:18px 18px 22px 18px;box-sizing:border-box;">

      <!-- INTRO -->
      <div style="background:#ffffff;border:1px solid #d8dcff;border-radius:16px;padding:18px;box-sizing:border-box;">
        <div style="display:flex;flex-wrap:wrap;gap:14px;align-items:flex-start;box-sizing:border-box;">

          <div style="flex:1;min-width:320px;">
            <div style="font-weight:900;color:#2b2b2b;font-size:18px;line-height:1.2;margin:0;padding:0;">
              What is a Master Account?
            </div>
            <div style="margin-top:10px;color:#2b2b2b;line-height:1.7;font-size:14px;text-indent:0;">
              A <b>Master Account</b> is your main Control Panel profile used to <b>create</b>, <b>manage</b>, and <b>organize</b> your game accounts in one place.
              It makes account creation much simpler and provides modern login options such as <b>Discord</b> and <b>Google</b>.
            </div>

            <div style="margin-top:12px;background:#f4f6ff;border:1px solid #e6e9ff;border-radius:12px;padding:12px 14px;color:#2b2b2b;line-height:1.6;font-size:13.5px;">
              ✅ <b>Note:</b> A Master Account does <u><b>not</b></u> merge characters. It is an ownership & management profile in the Control Panel.
            </div>
          </div>

          <div style="flex:0 0 320px;min-width:280px;">
            <div style="background:linear-gradient(180deg,#ffffff 0%,#f6f7ff 100%);border:1px solid #d8dcff;border-radius:14px;padding:14px 14px 12px 14px;box-sizing:border-box;">
              <div style="font-weight:900;color:#4527a0;margin:0 0 10px 0;padding:0;font-size:15px;">At a glance</div>

              <div style="display:grid;grid-template-columns:1fr;gap:9px;font-size:13.5px;color:#2b2b2b;line-height:1.5;">
                <div style="background:#fff;border:1px solid #eceeff;border-radius:10px;padding:10px 12px;">
                  👥 <b>Grouping:</b> A Master Account can group up to <b>20</b> different game accounts.
                </div>
                <div style="background:#fff;border:1px solid #eceeff;border-radius:10px;padding:10px 12px;">
                  🔑 <b>Independent passwords:</b> Each game account may have its own password.
                </div>
                <div style="background:#fff;border:1px solid #eceeff;border-radius:10px;padding:10px 12px;">
                  🔗 <b>Linked by default:</b> Accounts remain linked to the Master Account unless you unlink/transfer them.
                </div>
              </div>
            </div>
          </div>

        </div>
      </div>

      <!-- TWO COLUMNS: QUICK START + ACCOUNT LINKING -->
      <div style="display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;box-sizing:border-box;">

        <!-- QUICK START -->
        <div style="flex:1;min-width:320px;background:#ffffff;border:1px solid #d8dcff;border-radius:16px;overflow:hidden;box-sizing:border-box;">
          <div style="background:linear-gradient(90deg,#1976d2,#1e88e5);color:#fff;font-weight:900;text-align:center;padding:12px 14px;font-size:15px;line-height:1;margin:0;">
            🚀 Quick Start (Recommended)
          </div>

          <div style="padding:16px 16px 14px 16px;box-sizing:border-box;color:#2b2b2b;font-size:14px;line-height:1.65;text-indent:0;">
            <div style="background:#f7fbff;border:1px solid #e1efff;border-radius:12px;padding:12px 14px;margin:0 0 10px 0;">
              <b>1)</b> Open the Control Panel and choose <b>Sign up / Log in with Discord</b> or <b>Sign up / Log in with Google</b>.
            </div>
            <div style="background:#f7fbff;border:1px solid #e1efff;border-radius:12px;padding:12px 14px;margin:0 0 10px 0;">
              <b>2)</b> After logging in, you can <b>create</b> and <b>manage</b> your game accounts directly from the panel.
            </div>
            <div style="background:#f7fbff;border:1px solid #e1efff;border-radius:12px;padding:12px 14px;margin:0;">
              <b>3)</b> Use the Master Account as your “hub” to keep all accounts organized under one profile.
            </div>
          </div>
        </div>

        <!-- ACCOUNT LINKING -->
        <div style="flex:1;min-width:320px;background:#ffffff;border:1px solid #d8dcff;border-radius:16px;overflow:hidden;box-sizing:border-box;">
          <div style="background:linear-gradient(90deg,#5e35b1,#6b5cff);color:#fff;font-weight:900;text-align:center;padding:12px 14px;font-size:15px;line-height:1;margin:0;">
            🔗 How accounts are linked
          </div>

          <div style="padding:16px 16px 14px 16px;box-sizing:border-box;color:#2b2b2b;font-size:14px;line-height:1.65;text-indent:0;">
            <div style="margin:0 0 10px 0;">
              All game accounts are linked to a Master Account.
            </div>

            <div style="background:#f7f4ff;border:1px solid #ebe4ff;border-radius:12px;padding:12px 14px;margin:0 0 10px 0;">
              <b>Older accounts (created before this system):</b><br>
              They were automatically linked to the <b>email address</b> used when the account was originally created.
            </div>

            <div style="background:#f7f4ff;border:1px solid #ebe4ff;border-radius:12px;padding:12px 14px;margin:0;">
              <b>Transfers:</b><br>
              You can transfer a game account to a different Master Account from the Control Panel (User section), as long as you follow the panel’s transfer flow.
            </div>
          </div>
        </div>

      </div>

      <!-- FAQ -->
      <div style="margin-top:14px;background:#ffffff;border:1px solid #d8dcff;border-radius:16px;overflow:hidden;box-sizing:border-box;">
        <div style="background:linear-gradient(90deg,#2b6cff,#6b5cff);color:#fff;font-weight:900;text-align:center;padding:12px 14px;font-size:15px;line-height:1;margin:0;">
          ❓ FAQ (Master Account)
        </div>

        <div style="padding:16px 16px 18px 16px;box-sizing:border-box;color:#2b2b2b;font-size:14px;line-height:1.7;text-indent:0;">

          <div style="background:#f6fbff;border:1px solid #e1efff;border-radius:12px;padding:12px 14px;margin:0 0 10px 0;">
            <div style="font-weight:900;color:#0d47a1;margin:0 0 6px 0;">Do I need a Master Account to play?</div>
            <div style="margin:0;">Yes. The Control Panel uses Master Accounts as the main profile for ownership and account management.</div>
          </div>

          <div style="background:#f7f4ff;border:1px solid #ebe4ff;border-radius:12px;padding:12px 14px;margin:0 0 10px 0;">
            <div style="font-weight:900;color:#4527a0;margin:0 0 6px 0;">Can I have multiple game accounts under one Master Account?</div>
            <div style="margin:0;">Yes. A single Master Account can group up to <b>20</b> different game accounts.</div>
          </div>

          <div style="background:#f6fbff;border:1px solid #e1efff;border-radius:12px;padding:12px 14px;margin:0 0 10px 0;">
            <div style="font-weight:900;color:#0d47a1;margin:0 0 6px 0;">Do all grouped game accounts share the same password?</div>
            <div style="margin:0;">Not necessarily. Each game account may have an <b>independent password</b>. Grouping is about ownership & management, not password sharing.</div>
          </div>

          <div style="background:#f7f4ff;border:1px solid #ebe4ff;border-radius:12px;padding:12px 14px;margin:0 0 10px 0;">
            <div style="font-weight:900;color:#4527a0;margin:0 0 6px 0;">Can I unlink or move a game account to another Master Account?</div>
            <div style="margin:0;">Yes. Transfers can be done from the Control Panel (User section) using the built-in transfer options.</div>
          </div>

          <div style="background:#fff8e1;border:1px solid #ffe0b2;border-radius:12px;padding:12px 14px;margin:0;">
            <div style="font-weight:900;color:#e65100;margin:0 0 6px 0;">I had an old account and I can’t log in with Discord/Google. What do I do?</div>
            <div style="margin:0;">
              Use the <b>Forgot password / Regenerate password</b> option for your Master Account.
              Older accounts were migrated with an automatically generated random password during the implementation, so resetting the password is the correct way to regain access.
            </div>
          </div>

        </div>
      </div>

      <!-- TROUBLESHOOTING -->
      <div style="margin-top:14px;background:#ffffff;border:1px solid #d8dcff;border-radius:16px;overflow:hidden;box-sizing:border-box;">
        <div style="background:linear-gradient(90deg,#6b5cff,#1e88e5);color:#fff;font-weight:900;text-align:center;padding:12px 14px;font-size:15px;line-height:1;margin:0;">
          🛠️ Troubleshooting
        </div>

        <div style="padding:16px 16px 18px 16px;box-sizing:border-box;color:#2b2b2b;font-size:14px;line-height:1.7;text-indent:0;">
          <div style="display:grid;grid-template-columns:1fr;gap:10px;">

            <div style="background:#f6fbff;border:1px solid #e1efff;border-radius:12px;padding:12px 14px;">
              <div style="font-weight:900;color:#0d47a1;margin:0 0 6px 0;">I logged in with Discord/Google and I don’t see my old game account.</div>
              <div style="margin:0;">
                Your old game account was likely linked to the <b>original email</b> used at creation. Make sure you are logging into the Master Account that matches that email,
                or reset your Master Account password using <b>Forgot password</b> to access the correct profile.
              </div>
            </div>

            <div style="background:#f7f4ff;border:1px solid #ebe4ff;border-radius:12px;padding:12px 14px;">
              <div style="font-weight:900;color:#4527a0;margin:0 0 6px 0;">Password reset takes me back to the panel but my account still won’t work in-game.</div>
              <div style="margin:0;">
                Ensure you are resetting the correct profile (the Master Account tied to your email), then confirm the game account password inside the Control Panel.
                Remember: game accounts can have independent passwords.
              </div>
            </div>

            <div style="background:#fff8e1;border:1px solid #ffe0b2;border-radius:12px;padding:12px 14px;">
              <div style="font-weight:900;color:#e65100;margin:0 0 6px 0;">I want to reorganize accounts between players or emails.</div>
              <div style="margin:0;">
                Use the Control Panel transfer options to move a game account from one Master Account to another. This keeps ownership clear and avoids account-sharing issues.
              </div>
            </div>

          </div>

          <div style="margin-top:12px;background:#f4f6ff;border:1px dashed #b8c1ff;border-radius:12px;padding:12px 14px;text-align:center;">
            💡 If you still can’t access your Master Account, use <b>Forgot password</b> first — it fixes most “legacy login” issues.
          </div>
        </div>
      </div>

      <!-- FOOT NOTE -->
      <div style="margin-top:14px;background:#ffffff;border:1px solid #d8dcff;border-radius:16px;padding:12px 14px;box-sizing:border-box;text-align:center;color:#2b2b2b;font-size:13px;line-height:1.6;">
        ✅ Master Account = Control Panel ownership profile.  
        🔗 All game accounts are linked to one Master Account (legacy accounts were linked to their original email).
      </div>

    </div>
  </div>
</div>