:root{--color-primary: #69bd45;--color-secondary: #007ab8;--color-tertiary: #1ea4a9;--color-state: #4b7e2b;--color-state-hover: #3c6721;--color-state-focus: #3c6721;--color-state-active: #30541a;--color-state-highlight: #f6f9d7;--color-state-highlight-neutral: var(--color-neutral-3);--color-state-disabled: var(--color-neutral-5);--color-neutral-1: #fff;--color-neutral-2: #fafafa;--color-neutral-3: #f7f7f7;--color-neutral-4: #e6e4e4;--color-neutral-5: #c7c7c7;--color-neutral-6: #767676;--color-neutral-7: #262626;--color-background: var(--color-neutral-1);--color-border: var(--color-neutral-5);--color-text: var(--color-neutral-7);--color-text-disabled: var(--color-neutral-5);--color-text-hint: var(--color-neutral-6);--link-color: var(--color-state);--link-color-hover: var(--color-state-hover);--nav-bg-color: #fff;--nav-text-color: var(--color-text);--footer-bg-color: #fff;--footer-text-color: var(--color-text);--footer-text-color-hover: var(--footer-text-color);--btn-accent-color: var(--color-state);--btn-accent-color-active: var(--color-state-active);--btn-accent-color-hover: var(--color-state-hover);--btn-accent-color-disabled: var(--color-state-disabled)}:root{--nav-bg-color: #3D444B;--nav-text-color: #ffffff;--color-primary: #36A5A6;--color-state: #008287;--color-text: #333366;--footer-bg-color: #3D444B;--footer-text-color: #ffffff;--color-state-hover: #00787d;--color-state-focus: #00787d;--color-state-active: #00676c;--footer-text-color-hover: #f5f5f5;}
<div style="max-width: 500px; margin: 0 auto; text-align: center;">

  <!-- Login with Tower Hamlets email -->
  <a
    href="https://learninghub.towerhamlets.gov.uk/auth/saml2/login.php?wants=https%3A%2F%2Flearninghub.towerhamlets.gov.uk%2F&idp=3246bbddb8250c1b5c39cf94c24f4105&passive=off"
    style="
      display: block;
      background-color: #0072CE;
      color: #ffffff;
      text-decoration: none;
      padding: 14px 20px;
      margin-bottom: 12px;
      border-radius: 4px;
      font-size: 18px;
      font-weight: 600;
    "
  >
    Login with Tower Hamlets email
  </a>

  <!-- Agency Staff Sign Up -->
  <a
    href="https://learninghub.towerhamlets.gov.uk/login/signup.php?"
    style="
      display: block;
      background-color: #6c757d;
      color: #ffffff;
      text-decoration: none;
      padding: 14px 20px;
      margin-bottom: 20px;
      border-radius: 4px;
      font-size: 18px;
      font-weight: 600;
    "
  >
    Agency Staff Sign Up
  </a>

  <!-- Extra text and links -->
  <p style="font-size: 14px; margin-bottom: 10px;">
    Are you a Tower Hamlets employee without a work email address?
    <a href="https://learninghub.towerhamlets.gov.uk/local/resetpasswordthlbc/index.php">
      Click here to verify your account and to log in
    </a>.
  </p>

  <p style="font-size: 14px;">
    Need login assistance?
    <a href="https://www.towerhamlets.gov.uk/lgnl/education_and_learning/Learning-Hub-login-guidance.aspx" target="_blank">
      Watch guides on how to access your account
    </a>.
    For enquiries and support email
    <a href="mailto:learninghub@towerhamlets.gov.uk">learninghub@towerhamlets.gov.uk</a>.
  </p>

</div>

/*SL JMCA login page hiding of sign up and SSO buttons in favour of custom buttons and information added to the authentication > description */

#page-login-index .signupform { 
display: none;
}

#page-login-index .potentialidplist { 
display: none;
}