/* Quorelix Cloud — accueil canonique 2026-10-15.
   Isolé à .page-login : aucun effet sur l'administration ou les documents. */
.page-login .vertical-brand {
  top: clamp(26px, 4.5vh, 45px);
  right: clamp(25px, 2.7vw, 48px);
  bottom: auto;
  width: clamp(120px, 9vw, 150px);
  height: min(72vh, 520px);
}
.page-login .brand-orb {
  top: 0;
  right: clamp(43px, 3.15vw, 56px);
  width: clamp(29px, 2.55vw, 42px);
  height: clamp(29px, 2.55vw, 42px);
  background: #c38045;
}
.page-login .vertical-lines {
  top: clamp(66px, 7.9vh, 78px);
  right: 0;
  gap: clamp(5px, .45vw, 9px);
  align-items: flex-start;
}
.page-login .brand-main {
  font-family: 'Inter', sans-serif;
  font-size: clamp(74px, 6.2vw, 103px);
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.065em;
  color: #fff;
}
.page-login .brand-tagline {
  font-family: 'Inter', sans-serif;
  font-size: clamp(23px, 2.02vw, 34px);
  font-weight: 200;
  line-height: 1;
  letter-spacing: -.052em;
  color: #fff;
}
.page-login .login-panel {
  position: absolute;
  z-index: 2;
  top: 44.2%;
  left: 50%;
  transform: translateX(-50%);
  width: 338px;
  max-width: calc(100% - 44px);
}
.page-login .login-steps {position:relative}
.page-login .login-kicker {
  position: static;
  display: block;
  transform: translateX(-70px);
  margin: 0 0 32px;
  color: #676c71;
  font-family: 'Inter', sans-serif;
  font-size: 14px;
  line-height: 1;
  letter-spacing: .29em;
  font-weight: 700;
  white-space: nowrap;
}
.page-login .cloud-accent {color:#c38045}
.page-login .login-box {
  width: 100%;
  height: 68px;
  padding: 8px 13px 8px 19px;
  border: 0;
  border-radius: 12px;
  background: #181d24;
}
.page-login .login-box input {
  font-family: 'Inter', sans-serif;
  font-size: 17px;
  font-weight: 400;
  color: #e8eef4;
}
.page-login .arrow-button {color:#535455}
.page-login .arrow-button svg {width:23px;height:23px}
.page-login .arrow-button:hover,
.page-login .arrow-button:focus-visible {color:#c38045}
.page-login .back-form {margin-top:17px}
.page-login .text-button {color:#838b93}
@media(max-width:1050px) and (min-width:721px) {
  .page-login .vertical-brand {transform: scale(.85);transform-origin:top right}
}
@media(max-width:720px) {
  .page-login .vertical-brand {
    position:absolute;
    top: 26px;
    right: 22px;
    bottom:auto;
    width:140px;
    height:50px;
    transform:none;
  }
  .page-login .vertical-lines {
    position:absolute;
    top:4px;
    right:18px;
    flex-direction:row;
    align-items:center;
    gap:0;
  }
  .page-login .brand-main {
    writing-mode:initial;
    transform:none;
    font-size:32px;
    letter-spacing:-.065em;
    line-height:1;
  }
  .page-login .brand-tagline {display:none}
  .page-login .brand-orb {
    position:absolute;
    top:0;
    right:0;
    width:10px;
    height:10px;
  }
  .page-login .login-panel {
    top:43%;left:50%;width:min(338px,calc(100% - 42px));
  }
  .page-login .login-kicker {
    transform:none;
    margin-bottom:25px;
    font-size:12px;
    letter-spacing:.24em;
  }
  .page-login .login-box {height:65px}
}
@media(max-height:560px) and (min-width:721px) {
  .page-login .login-panel {top:39%}
  .page-login .vertical-brand {transform:scale(.65);transform-origin:top right}
}