/*
 * Sign-in page background in the corporate palette (brand book, "Gradients" + "Main palette").
 * Colours: violet #7000FF, dark violet #330068, magenta #FF006F (one accent). Linear and radial gradients only,
 * no images, fonts or external requests (GitLab CSP: default-src 'self').
 * Scope: pages of the Devise layout (sign in, password reset, ...) -- <body class="login-page">. The product title
 * (h1) and the footer links are hidden; the GitLab logo is intentionally not touched yet.
 */
html.html-devise-layout,
body.login-page {
  background-color: #330068;
  background-image:
    radial-gradient(60% 55% at 88% 100%, rgba(255, 0, 111, 0.80) 0%, rgba(255, 0, 111, 0) 70%),
    radial-gradient(75% 75% at 8% 0%, #7000ff 0%, rgba(112, 0, 255, 0) 75%),
    linear-gradient(160deg, #330068 0%, #1b0040 100%);
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-size: cover;
}

/* The page itself must not paint over the html background. */
body.login-page {
  background-color: transparent;
}

/* Everything GitLab draws in the centre (logo, title, form) stays on a panel (light, or dark violet in the dark
 * theme): text colours of the stock theme remain readable regardless of what is behind it. */
body.login-page main.content {
  box-sizing: border-box;
  width: min(100% - 32px, 480px);
  margin-inline: auto;
  padding: 24px;
  background: rgba(255, 255, 255, 0.97);
  border-radius: 24px;
  box-shadow: 0 24px 64px rgba(27, 0, 64, 0.45);
}

html.gl-dark body.login-page main.content {
  background: rgba(27, 0, 64, 0.92);
}

/* GitLab's own full-screen "bloom" image (body::before, dark theme) is replaced by the gradient above. */
body.login-page::before {
  display: none;
}

/* Footer (language selector, links) sits directly on the gradient. */
body.login-page .footer-container,
body.login-page .footer-container a,
body.login-page .footer-container button {
  color: rgba(255, 255, 255, 0.85);
}

/* The language selector is a tertiary button with its own colour from the theme. */
body.login-page .footer-container button.btn,
body.login-page .footer-container button.btn * {
  color: rgba(255, 255, 255, 0.85) !important;
}

/* Product title under the logo ("GitLab Community Edition"). */
body.login-page main.content h1 {
  display: none;
}

/* The title carried the space below the logo: keep it. */
body.login-page main.content .gl-my-5 img {
  margin-bottom: 32px;
}

/* Footer: no Explore / Help / About / forum links and no divider; the language selector stays. */
body.login-page .footer-container hr,
body.login-page .footer-container .container > div:first-child {
  display: none !important;
}