/* Shared artwork layer: centred on the form itself in both desktop and mobile layouts. */
.login-form-side{position:relative;isolation:isolate;overflow:hidden}
.login-artwork-anchor{position:relative;display:grid;place-items:center;width:min(100%,600px);isolation:isolate;background:#23202a;border-radius:24px}
html[data-theme="light"] .login-artwork-anchor{background:#fff}
.login-artwork-anchor .login-card{position:relative;z-index:1;box-sizing:border-box;width:100%;margin:0}
.login-watermark{position:absolute;z-index:0;left:50%;top:50%;transform:translate(-50%,-50%);width:var(--login-art-size,140%);height:var(--login-art-size,140%);max-width:none;max-height:none;object-fit:contain;pointer-events:none;user-select:none;filter:brightness(0) invert(1);opacity:var(--login-art-opacity,.08)}
html[data-theme="light"] .login-watermark{filter:brightness(0)}
html[data-theme="dark"] .login-artwork-anchor .login-card{background:transparent!important;backdrop-filter:none}
html[data-theme="light"] .login-artwork-anchor .login-card{background:transparent!important;backdrop-filter:none}
.login-institution-name{font-size:clamp(16px,1.6vw,22px);font-weight:700;margin:0 0 22px;padding:0 0 18px;border-bottom:1px solid rgba(136,106,181,.28);line-height:1.4;overflow-wrap:anywhere}
.login-brand-back{display:block;text-align:center;margin-top:20px;font-weight:600;font-size:13px}
.login-brand-powered{font-size:12px;line-height:1.6;margin-bottom:18px;color:inherit;opacity:.72}
@media(max-width:600px){.login-artwork-anchor{width:100%}.login-watermark{width:var(--login-art-size,140%);height:var(--login-art-size,140%)}.login-institution-name{margin-bottom:16px}}