/* Guorai brand presentation only. The supplied PNG is not recoloured. */
img[src*="/brand/guorai-20261010/wordmark.svg"] { max-width: 140px !important; }
[class*="Login-module__brand__"] img {
  content: url("/brand/guorai-20261010/wordmark.svg");
  width: 152px !important; height: 36px !important;
  object-fit: contain; background: #fff; padding: 6px 10px;
  border-radius: 8px; box-sizing: content-box;
}
[class*="Login-module__brand__"] [class*="wordmark__"] { display: none; }
[class*="Login-module__heroLogo__"] {
  background: rgba(255,255,255,.96); border-radius: 50%;
  padding: 7%; box-sizing: border-box;
  filter: drop-shadow(0 0 32px rgba(0,94,255,.25));
}
[class*="Login-module__logoPosition__"] {
  top: auto; bottom: 12%; left: 24%;
  width: min(52%, calc(100dvh - 510px)); max-width: 400px;
}
html[data-theme="dark"] img[src*="/brand/guorai-20261010/wordmark.svg"],
html[data-theme="dark"] img[src*="/brand/guorai-20261010/symbol.svg"],
html[data-theme="dark"] img[src*="/brand/guorai-20261010/boot.svg"]:not([class*="heroLogo__"]) {
  background-color: #fff; border-radius: 8px;
}
#octop-boot-ring { border-top-color: #005eff !important; border-color: rgba(0,94,255,.18); }
html[data-theme="dark"] #octop-boot-ring { border-top-color: #005eff !important; }
@media (max-width: 600px) {
  [class*="Login-module__brand__"] img { width: 122px !important; height: 29px !important; padding: 5px 8px; }
}
@media (max-width: 760px) {
  [class*="Login-module__logoPosition__"] {
    top: 34px; bottom: auto; left: auto; right: 12px;
    width: 120px; opacity: .7;
  }
}