@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root { --login-bg:#f2f5f3; --login-panel:rgba(251,253,251,.72); --login-ink:#0e1629; --login-muted:#566173; --login-line:#d3dad6; --login-accent:#ff6e27; }
:root[data-theme="dark"] { --login-bg:#09111f; --login-panel:rgba(17,29,48,.74); --login-ink:#f7f5f0; --login-muted:#b5becc; --login-line:#40526d; --login-accent:#ff7a3a; }

body.liquid-ui {
  justify-content: center;
  background: var(--login-bg);
  color: var(--login-ink);
  font-family:'Plus Jakarta Sans',sans-serif;
}

.bg-glow,.bg-glow-2 { display:none; }
.login-public-header {
  position:fixed;
  top:14px;
  left:50%;
  z-index:30;
  display:grid;
  grid-template-columns:126px 1fr auto;
  gap:20px;
  align-items:center;
  width:min(calc(100% - 36px),1240px);
  padding:8px 10px 8px 14px;
  border:1px solid rgba(255,255,255,.36);
  border-radius:999px;
  background:var(--login-panel);
  box-shadow:0 14px 32px rgba(14,22,41,.16);
  backdrop-filter:blur(24px) saturate(155%);
  -webkit-backdrop-filter:blur(24px) saturate(155%);
  transform:translateX(-50%);
}
.login-nav-logo img{display:block;width:126px;}
.login-site-nav{position:relative;justify-self:center;display:flex;gap:1px;padding:4px;border-radius:999px;background:#0e1629;}
.login-site-nav a{position:relative;z-index:1;padding:8px 11px;border-radius:999px;color:#d9dfeb;font-size:.74rem;font-weight:650;text-decoration:none;white-space:nowrap;}
.login-site-nav a:is(:hover,:focus-visible){color:#0e1629;}
.login-site-nav .liquid-nav-indicator{background:var(--login-accent);box-shadow:0 7px 14px rgba(0,0,0,.2);}
.login-nav-utilities{display:flex;align-items:center;gap:9px;}
.login-nav-utilities>a{color:var(--login-ink);font-size:.75rem;font-weight:700;text-decoration:none;}
.login-nav-utilities .theme-toggle-floating{position:static;}
body::before {
  content:"";
  position:fixed;
  inset:0 50% 0 0;
  background:linear-gradient(rgba(14,22,41,.18),rgba(14,22,41,.72)),url('assets/editorial/heor-analyst-1672.webp') 68% center/cover;
}

.login-container {
  width:min(440px,calc(100vw - 36px));
  margin-left:min(46vw,620px);
  padding:42px;
  border:1px solid rgba(255,255,255,.38);
  border-radius:3px 34px 3px 34px;
  background:var(--login-panel);
  color:var(--login-ink);
  box-shadow:0 24px 60px rgba(14,22,41,.18);
  backdrop-filter:blur(25px) saturate(155%);
  -webkit-backdrop-filter:blur(25px) saturate(155%);
}

.login-header { text-align:left; }
.logo-container { margin-bottom:28px; }
.logo-img { width:142px; }
.login-title { color:var(--login-ink);font-family:'Space Grotesk',sans-serif;font-size:2.65rem;line-height:.95;letter-spacing:-.045em; }
.login-subtitle,.form-label,.register-link-container,.legal-links a,.brand-back { color:var(--login-muted); }
.form-input { min-height:50px;border:1px solid var(--login-line);border-radius:3px;background:color-mix(in srgb,var(--login-panel) 84%,transparent);color:var(--login-ink); }
.form-input:focus { border-color:#0f766e;box-shadow:none;outline:3px solid color-mix(in srgb,#0f766e 18%,transparent); }
.btn-submit { min-height:50px;border:0;border-radius:999px;background:var(--login-accent);color:#0e1629;box-shadow:0 10px 18px rgba(14,22,41,.14);font-weight:700; }
.btn-submit:hover { background:#e75615;transform:translateY(-1px); }
.theme-toggle-floating { top:22px;right:22px;border:1px solid var(--login-line);background:var(--login-panel);color:var(--login-ink);backdrop-filter:blur(18px); }
.brand-back { position:fixed;left:24px;bottom:22px;z-index:10;color:#fffdf9; }

@media(max-width:1000px){.login-site-nav,.login-nav-utilities>a{display:none;}.login-public-header{grid-template-columns:126px 1fr auto;}.login-nav-utilities{grid-column:3;}}
@media(max-width:820px){
  body::before{inset:0;background:linear-gradient(rgba(9,17,31,.78),rgba(9,17,31,.9)),url('assets/editorial/heor-analyst-960.webp') 68% center/cover;}
  .login-container{margin:44px 0 0;padding:30px 24px;}
  .brand-back{position:relative;left:auto;bottom:auto;color:#fffdf9;}
}