/* Authentication uses the installed PublicLayout and its shared navigation CSS.
   Do not introduce another navigation tree, labels or material. */
.ag-signup .su-brand { display: none !important; }
.ag-signup .su-layout { padding-top: 116px; }
.ag-signup #root > div:has(> header.pointer-events-none) { background: transparent; }
.ag-signup .su-layout::after { content: none; }
.ag-signup .su-particle-field { z-index: 0; }
.ag-signup .su-story { z-index: 1; }
.ag-signup .su-card {
  background: linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.025) 68%),rgba(255,255,255,.06) !important;
  border: 1px solid rgba(255,255,255,.78) !important;
  box-shadow: 0 18px 55px rgba(47,51,92,.085),inset 0 1px 0 rgba(255,255,255,.92),inset 0 -1px 0 rgba(255,255,255,.2) !important;
  -webkit-backdrop-filter: blur(18px) saturate(135%) !important;
  backdrop-filter: blur(18px) saturate(135%) !important;
}
.dark .ag-signup .su-card {
  background: linear-gradient(135deg,rgba(201,201,255,.07),rgba(255,255,255,.008) 68%),rgba(23,27,34,.16) !important;
  border-color: rgba(210,210,255,.22) !important;
  box-shadow: 0 18px 55px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.2),inset 0 -1px 0 rgba(255,255,255,.035) !important;
}
@media(max-width:760px) {
  .ag-signup .su-layout { padding-top: 106px; }
}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))) {
  .ag-signup .su-card { background: rgba(244,246,251,.94) !important; }
  .dark .ag-signup .su-card { background: rgba(28,33,44,.94) !important; }
}