:root{--brand-pattern:url("assets/company-wide.webp");--pattern-filter:none;--pattern-blend:multiply;--pattern-opacity:.96;--page-glass:#ffffff38;--header-glass:#fffffff2}
:root[data-theme="dark"]{--pattern-filter:invert(1);--pattern-blend:screen;--pattern-opacity:.9;--page-glass:#1c222c45;--header-glass:#1c222cf2}
html{background-color:var(--bg)}
body{position:relative;isolation:isolate;min-height:100dvh;background-color:var(--bg)}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:var(--brand-pattern);background-size:max(100vw,1280px) auto;background-position:center top;background-repeat:repeat-y;filter:var(--pattern-filter);mix-blend-mode:var(--pattern-blend);opacity:var(--pattern-opacity)}
.login{background:transparent}
.login-main,.catalog-hero{background:var(--page-glass)}
.app-header{background:var(--header-glass)}
.login-story::before{background-image:var(--brand-pattern);background-size:1100px auto;background-position:right top;background-repeat:repeat-y;filter:invert(1);mix-blend-mode:screen;opacity:.9}
.site-footer{background:transparent}
@media(max-width:650px){body::before{background-size:760px auto;background-position:right top}.login-story::before{background-size:760px auto}}