/* Container: two-column layout */
.at-login-container {
    display: flex;
    flex-wrap: wrap;
    margin: 2rem auto;
  }
  /* Left side info */
  .at-login-info {
    flex: 1 1 50%;
    padding: 2rem;
    display: flex;
    flex-direction: column;    /* stack children vertically */
    justify-content: center;   /* center vertically if desired */
  }
  
  .at-login-title {
    margin: 0 0 1rem;          /* space below the h3 */
    font-size: 2rem;
  }
  
  .at-login-subtitle {
    margin: 0;
    font-size: 1.25rem;
    line-height: 1.4;
  }

  .at-login-info {
    position: relative;
    overflow: hidden;
    /* keep existing flex / padding here */
  }
  
  .at-login-info::before {
    content: "";
    position: absolute;
    inset: 0;                          /* shorthand for top/right/bottom/left: 0 */
    background-image:
      /* light grid or dot pattern */ 
      linear-gradient(135deg, rgba(0,0,0,0.02) 25%, transparent 25%,
                      transparent 50%, rgba(0,0,0,0.02) 50%,
                      rgba(0,0,0,0.02) 75%, transparent 75%, transparent);
    background-size: 20px 20px;        /* controls pattern density */
    opacity: 0.5;                      /* dial back pattern visibility */
    pointer-events: none;              /* don’t block clicks */
    /* fade out to the right edge */
    mask-image: linear-gradient(to right, black 80%, transparent 100%);
    -webkit-mask-image: linear-gradient(to right, black 80%, transparent 100%);
  }

  .at-login-info p {
    font-size: 2.5rem;
    color: #333;
  }
  /* Right side card */
  .at-login-card {
    flex: 1 1 50%;
    padding: 2rem;
    background: #fff;
    border-radius: .5rem;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1);
  }

  .at-login-field{
    padding: 1rem 0;
  }
  .at-login-actions br,
  .at-login-field br {
    display: none!important;
  }

  .at-forgot-link {
    display: inline-flex;
    align-items: center;
  }
  
  .at-back-login-icon,
  .at-lock-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 0.5em;
    vertical-align: middle;
    fill: currentColor;
  }

  .at-login-actions button{
    margin-top: 15px!important;
  }

  .at-back-login {
    margin-top: 20px;
  }