/* Split design (2.8.0): log in on the left, example VIP pages fading on the right. Login page (full screen) and home hero. */
.lbs{--ink:#16161D;--t2:#4A4A59;--mute:#6A6A7C;--line:#E4E4EA;--rule:#ECECF1;--soft:#F3F3F6;--vip:#D9501F;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);color:var(--ink);background:#fff}
.lbs *,.lbs *::before,.lbs *::after{box-sizing:border-box}
.lbs h2,.lbs h3,.lbs p{margin:0}
body.lbs-page{margin:0;background:#fff}
.lbs--page{min-height:100vh;min-height:100dvh}
.lbs--hero{min-height:min(780px,calc(100vh - 70px))}

/* left */
.lbs-left{display:flex;flex-direction:column;padding:48px clamp(24px,7vw,112px) 32px}
.lbs--hero .lbs-left{justify-content:center;padding-top:56px;padding-bottom:56px}
.lbs-logo{align-self:flex-start;display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:21px;letter-spacing:-.02em;color:var(--ink);text-decoration:none}
.lbs-form{width:100%;max-width:440px;margin:auto 0;padding:32px 0}
.lbs--hero .lbs-form{margin:0}
.lbs .lbiz-auth{display:block;padding:0;background:none;border-radius:0}
.lbs .lbiz-auth__card{max-width:none;border:0;padding:0;background:none;gap:20px}
.lbs .lbiz-auth__head{text-align:left}
.lbs .lbiz-auth__head::before{display:none}
.lbs :is(.lbs-right__t h2,.lbs-card h3,.lbs-hello h2,.lbiz-auth__title){font-weight:700;font-family:inherit}
.lbs{font-family:"Mona Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.lbs .lbiz-auth__title{font-size:clamp(30px,3vw,40px);letter-spacing:-.035em;line-height:1.1;margin-bottom:10px}
.lbs .lbiz-auth__subtitle{font-size:16.5px;line-height:1.55}
.lbs .lbiz-auth input[type=email],.lbs .lbiz-auth input[type=text]{height:54px;font-size:16.5px}
.lbs .lbiz-auth .lbiz-btn{min-height:54px;font-size:16.5px}
.lbs-small{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:13.5px;color:var(--mute)}
.lbs-small a{color:var(--mute);text-decoration:none}
.lbs-small a:hover,.lbs-small a:focus-visible{color:var(--ink);text-decoration:underline}
.lbs-hello h2{font-size:clamp(30px,3vw,40px);letter-spacing:-.035em;line-height:1.1}
.lbs-hello p{font-size:16.5px;color:var(--t2);margin-top:10px}
.lbs-hello__btns{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.lbs-btn{display:inline-flex;align-items:center;justify-content:center;height:50px;padding:0 22px;border-radius:12px;background:var(--ink);color:#fff;font-weight:600;font-size:16px;text-decoration:none}
.lbs-btn:hover{color:#fff;filter:brightness(1.25)}
.lbs-btn--vip{background:var(--vip)}
.lbs-btn--vip:hover{filter:brightness(.94)}

/* right: the background takes each example's colour */
.lbs-right{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:44px clamp(24px,6vw,96px) 32px;background:#F6F6F8}
.lbs-bg{position:absolute;inset:0;background:color-mix(in srgb,var(--acc) 9%,#F6F6F8);opacity:0;animation:lbs-bg 20s ease-in-out var(--d) infinite both}
.lbs-bg::after{content:"";position:absolute;right:-18%;bottom:-22%;width:78%;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--acc) 16%,#fff)}
.lbs-right__t{position:relative;max-width:440px}
.lbs-right__t h2{font-size:clamp(26px,2.4vw,34px);line-height:1.12;letter-spacing:-.03em;color:var(--ink)}
.lbs-right__t p{font-size:16px;color:var(--t2);line-height:1.55;margin-top:10px}
.lbs-stage{position:relative;display:grid;width:100%;max-width:480px;margin:auto 0;padding-top:28px;align-self:center}
.lbs-right:hover :is(.lbs-card,.lbs-bg,.lbs-dots i){animation-play-state:paused}
.lbs-card{grid-area:1/1;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden;opacity:0;visibility:hidden;animation:lbs-fade 20s ease-in-out var(--d) infinite both}
.lbs-card__bar{height:36px;border-bottom:1px solid var(--rule);display:flex;align-items:center;gap:6px;padding:0 14px;background:var(--soft)}
.lbs-card__bar b{width:9px;height:9px;border-radius:50%;background:#D7D7DE}
.lbs-card__bar span{margin-left:8px;flex:1;min-width:0;height:22px;border-radius:11px;background:#fff;border:1px solid var(--rule);font-size:12px;color:var(--mute);padding:0 12px;line-height:20px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.lbs-card__bar em{font-style:normal;font-size:11px;font-weight:600;color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:1px 9px;background:#fff}
.lbs-card__band{height:72px;background:linear-gradient(120deg,var(--acc),color-mix(in srgb,var(--acc) 45%,#fff))}
.lbs-card__body{display:flex;flex-direction:column;padding:0 28px 26px}
.lbs .lbs-card__pic{width:88px;height:88px;border-radius:50%;border:4px solid #fff;margin-top:-44px;background:#fff;object-fit:cover}
.lbs-card h3{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:24px;letter-spacing:-.025em;margin-top:14px;color:var(--ink)}
.lbs-vip{display:inline-flex;align-items:center;height:22px;padding:0 9px;border-radius:999px;background:var(--ink);color:#fff;font-size:11.5px;font-weight:700;letter-spacing:0}
.lbs-card__meta{font-size:15px;color:var(--mute);margin-top:6px}
.lbs .lbs-card__txt{font-size:15px;line-height:1.55;color:var(--t2);margin-top:12px}
.lbs-sk{display:block;height:9px;border-radius:5px;margin-top:10px;background:linear-gradient(90deg,#EEEEF2 25%,#F8F8FA 50%,#EEEEF2 75%);background-size:200% 100%;animation:lbs-shim 1.6s linear infinite}
.lbs-card__txt+.lbs-sk{margin-top:16px}
.lbs-card__btn{align-self:flex-start;margin-top:18px;padding:12px 20px;border-radius:10px;background:var(--acc);color:#fff;font-weight:700;font-size:15px}
.lbs-dots{position:relative;display:flex;justify-content:center;gap:6px;margin-top:20px}
.lbs-dots i{display:block;width:6px;height:6px;border-radius:3px;background:rgba(22,22,29,.18);animation:lbs-dot 20s ease-in-out var(--d) infinite both}
@keyframes lbs-fade{0%{opacity:0;visibility:hidden;transform:translateY(10px)}4%,25%{opacity:1;visibility:visible;transform:none}29%,100%{opacity:0;visibility:hidden;transform:none}}
@keyframes lbs-bg{0%{opacity:0}4%,25%{opacity:1}29%,100%{opacity:0}}
@keyframes lbs-dot{0%{width:6px;background:rgba(22,22,29,.18)}4%,25%{width:22px;background:#16161D}29%,100%{width:6px;background:rgba(22,22,29,.18)}}
@keyframes lbs-shim{from{background-position:150% 0}to{background-position:-50% 0}}

@media(max-width:900px){
	.lbs{grid-template-columns:1fr}
	.lbs--page,.lbs--hero{min-height:0}
	.lbs-right{display:none} /* phones: only the log in box */
	.lbs--page .lbs-left{min-height:100vh;min-height:100dvh}
	.lbs-left{padding:28px 20px 24px}
	.lbs-form{margin:0;padding:36px 0 32px;max-width:none}
	.lbs--page .lbs-form{margin:auto 0;padding:32px 0} /* logo at the top, the box in the middle, links at the bottom */
	.lbs--hero .lbs-left{padding:32px 16px}
	.lbs-right{padding:40px 20px 36px}
	.lbs-card__body{padding:0 22px 24px}
}
@media(prefers-reduced-motion:reduce){.lbs-card,.lbs-bg,.lbs-dots i,.lbs-sk{animation:none}.lbs-card:first-of-type,.lbs-bg:first-child{opacity:1;visibility:visible}.lbs-dots{display:none}}
.lbh-hero.lbh-hero--split{padding:0;background:#fff}