body {
      background-color: #F3F3F3;
      font-family: Inter, sans-serif;
    }

    .background-panel {
      background-color: #5C9840;
      position: absolute;
      top: 0;
      left: 0;
      height: 100%;
      width: 100%;
      z-index: -1;
    }

    .login-card {
      background-color: white;
      box-shadow: 0px 25px 50px rgba(0, 0, 0, 0.25);
      border-radius: 8px;
    }

    .login-title {
      font-size: 1.5rem;
      font-weight: 500;
    }

    .login-subtext {
      font-size: 1rem;
    }

    .auth-label {
      font-size: 0.8rem;
      font-weight: 500;
    }

    .auth-button {
      background-color: #5C9840;
      color: white;
      font-weight: 700;
    }

    .toolkit-label {
      font-size: 1.8rem;
      font-weight: 400;
      letter-spacing: 0.5px;
      color: white;
    }

    .intro-box {
      font-size: 1rem;
      color: white;
      text-align: justify;
    }

    @media (max-width: 768px) {
      .toolkit-label {
        font-size: 1.2rem;
        text-align: center;
      }
      .intro-box {
        font-size: 0.9rem;
        padding: 0 1rem;
      }
    }