body {
      min-height: 100vh;
      background: linear-gradient(135deg, #f4f7f6 0%, #dff4ea 100%);
      display: flex;
      align-items: center;
      justify-content: center;
      font-family: Segoe UI, Tahoma, Geneva, Verdana, sans-serif;
    }

    .login-wrapper {
      width: 100%;
      max-width: 1100px;
    }

    .login-card {
      border: none;
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 15px 40px rgba(0, 0, 0, .12);
    }

    .login-left {
      background: #34b772;
      color: white;
      padding: 50px;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .login-left h1 {
      font-size: 3rem;
      font-weight: 700;
    }

    .login-left p {
      font-size: 1.1rem;
      opacity: .9;
    }

    .login-right {
      background: white;
      padding: 50px;
    }

    .logo {
      max-width: 280px;
      margin-bottom: 30px;
    }

    .form-control {
      height: 48px;
      border-radius: 10px;
    }

    .btn-labportal {
      height: 48px;
      border-radius: 10px;
      background: #34b772;
      border: none;
      font-weight: 600;
    }

    .btn-labportal:hover {
      background: #2ca164;
    }

    .support {
      font-size: .85rem;
      color: #777;
    }

    @media(max-width:768px) {

      .login-left {
        display: none;
      }

      .login-right {
        padding: 30px;
      }

    }