/* CTFOnlyFans Git — Inline Identity Mosaic, seed f8727e37. */

@font-face {
  font-family: "CTF Auth Display";
  src: url("./assets/fonts/NotoSerifDisplay-Black.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 900;
}

@font-face {
  font-family: "CTF Auth Sans";
  src: url("./assets/fonts/NotoSans-Regular.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}

@font-face {
  font-family: "CTF Auth Sans";
  src: url("./assets/fonts/NotoSans-Bold.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
}

html.ctf-theme {
  --ctf-canvas: #f3f6f8;
  --ctf-canvas-soft: #eaf0f3;
  --ctf-panel: #ffffff;
  --ctf-panel-raised: #e1e9ed;
  --ctf-panel-hover: #d8e3e8;
  --ctf-hairline: #ccd8de;
  --ctf-hairline-strong: #a8b8c0;
  --ctf-text: #152028;
  --ctf-text-soft: #394951;
  --ctf-muted: #60717a;
  --ctf-blue: #00aff0;
  --ctf-blue-hover: #008fc5;
  --ctf-blue-deep: #006f98;
  --ctf-blue-soft: #d8f3ff;
  --ctf-focus: #006f98;
  --ctf-danger: #b93c49;
  --ctf-success: #1f7a55;
  --ctf-warning: #965f12;
  --ctf-shadow: 0 18px 48px rgba(24, 42, 52, 0.15);

  --gl-color-blue-50: #e6f8ff;
  --gl-color-blue-100: #c6eeff;
  --gl-color-blue-200: #8cddfb;
  --gl-color-blue-300: #4acaf7;
  --gl-color-blue-400: #13b8f2;
  --gl-color-blue-500: #00aff0;
  --gl-color-blue-600: #008fc5;
  --gl-color-blue-700: #007fac;
  --gl-color-blue-800: #006f98;
  --gl-color-blue-900: #0a4d68;
  --gl-color-blue-950: #073446;
  --gl-background-color-default: var(--ctf-panel);
  --gl-background-color-subtle: var(--ctf-canvas-soft);
  --gl-background-color-strong: var(--ctf-panel-raised);
  --gl-background-color-section: var(--ctf-panel);
  --gl-background-color-preformat: var(--ctf-canvas-soft);
  --gl-background-color-overlay: rgba(15, 25, 31, 0.28);
  --gl-text-color-default: var(--ctf-text-soft);
  --gl-text-color-subtle: var(--ctf-muted);
  --gl-text-color-strong: var(--ctf-text);
  --gl-text-color-heading: var(--ctf-text);
  --gl-text-color-link: var(--ctf-blue-deep);
  --gl-border-color-default: var(--ctf-hairline);
  --gl-border-color-subtle: color-mix(in srgb, var(--ctf-hairline) 68%, transparent);
  --gl-border-color-strong: var(--ctf-hairline-strong);
  --gl-control-background-color-default: var(--ctf-panel);
  --gl-control-background-color-readonly: var(--ctf-canvas-soft);
  --gl-control-border-color-default: var(--ctf-hairline-strong);
  --gl-control-border-color-hover: #82969f;
  --gl-control-border-color-focus: var(--ctf-focus);
  --gl-control-placeholder-color: var(--ctf-muted);
  --gl-action-confirm-background-color-default: var(--ctf-blue-soft);
  --gl-action-confirm-background-color-hover: #b9eaff;
  --gl-action-confirm-background-color-active: #9adcf8;
  --gl-action-confirm-foreground-color-default: var(--ctf-blue-deep);
  --gl-action-selected-background-color-default: var(--ctf-blue-soft);
  --gl-action-selected-foreground-color-default: var(--ctf-blue-deep);
  --gl-action-strong-confirm-background-color-default: var(--ctf-blue);
  --gl-action-strong-confirm-background-color-hover: var(--ctf-blue-hover);
  --gl-action-strong-confirm-background-color-active: var(--ctf-blue-deep);
  --gl-action-strong-confirm-foreground-color-default: #031017;
  --gl-button-border-radius: 8px;
  --gl-control-border-radius: 8px;
  --gl-action-border-radius: 8px;
  --gl-card-border-radius: 12px;
  color-scheme: light;
  accent-color: var(--ctf-blue-deep);
  scrollbar-color: var(--ctf-hairline-strong) var(--ctf-canvas-soft);
}

html.ctf-theme.gl-dark {
  --ctf-canvas: #070a0c;
  --ctf-canvas-soft: #0c1114;
  --ctf-panel: #12181c;
  --ctf-panel-raised: #192126;
  --ctf-panel-hover: #222c32;
  --ctf-hairline: #344149;
  --ctf-hairline-strong: #53636d;
  --ctf-text: #f4f7f8;
  --ctf-text-soft: #ccd4d8;
  --ctf-muted: #aeb9bf;
  --ctf-blue-soft: #0c3344;
  --ctf-focus: #8adfff;
  --ctf-danger: #e45b65;
  --ctf-success: #43c287;
  --ctf-warning: #e3ae55;
  --ctf-shadow: 0 18px 52px rgba(0, 0, 0, 0.5);
  --gl-background-color-overlay: rgba(0, 0, 0, 0.7);
  --gl-action-confirm-background-color-hover: #15485b;
  --gl-action-confirm-background-color-active: #1b566b;
  color-scheme: dark;
}

@media (prefers-color-scheme: dark) {
  html.ctf-theme.gl-system {
    --ctf-canvas: #070a0c;
    --ctf-canvas-soft: #0c1114;
    --ctf-panel: #12181c;
    --ctf-panel-raised: #192126;
    --ctf-panel-hover: #222c32;
    --ctf-hairline: #344149;
    --ctf-hairline-strong: #53636d;
    --ctf-text: #f4f7f8;
    --ctf-text-soft: #ccd4d8;
    --ctf-muted: #aeb9bf;
    --ctf-blue-soft: #0c3344;
    --ctf-focus: #8adfff;
    --ctf-danger: #e45b65;
    --ctf-success: #43c287;
    --ctf-warning: #e3ae55;
    --ctf-shadow: 0 18px 52px rgba(0, 0, 0, 0.5);
    --gl-background-color-overlay: rgba(0, 0, 0, 0.7);
    --gl-text-color-link: var(--ctf-blue);
    color-scheme: dark;
  }

  html.ctf-theme.gl-system a:not(.gl-button):not(.btn) {
    color: var(--ctf-blue);
  }
}

html.ctf-theme,
html.ctf-theme body,
html.ctf-theme .layout-page,
html.ctf-theme .panel-content,
html.ctf-theme .panel-content-inner {
  background: var(--ctf-canvas);
  color: var(--ctf-text-soft);
}

html.ctf-theme body {
  min-width: 320px;
}

html.ctf-theme ::selection {
  background: var(--ctf-blue);
  color: #031017;
}

html.ctf-theme :focus-visible {
  outline: 3px solid var(--ctf-focus) !important;
  outline-offset: 2px !important;
}

html.ctf-theme a:not(.gl-button):not(.btn) {
  color: var(--ctf-blue-deep);
  text-underline-offset: 0.16em;
}

html.ctf-theme.gl-dark a:not(.gl-button):not(.btn) {
  color: var(--ctf-blue);
}

html.ctf-theme h1,
html.ctf-theme h2,
html.ctf-theme h3,
html.ctf-theme h4,
html.ctf-theme h5,
html.ctf-theme h6 {
  color: var(--ctf-text);
  font-family: Arial, Helvetica, sans-serif;
  letter-spacing: -0.025em;
}

html.ctf-theme .super-topbar,
html.ctf-theme .panel-header,
html.ctf-theme .panel-header-inner {
  border-color: var(--ctf-hairline) !important;
  background: var(--ctf-canvas) !important;
  color: var(--ctf-text-soft);
}

html.ctf-theme .super-sidebar,
html.ctf-theme .super-sidebar-loading {
  border-color: var(--ctf-hairline) !important;
  background: var(--ctf-canvas-soft) !important;
}

html.ctf-theme .super-sidebar [aria-current="page"],
html.ctf-theme .super-sidebar .active > a,
html.ctf-theme .super-sidebar .is-active {
  background: var(--ctf-panel-raised) !important;
  color: var(--ctf-text) !important;
  box-shadow: inset 1px 0 0 var(--ctf-blue);
}

html.ctf-theme .super-sidebar a:hover,
html.ctf-theme .super-sidebar button:hover {
  background: var(--ctf-panel-hover) !important;
  color: var(--ctf-text) !important;
}

html.ctf-theme .static-panel,
html.ctf-theme .content-wrapper,
html.ctf-theme .content-wrapper > div,
html.ctf-theme main#content-body {
  background: var(--ctf-panel);
}

html.ctf-theme .gl-card,
html.ctf-theme .card,
html.ctf-theme .well,
html.ctf-theme .bordered-box,
html.ctf-theme .content-block,
html.ctf-theme .detail-page-description {
  border-color: var(--ctf-hairline) !important;
  border-radius: 12px !important;
  background: var(--ctf-panel) !important;
  box-shadow: none !important;
}

html.ctf-theme .gl-button,
html.ctf-theme .btn,
html.ctf-theme button,
html.ctf-theme input,
html.ctf-theme select,
html.ctf-theme textarea {
  border-radius: 8px;
}

html.ctf-theme .btn-confirm,
html.ctf-theme .gl-button.btn-confirm,
html.ctf-theme .btn-success,
html.ctf-theme .gl-button.btn-success {
  border-color: transparent !important;
  background: var(--ctf-blue) !important;
  color: #031017 !important;
  box-shadow: none !important;
  font-weight: 800;
}

html.ctf-theme .btn-confirm:hover,
html.ctf-theme .gl-button.btn-confirm:hover,
html.ctf-theme .btn-success:hover,
html.ctf-theme .gl-button.btn-success:hover {
  background: var(--ctf-blue-hover) !important;
}

html.ctf-theme .btn-confirm:disabled,
html.ctf-theme .gl-button.btn-confirm:disabled,
html.ctf-theme .btn-confirm.disabled,
html.ctf-theme .gl-button.btn-confirm.disabled,
html.ctf-theme .btn-success:disabled,
html.ctf-theme .gl-button.btn-success:disabled,
html.ctf-theme .btn-success.disabled,
html.ctf-theme .gl-button.btn-success.disabled {
  border-color: var(--ctf-hairline) !important;
  background: var(--ctf-panel-raised) !important;
  color: var(--ctf-muted) !important;
  cursor: not-allowed;
  opacity: 1;
}

html.ctf-theme .btn-default,
html.ctf-theme .gl-button.btn-default {
  border-color: var(--ctf-hairline-strong) !important;
  background: var(--ctf-panel) !important;
  color: var(--ctf-text-soft) !important;
  box-shadow: none !important;
}

html.ctf-theme .btn-default:hover,
html.ctf-theme .gl-button.btn-default:hover {
  background: var(--ctf-panel-hover) !important;
  color: var(--ctf-text) !important;
}

html.ctf-theme input:not([type="checkbox"]):not([type="radio"]),
html.ctf-theme select,
html.ctf-theme textarea,
html.ctf-theme .gl-form-input,
html.ctf-theme .form-control {
  border: 1px solid var(--ctf-hairline-strong) !important;
  background: var(--ctf-panel) !important;
  color: var(--ctf-text) !important;
  box-shadow: none !important;
}

html.ctf-theme input:not([type="checkbox"]):not([type="radio"]):focus,
html.ctf-theme select:focus,
html.ctf-theme textarea:focus {
  border-color: var(--ctf-blue) !important;
  box-shadow: 0 0 0 2px color-mix(in srgb, var(--ctf-blue) 28%, transparent) !important;
}

html.ctf-theme input:not([type="checkbox"]):not([type="radio"]):is(.is-invalid, [aria-invalid="true"]),
html.ctf-theme select:is(.is-invalid, [aria-invalid="true"]),
html.ctf-theme textarea:is(.is-invalid, [aria-invalid="true"]),
html.ctf-theme .gl-form-input:is(.is-invalid, [aria-invalid="true"]),
html.ctf-theme .form-control:is(.is-invalid, [aria-invalid="true"]) {
  border-color: var(--ctf-danger) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ctf-danger) 42%, transparent) !important;
}

html.ctf-theme input:not([type="checkbox"]):not([type="radio"]):disabled,
html.ctf-theme select:disabled,
html.ctf-theme textarea:disabled,
html.ctf-theme .gl-form-input:disabled,
html.ctf-theme .form-control:disabled,
html.ctf-theme input:not([type="checkbox"]):not([type="radio"])[readonly],
html.ctf-theme textarea[readonly],
html.ctf-theme .gl-form-input[readonly],
html.ctf-theme .form-control[readonly] {
  border-color: var(--ctf-hairline) !important;
  background: var(--ctf-canvas-soft) !important;
  color: var(--ctf-muted) !important;
  cursor: not-allowed;
  opacity: 1;
}

html.ctf-theme input::placeholder,
html.ctf-theme textarea::placeholder {
  color: var(--ctf-muted) !important;
  opacity: 1;
}

html.ctf-theme .badge,
html.ctf-theme .gl-badge {
  border-color: var(--ctf-hairline) !important;
}

html.ctf-theme .meta,
html.ctf-theme time,
html.ctf-theme .project-path,
html.ctf-theme .breadcrumbs,
html.ctf-theme .gl-text-subtle,
html.ctf-theme .text-secondary {
  color: var(--ctf-muted) !important;
}

html.ctf-theme .breadcrumbs strong {
  color: var(--ctf-text) !important;
}

/* Functional identity surfaces only. */
html.ctf-theme .ctf-identity-default {
  position: relative;
  display: inline-grid;
  place-items: center;
  overflow: hidden;
  isolation: isolate;
  background: var(--ctf-canvas-soft) !important;
  color: transparent !important;
}

html.ctf-theme .ctf-identity-user,
html.ctf-theme .ctf-identity-avatar {
  border-radius: 50% !important;
}

html.ctf-theme .ctf-identity-project,
html.ctf-theme .ctf-identity-group,
html.ctf-theme .ctf-identity-mosaic {
  border-radius: 22% !important;
}

html.ctf-theme img.ctf-identity-avatar,
html.ctf-theme .ctf-identity-avatar {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 50% 50%;
}

html.ctf-theme .ctf-identity-mosaic {
  width: 100%;
  height: 100%;
  min-width: 24px;
  min-height: 24px;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 1px;
  overflow: hidden;
  background: var(--ctf-hairline-strong);
  box-shadow: inset 0 0 0 1px var(--ctf-hairline-strong);
}

html.ctf-theme .ctf-identity-mosaic .ctf-identity-avatar {
  min-width: 0;
  min-height: 0;
  border-radius: 0 !important;
}

html.ctf-theme .ctf-identity-host {
  position: relative !important;
  display: inline-grid !important;
  place-items: center;
  overflow: hidden;
}

html.ctf-theme .ctf-identity-host > .ctf-identity-source {
  opacity: 0 !important;
}

html.ctf-theme .ctf-identity-layer {
  position: absolute;
  inset: 0;
  display: block;
  pointer-events: none;
}

html.ctf-theme .ctf-identity-layer > * {
  width: 100%;
  height: 100%;
}

html.ctf-theme .ctf-identity-default,
html.ctf-theme .ctf-identity-layer {
  border: 1px solid color-mix(in srgb, var(--ctf-hairline-strong) 82%, transparent);
}

/* Roster Gate is cinematic only on sign-in and registration. Recovery stays matte. */
html.ctf-theme.ctf-auth-page {
  --ctf-auth-panel: rgba(248, 251, 252, 0.97);
  --ctf-auth-panel-raised: #ffffff;
  --ctf-auth-text: #152028;
  --ctf-auth-soft: #46565f;
  --ctf-auth-muted: #60717a;
  --ctf-auth-line: #7d919b;
  --ctf-auth-shadow: 0 24px 56px rgba(0, 7, 12, 0.34);
}

html.ctf-theme.ctf-auth-page.gl-dark {
  --ctf-auth-panel: rgba(5, 11, 16, 0.96);
  --ctf-auth-panel-raised: #101b22;
  --ctf-auth-text: #eef8fc;
  --ctf-auth-soft: #bdcbd1;
  --ctf-auth-muted: #91a3ac;
  --ctf-auth-line: #557581;
  --ctf-auth-shadow: 0 24px 58px rgba(0, 0, 0, 0.62);
}

@media (prefers-color-scheme: dark) {
  html.ctf-theme.ctf-auth-page.gl-system {
    --ctf-auth-panel: rgba(5, 11, 16, 0.96);
    --ctf-auth-panel-raised: #101b22;
    --ctf-auth-text: #eef8fc;
    --ctf-auth-soft: #bdcbd1;
    --ctf-auth-muted: #91a3ac;
    --ctf-auth-line: #557581;
    --ctf-auth-shadow: 0 24px 58px rgba(0, 0, 0, 0.62);
  }
}

html.ctf-theme.ctf-auth-page,
html.ctf-theme.ctf-auth-page body.login-page {
  min-width: 320px;
  min-height: 100%;
  background: var(--ctf-canvas) !important;
}

html.ctf-theme.ctf-auth-cinematic body.login-page {
  background: #030609 !important;
}

html.ctf-theme.ctf-auth-page body.login-page > .gl-h-full.gl-flex.gl-flex-wrap {
  position: relative;
  isolation: isolate;
  min-width: 0;
  min-height: 100svh;
  display: flex !important;
  flex-flow: column nowrap !important;
  align-items: stretch !important;
  background: var(--ctf-canvas);
}

html.ctf-theme.ctf-auth-cinematic body.login-page > .gl-h-full.gl-flex.gl-flex-wrap {
  background: #030609;
}

html.ctf-theme.ctf-auth-page body.login-page .ctf-auth-scene {
  display: none;
}

html.ctf-theme.ctf-auth-cinematic body.login-page .ctf-auth-scene {
  position: fixed;
  inset: 0;
  z-index: 0;
  display: block;
  overflow: hidden;
  pointer-events: none;
  background: #030609;
}

html.ctf-theme.ctf-auth-cinematic body.login-page .ctf-auth-scene__art {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: 50% 50%;
  will-change: transform;
  animation: ctf-roster-gate-arrival 2.6s cubic-bezier(0.16, 0.76, 0.24, 1) both;
}

html.ctf-theme.ctf-auth-cinematic body.login-page .ctf-auth-scene__veil {
  position: absolute;
  inset: 0;
  display: block;
  background: rgba(0, 4, 7, 0.22);
  box-shadow:
    inset 0 0 13vw rgba(0, 0, 0, 0.72),
    inset 0 -20vh 18vh rgba(0, 0, 0, 0.48);
}

@keyframes ctf-roster-gate-arrival {
  from {
    transform: scale(1.025);
  }
  to {
    transform: scale(1);
  }
}

html.ctf-theme.ctf-auth-page body.login-page > .gl-h-full.gl-flex.gl-flex-wrap > .container {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none !important;
  min-width: 0;
  min-height: 0;
  margin: 0 !important;
  padding: clamp(28px, 6vh, 72px) 20px;
  flex: 1 0 auto;
  display: grid;
  place-items: center;
}

html.ctf-theme.ctf-auth-page body.login-page main.content {
  width: min(430px, 100%);
  max-width: 430px;
  min-width: 0;
  margin-inline: auto;
  color: var(--ctf-auth-soft);
  font-family: "CTF Auth Sans", Arial, sans-serif;
}

html.ctf-theme.ctf-auth-page body.login-page main.content .row.gl-mt-5 {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin: 0 !important;
  display: block !important;
}

html.ctf-theme.ctf-auth-page body.login-page main.content .row.gl-mt-5 > .col-md:first-child:not(.order-md-12) {
  display: none !important;
}

html.ctf-theme.ctf-auth-page body.login-page main.content .row.gl-mt-5 > .col-md.order-md-12,
html.ctf-theme.ctf-auth-page body.login-page main.content .row.gl-mt-5 .bar,
html.ctf-theme.ctf-auth-page body.login-page main.content .js-non-oauth-login,
html.ctf-theme.ctf-auth-page body.login-page main.content #sign-in-form,
html.ctf-theme.ctf-auth-page body.login-page main.content .signup-page,
html.ctf-theme.ctf-auth-page body.login-page main.content #new_user {
  width: 100% !important;
  max-width: none !important;
  min-width: 0;
  margin-inline: 0 !important;
}

html.ctf-theme.ctf-auth-page body.login-page main.content .row.gl-mt-5 > .col-md.order-md-12 {
  padding-inline: 0 !important;
}

html.ctf-theme.ctf-auth-page body.login-page main.content .bar,
html.ctf-theme.ctf-auth-page body.login-page main.content .login-box {
  position: relative;
  overflow: visible !important;
  padding: 26px 28px 24px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: var(--ctf-auth-panel) !important;
  color: var(--ctf-auth-soft) !important;
  box-shadow:
    inset 0 0 0 1px color-mix(in srgb, var(--ctf-auth-line) 76%, transparent),
    var(--ctf-auth-shadow) !important;
}

html.ctf-theme.ctf-auth-page body.login-page main.content .bar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 96px;
  height: 2px;
  transform: translateX(-50%);
  background: var(--ctf-blue);
}

html.ctf-theme.ctf-auth-page body.login-page main.content .bar > .gl-text-center.gl-mb-5 {
  margin-bottom: 18px !important;
}

html.ctf-theme.ctf-auth-page body.login-page img[data-ctf-brand-mark="true"] {
  width: 56px !important;
  height: 56px !important;
  padding: 2px;
  visibility: visible !important;
  object-fit: cover !important;
  object-position: 50% 36% !important;
  border: 1px solid color-mix(in srgb, var(--ctf-blue) 72%, var(--ctf-auth-line));
  border-radius: 50% !important;
  background: #071119;
}

html.ctf-theme.ctf-auth-page body.login-page main.content .bar > .gl-text-center h1 {
  margin: 12px 0 0 !important;
  display: block !important;
  color: var(--ctf-auth-text) !important;
  font-family: "CTF Auth Display", Georgia, serif !important;
  font-size: 27px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  letter-spacing: -0.03em !important;
  text-wrap: balance;
}

html.ctf-theme.ctf-auth-page body.login-page main.content label,
html.ctf-theme.ctf-auth-page body.login-page main.content legend {
  color: var(--ctf-auth-soft) !important;
  font-weight: 700;
}

html.ctf-theme.ctf-auth-page body.login-page main.content input:not([type="checkbox"]):not([type="radio"]) {
  min-height: 46px;
  border-color: var(--ctf-auth-line) !important;
  background: var(--ctf-auth-panel-raised) !important;
  color: var(--ctf-auth-text) !important;
  caret-color: var(--ctf-blue);
}

html.ctf-theme.ctf-auth-page body.login-page main.content input:not([type="checkbox"]):not([type="radio"]):focus {
  border-color: var(--ctf-blue) !important;
}

html.ctf-theme.ctf-auth-page body.login-page main.content input:not([type="checkbox"]):not([type="radio"]):is(.is-invalid, [aria-invalid="true"]) {
  border-color: var(--ctf-danger) !important;
  box-shadow: 0 0 0 1px color-mix(in srgb, var(--ctf-danger) 48%, transparent) !important;
}

html.ctf-theme.ctf-auth-page body.login-page main.content input:not([type="checkbox"]):not([type="radio"]):is(:disabled, [readonly]) {
  border-color: var(--ctf-auth-line) !important;
  background: color-mix(in srgb, var(--ctf-auth-panel-raised) 54%, var(--ctf-auth-panel)) !important;
  color: var(--ctf-auth-muted) !important;
  cursor: not-allowed;
  opacity: 0.78;
}

html.ctf-theme.ctf-auth-page body.login-page main.content .gl-button,
html.ctf-theme.ctf-auth-page body.login-page main.content .btn {
  min-height: 44px;
}

html.ctf-theme.ctf-auth-page body.login-page main.content .btn-confirm {
  min-height: 48px;
  font-weight: 700;
}

html.ctf-theme.ctf-auth-page body.login-page main.content .gl-text-subtle,
html.ctf-theme.ctf-auth-page body.login-page main.content .form-text,
html.ctf-theme.ctf-auth-page body.login-page main.content .text-secondary {
  color: var(--ctf-auth-muted) !important;
}

html.ctf-theme.ctf-auth-page body.login-page .signup-page > .gl-mb-3.gl-p-4 {
  margin: 0 !important;
  padding: 0 !important;
}

html.ctf-theme.ctf-auth-page body.login-page .signup-page .name.form-row {
  margin-inline: 0 !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

html.ctf-theme.ctf-auth-page body.login-page .signup-page .name.form-row > * {
  width: auto !important;
  max-width: none !important;
  padding-inline: 0 !important;
}

html.ctf-theme.ctf-auth-page body.login-page .signup-page .form-group {
  margin-bottom: 14px;
}

html.ctf-theme.ctf-auth-page body.login-page .footer-container {
  position: relative;
  z-index: 1;
  width: 100%;
  min-width: 0;
  margin-top: auto;
  flex: 0 0 auto;
  color: var(--ctf-muted);
  background: var(--ctf-canvas);
}

html.ctf-theme.ctf-auth-cinematic body.login-page .footer-container {
  color: #b8c8cf;
  background: rgba(3, 6, 9, 0.88) !important;
}

html.ctf-theme.ctf-auth-cinematic body.login-page .footer-container a {
  color: #7edfff !important;
}

html.ctf-theme.ctf-auth-page body.login-page .footer-container hr {
  border-color: var(--ctf-hairline);
}

@media (max-width: 760px) {
  html.ctf-theme.ctf-auth-page body.login-page > .gl-h-full.gl-flex.gl-flex-wrap > .container {
    padding: 28px 12px 20px;
  }

  html.ctf-theme.ctf-auth-cinematic body.login-page > .gl-h-full.gl-flex.gl-flex-wrap > .container {
    padding-top: 148px;
    place-items: start center;
  }

  html.ctf-theme.ctf-auth-register body.login-page > .gl-h-full.gl-flex.gl-flex-wrap > .container {
    padding-top: 88px;
  }

  html.ctf-theme.ctf-auth-cinematic body.login-page .ctf-auth-scene__art {
    object-position: 16% 48%;
  }

  html.ctf-theme.ctf-auth-cinematic body.login-page .ctf-auth-scene__veil {
    background: rgba(0, 4, 7, 0.36);
    box-shadow:
      inset 0 0 22vw rgba(0, 0, 0, 0.62),
      inset 0 -46vh 28vh rgba(0, 0, 0, 0.78);
  }
}

@media (max-width: 420px) {
  html.ctf-theme.ctf-auth-page body.login-page main.content .bar,
  html.ctf-theme.ctf-auth-page body.login-page main.content .login-box {
    padding: 22px 18px 20px !important;
    border-radius: 12px !important;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--ctf-auth-line) 76%, transparent) !important;
  }

  html.ctf-theme.ctf-auth-page body.login-page .signup-page .name.form-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  html.ctf-theme.ctf-auth-page body.login-page main.content .bar > .gl-text-center h1 {
    font-size: 24px !important;
  }
}

@media (max-height: 720px) and (min-width: 761px) {
  html.ctf-theme.ctf-auth-page body.login-page > .gl-h-full.gl-flex.gl-flex-wrap > .container {
    padding-block: 18px;
  }

  html.ctf-theme.ctf-auth-page body.login-page main.content .bar,
  html.ctf-theme.ctf-auth-page body.login-page main.content .login-box {
    padding-block: 20px 18px !important;
  }

  html.ctf-theme.ctf-auth-page body.login-page img[data-ctf-brand-mark="true"] {
    width: 46px !important;
    height: 46px !important;
  }

  html.ctf-theme.ctf-auth-page body.login-page main.content .bar > .gl-text-center h1 {
    margin-top: 8px !important;
    font-size: 24px !important;
  }

  html.ctf-theme.ctf-auth-page body.login-page .signup-page .form-group {
    margin-bottom: 10px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.ctf-theme.ctf-auth-page .ctf-auth-scene__art {
    transform: none !important;
    will-change: auto;
    animation: none !important;
  }
}

@media (forced-colors: active) {
  html.ctf-theme .ctf-identity-default,
  html.ctf-theme .ctf-identity-layer {
    border: 1px solid CanvasText !important;
  }

  html.ctf-theme.ctf-auth-page .ctf-auth-scene {
    display: none !important;
  }

  html.ctf-theme.ctf-auth-page body.login-page,
  html.ctf-theme.ctf-auth-page body.login-page > .gl-h-full.gl-flex.gl-flex-wrap,
  html.ctf-theme.ctf-auth-page body.login-page main.content .bar {
    color: CanvasText !important;
    background: Canvas !important;
    box-shadow: none !important;
  }

  html.ctf-theme.ctf-auth-page body.login-page main.content .bar {
    border: 1px solid CanvasText !important;
  }
}