/* login-v11.css — the REAL V1.1 login (capture: public-prelogin/003-login):
   white form half + deep purple gradient brand panel with the repeated
   "Portmasters" wordmark and the white lockup. Light-only. */
html { color-scheme: light; }
html body { background: #fff; color: #131c24; margin: 0; }

/* the capture's panel: deep purple -> magenta gradient */
.pm-auth__promo-col.pm-brandpanel {
  background: linear-gradient(160deg, #47034f 0%, #6e1976 45%, #9e1bb0 80%, #bb25d4 100%);
  position: relative; overflow: hidden;
}
/* repeated outlined wordmark, as in the capture */
.v11-watermark { position: absolute; inset: 8% 6%; display: flex; flex-direction: column;
  justify-content: space-between; pointer-events: none; }
.v11-watermark p { margin: 0; font-size: 64px; font-weight: 700; letter-spacing: -.02em;
  color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.14); line-height: 1; white-space: nowrap; }
/* white lockup over the watermark */
.v11-lockup { display: flex; align-items: center; gap: 18px; }
.v11-lockup img { filter: brightness(0) invert(1); }
.v11-wordmark { color: #fff; font-size: 56px; font-weight: 700; letter-spacing: -.02em; }

/* capture form details: bordered inputs, magenta primary */
.pm-auth__heading { color: #131c24; }
.pm-auth__lead { color: #5f6d79; }
.pm-btn--filled.pm-btn--primary { background: #d342f0; }
.pm-btn--filled.pm-btn--primary:hover { background: #bb25d4; }
@media (max-width: 900px) { .v11-watermark p { font-size: 34px; } .v11-wordmark { font-size: 34px; } }

/* fidelity pass: the capture has no grid texture and no giant sail; the lockup carries the mark */
.pm-brandpanel__grid, .pm-brandpanel__sail { display: none; }
/* the catalog alert sets display on the class, which defeats [hidden] */
.pm-inline-alert[hidden] { display: none; }
.pm-brandpanel::before, .pm-brandpanel::after { content: none; }
.v11-lockup img { width: 72px !important; height: 72px !important; /* the catalog logo slot scales imgs up; capture lockup is ~72px */ }