/* Official wordmark paired with the existing circle/layers icon. */
.login-page .login-brand{gap:16px}
.login-page .login-brand .brand-mark{flex:0 0 52px;width:52px;height:52px;font-size:20px}
.login-page .login-official-wordmark{width:210px;max-width:calc(100% - 68px);min-width:0;line-height:1}
.login-page .login-official-wordmark img{display:block;width:100%;height:auto;max-width:100%;object-fit:contain;border:0;border-radius:0}
.login-page .login-official-wordmark span{display:block;text-align:right;text-transform:uppercase;letter-spacing:.14em;font-size:12px;font-weight:600;margin-top:7px;line-height:1.2;color:inherit}
.login-page .login-brand .login-official-wordmark{color:#faf8ff}
.login-page .mobile-brand .login-official-wordmark{width:174px}
.login-page .mobile-brand .brand-mark{flex:0 0 44px;width:44px;height:44px}
.login-page .mobile-brand .login-wordmark-day{display:none}
html[data-theme="light"] .login-page .mobile-brand .login-wordmark-night{display:none}
html[data-theme="light"] .login-page .mobile-brand .login-wordmark-day{display:block}
html[data-theme="light"] .login-page .mobile-brand .login-official-wordmark{color:#37323d}
html[data-theme="dark"] .login-page .mobile-brand .login-official-wordmark{color:#faf8ff}
@media(max-width:380px){.login-page .mobile-brand{gap:10px}.login-page .mobile-brand .login-official-wordmark{width:150px}.login-page .login-official-wordmark span{font-size:10px}}

/* Desktop icon now anchors the lower identity signature. */
.login-page .login-brand .login-official-wordmark{max-width:100%}
.login-page .login-footer-brand{display:flex;flex-direction:column;align-items:flex-start;gap:14px;opacity:1}
.login-page .login-footer-brand .brand-mark{width:52px;height:52px;box-sizing:border-box;border:1px solid rgba(255,255,255,.4);border-radius:50%;display:grid;place-items:center;font-size:20px;color:#faf8ff}
.login-page .login-footer-brand>span{opacity:.65}