[hidden]{display:none!important}
    .first-login-user{margin:0 0 22px;padding:13px 15px;border-radius:12px;background:#f2f4f7;color:#344054;font-size:14px}
    .first-login-user strong{display:block;color:var(--ink);font-size:15px}
    .password-rules{margin:-3px 0 20px;padding:14px 16px;border-radius:12px;background:#f8fafc;border:1px solid var(--line);color:var(--muted);font-size:12px}
    .password-rules strong{display:block;color:#344054;margin-bottom:4px}
    .login-back{width:100%;margin-top:10px}

      .forgot-password-link{
        display:flex;
        justify-content:flex-end;
        margin:-5px 0 16px;
      }

      .forgot-password-link a{
        color:var(--bp-navy-dark,#0b2d4a);
        font-size:13px;
        font-weight:750;
        text-decoration:none;
      }

      .forgot-password-link a:hover{
        text-decoration:underline;
      }

    .brkid-login-wrap{margin:22px 0 18px}
    .brkid-login{
      width:100%;
      min-height:54px;
      display:flex;
      align-items:center;
      justify-content:center;
      gap:10px;
      font-size:16px;
      font-weight:800;
    }
    .brkid-login-mark{
      display:inline-grid;
      place-items:center;
      min-width:48px;
      height:28px;
      padding:0 8px;
      border-radius:6px;
      background:#fff;
      color:#e30613;
      font-weight:900;
      letter-spacing:-.03em;
    }
    .brkid-status{
      display:none;
      margin:12px 0 0;
      font-size:13px;
      color:var(--muted);
      line-height:1.45;
    }
    .brkid-status.show{display:block}
    .login-separator{
      display:flex;
      align-items:center;
      gap:12px;
      margin:22px 0 14px;
      color:#98a2b3;
      font-size:12px;
      font-weight:750;
      text-transform:uppercase;
      letter-spacing:.05em;
    }
    .login-separator::before,
    .login-separator::after{
      content:"";
      height:1px;
      flex:1;
      background:var(--line);
    }
    .local-login{
      margin-top:4px;
      border:1px solid var(--line);
      border-radius:12px;
      background:#f8fafc;
      overflow:hidden;
    }
    .local-login summary{
      cursor:pointer;
      list-style:none;
      padding:14px 16px;
      font-size:13px;
      font-weight:750;
      color:#475467;
    }
    .local-login summary::-webkit-details-marker{display:none}
    .local-login summary::after{
      content:"▾";
      float:right;
      color:#98a2b3;
    }
    .local-login[open] summary::after{content:"▴"}
    .local-login-form{
      padding:2px 16px 16px;
    }

    .login-product-subtitle{
      margin-top:7px;
      color:rgba(255,255,255,.66);
      font-size:11px;
      font-weight:700;
      letter-spacing:.04em;
    }

    .login-benefits{
      position:relative;
      z-index:2;
      display:flex;
      flex-wrap:wrap;
      gap:9px;
      margin-top:24px;
    }

    .login-benefits span{
      display:inline-flex;
      align-items:center;
      min-height:34px;
      padding:0 12px;
      border:1px solid rgba(255,255,255,.13);
      border-radius:999px;
      background:rgba(255,255,255,.07);
      color:rgba(255,255,255,.82);
      font-size:12px;
      font-weight:720;
      backdrop-filter:blur(4px);
    }

    .login-tenant-card{
      display:grid;
      grid-template-columns:94px 1fr;
      align-items:center;
      gap:16px;
      margin:0 0 30px;
      padding:16px 17px;
      border:1px solid #dfe7ed;
      border-radius:16px;
      background:linear-gradient(145deg,#fff,#f7f9fb);
      box-shadow:0 10px 28px rgba(11,45,74,.06);
    }

    .login-tenant-card img{
      display:block;
      width:94px;
      max-height:54px;
      object-fit:contain;
      object-position:left center;
    }

    .login-tenant-copy{
      min-width:0;
      display:flex;
      flex-direction:column;
      gap:3px;
    }

    .login-tenant-copy small{
      color:#667085;
      font-size:11px;
      font-weight:750;
      text-transform:uppercase;
      letter-spacing:.045em;
    }

    .login-tenant-copy strong{
      color:var(--bp-navy-dark);
      font-size:14px;
      line-height:1.3;
    }

    .login-tenant-copy span{
      color:#7b8794;
      font-size:12px;
      line-height:1.35;
    }

    @media(max-width:820px){
      .login-tenant-card{
        grid-template-columns:78px 1fr;
        margin-bottom:26px;
      }

      .login-tenant-card img{
        width:78px;
        max-height:48px;
      }
    }

    @media(max-width:480px){
      .login-tenant-card{
        grid-template-columns:1fr;
        gap:10px;
        padding:14px;
      }

      .login-tenant-card img{
        width:92px;
      }
    }