@scope([data-style-owner=brand-frame]) to (:scope [data-style-owner]:not([data-style-owner=brand-frame])>*){:where(:scope,*).brand-frame{min-height:var(--app-content-height,100svh);width:100%;padding:var(--space-6) clamp(var(--content-space), 4vw, var(--space-12));background:var(--color-canvas);flex-direction:column;display:flex}:where(:scope,*).brand-frame-header{width:100%;max-width:var(--page-width);align-items:center;margin-inline:auto;display:flex}:where(:scope,*).brand-wordmark{align-items:center;gap:var(--space-2);color:var(--color-ink);letter-spacing:-.04em;font-size:1.5rem;font-weight:700;text-decoration:none;display:inline-flex}:where(:scope,*).brand-wordmark>img{flex:none}:where(:scope,*).brand-frame-body{justify-content:center;align-items:center;gap:var(--space-12);width:100%;max-width:var(--page-width);padding-block:var(--space-12);flex:1;margin-inline:auto;display:flex}:where(:scope,*).brand-frame-content{width:100%;min-width:0;max-width:28rem}:where(:scope,*).brand-auth-art{object-fit:contain;width:48%;min-width:0;height:auto}:where(:scope,*).brand-frame[data-kind=recovery] .brand-frame-content{max-width:54rem}:where(:scope,*).brand-divider{width:100%;height:auto;max-width:var(--page-width);flex:none;margin-inline:auto;display:block}@media (width<=760px){:where(:scope,*).brand-frame-body{gap:var(--space-6);padding-block:var(--space-8);flex-direction:column}:where(:scope,*).brand-auth-art{width:min(72%,20rem)}}}