.login-hero:before{background:linear-gradient(120deg,var(--accent),var(--sidebar,#000)),radial-gradient(circle at 70% 12%,#ffffff33,transparent 30%)}
.login-branding-preview{overflow:hidden;border-radius:22px;background:var(--preview-bg)}
.login-branding-preview .preview-hero{position:relative;min-height:260px;padding:24px;display:flex;align-items:center;overflow:hidden;color:#fff;background:var(--preview-sidebar,#000)}
.login-branding-preview .preview-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,var(--preview-accent),var(--preview-sidebar,#000)),radial-gradient(circle at 70% 12%,#ffffff33,transparent 30%)}
.login-branding-preview .preview-hero:after{content:"";position:relative;display:block;width:100%;min-height:170px;border:1px solid #ffffff33;background:#ffffff14;border-radius:24px;backdrop-filter:blur(10px)}