/* LXBG 2.0 blue/white DEMO landing — strictly demo-live.php scope.
   Keeps all cards, demo routes, builder hooks, controls and examples functional.
   The red maintenance warning remains a distinct protected visual exception. */
html:has(body.lxbg-demo-home-modern){
 background:#f4f8ff!important;color-scheme:light!important;
}
body.lxbg-modern-theme.lxbg-demo-home-modern{
 --bg:#f5f9ff;--surface:#fff;--surface-soft:#f2f7ff;
 --line:#d7e5f7;--text:#183858;--muted:#5f7793;
 --blue:#2563eb;--blue-soft:#e5f0ff;--shadow:0 15px 43px rgba(36,80,147,.08);
 background:linear-gradient(180deg,#f3f8ff 0%,#fff 53%,#f1f7ff 100%)!important;
 color:#183858!important;color-scheme:light!important;
}
body.lxbg-demo-home-modern > main{background:transparent!important;color:#183858!important}
body.lxbg-demo-home-modern .dm{max-width:1180px;padding:clamp(14px,3vw,34px) 12px 52px}
body.lxbg-demo-home-modern .codester-showcase{
 color:#1a3f70!important;
 background:
 radial-gradient(circle at 85% 5%,rgba(79,143,243,.23),transparent 42%),
 linear-gradient(134deg,#fff 7%,#f3f8ff 62%,#e6f1ff 100%)!important;
 border:1px solid #c9ddf8!important;
 border-top:5px solid #2563eb!important;
 box-shadow:0 20px 55px rgba(25,83,156,.105)!important;
 border-radius:24px!important;
}
body.lxbg-demo-home-modern .codester-showcase::before{
 background-image:linear-gradient(#2b6cd00c 1px,transparent 1px),linear-gradient(90deg,#2b6cd00c 1px,transparent 1px)!important;
}
body.lxbg-demo-home-modern .show-copy h1{
 color:#184778!important;text-shadow:none!important;
}
body.lxbg-demo-home-modern .show-copy h2{color:#245b9d!important}
body.lxbg-demo-home-modern .show-copy p{color:#557492!important;line-height:1.62}
body.lxbg-demo-home-modern .codester-showcase .tag,
body.lxbg-demo-home-modern .dm .tag{
 background:#e8f2ff!important;color:#1f5eab!important;
 border:1px solid #bad7f7!important;
}
body.lxbg-demo-home-modern .show-features span{
 color:#245d9f!important;border:1px solid #cce0f8!important;background:#f5faff!important;
}
body.lxbg-demo-home-modern .dm a.b.primary{
 background:linear-gradient(120deg,#2563eb,#3d89f3)!important;
 color:#fff!important;border:1px solid #2563eb!important;
 box-shadow:0 8px 23px rgba(37,99,235,.18)!important;
}
body.lxbg-demo-home-modern .dm a.b.secondary{
 background:#fff!important;color:#285886!important;
 border:1px solid #c4daf3!important;
 box-shadow:0 3px 11px rgba(27,71,132,.045)!important;
}
body.lxbg-demo-home-modern .dm a.b.secondary:hover{
 background:#edf5ff!important;border-color:#8bb7f3!important;
}
body.lxbg-demo-home-modern .browser{
 transform:rotateY(-4deg) rotateX(1deg);
 background:#fff!important;border:1px solid #bad3f0!important;
 box-shadow:0 0 0 6px #dbeaff,0 20px 55px rgba(26,89,167,.16)!important;
}
body.lxbg-demo-home-modern .browserbar{
 background:#eaf3ff!important;color:#4a6f98!important;border-bottom:1px solid #c7dbf6!important;
}
body.lxbg-demo-home-modern .browserbar i{background:#6b9de1!important}
body.lxbg-demo-home-modern .screen{background:#fff!important}
body.lxbg-demo-home-modern .side{
 background:#edf5ff!important;border-right:1px solid #cfe1f7!important;color:#4b729b!important;
}
body.lxbg-demo-home-modern .side strong{color:#2563eb!important}
body.lxbg-demo-home-modern .side small{color:#7894af!important}
body.lxbg-demo-home-modern .chat{color:#284f78!important;background:#fff!important}
body.lxbg-demo-home-modern .chat>strong{color:#1b518f!important}
body.lxbg-demo-home-modern .bubble{background:#f0f6ff!important;color:#305473!important}
body.lxbg-demo-home-modern .bubble.me{background:#dbeaff!important;color:#184f91!important}
body.lxbg-demo-home-modern .webcam{
 background:radial-gradient(circle,#203f66,#0b213d 76%)!important;
 border-color:#4d89ce!important;color:#9accff!important;
}
body.lxbg-demo-home-modern .webcam small{color:#a3c5e9!important}
body.lxbg-demo-home-modern .input{
 background:#f7fbff!important;color:#637f9e!important;border:1px solid #c9def7!important;
}
body.lxbg-demo-home-modern .dm .stat,
body.lxbg-demo-home-modern .dm .card,
body.lxbg-demo-home-modern .dm .step,
body.lxbg-demo-home-modern .dm .notice{
 background:#fff!important;border:1px solid #d8e7f8!important;
 color:#254a72!important;box-shadow:0 8px 26px rgba(27,80,155,.045)!important;
}
body.lxbg-demo-home-modern .dm .stat strong{color:#1c5497!important}
body.lxbg-demo-home-modern .dm :is(.stat span,.card p,.section>p,.step,.notice){
 color:#5f7894!important;
}
body.lxbg-demo-home-modern .dm :is(.section h2,.card h3,.step b,.notice strong){
 color:#173f73!important;
}
body.lxbg-demo-home-modern .dm .state{color:#2464b4!important}
body.lxbg-demo-home-modern .dm .notice{background:#edf6ff!important}
body.lxbg-demo-home-modern .dm .section{margin-top:35px}
body.lxbg-demo-home-modern .lx-singles-featured{
 background:linear-gradient(135deg,#fff,#eff6ff)!important;color:#214567!important;
 border:1px solid #cfdef4!important;box-shadow:0 13px 37px rgba(28,83,151,.08)!important;
}
body.lxbg-demo-home-modern .lx-singles-featured :is(h2,h3){
 color:#194876!important;
}
body.lxbg-demo-home-modern .lx-singles-featured :is(.lx-singles-featured-head p,.lx-singles-featured-headline,.lx-singles-featured-gender,.lx-singles-featured-foot){
 color:#607e9c!important;
}
body.lxbg-demo-home-modern .lx-singles-featured-kicker,
body.lxbg-demo-home-modern .lx-singles-featured-match{
 color:#2669b6!important;
}
body.lxbg-demo-home-modern .lx-singles-featured-card,
body.lxbg-demo-home-modern .lx-singles-featured-empty{
 background:#fff!important;border:1px solid #d7e5f7!important;
 color:#21456e!important;box-shadow:0 5px 16px rgba(32,86,150,.045)!important;
}
body.lxbg-demo-home-modern .lx-singles-featured-photo{background:linear-gradient(135deg,#daecff,#bfd9fc)!important}
body.lxbg-demo-home-modern .lx-singles-featured-tags span{
 color:#255993!important;border:1px solid #cbdff7!important;
}
body.lxbg-demo-home-modern .lx-singles-featured a.lx-singles-featured-cta,
body.lxbg-demo-home-modern .lx-singles-featured a.lx-singles-featured-open{
 background:#2563eb!important;color:#fff!important;border:1px solid #2563eb!important;
}
body.lxbg-demo-home-modern :is(.lxbg-core-block,.lxbg-layout-block){
 color:#214364!important;
}
body.lxbg-demo-home-modern footer{
 background:#fff!important;color:#5d7791!important;
 border-top:1px solid #dbe7f6!important;
}
body.lxbg-demo-home-modern footer a{color:#2462b7!important}
body.lxbg-demo-home-modern :is(a,button,input,select,textarea):focus-visible{
 outline:3px solid #06b6d4!important;outline-offset:3px!important;
}
@media(max-width:800px){
 body.lxbg-demo-home-modern .browser{transform:none!important}
 body.lxbg-demo-home-modern .codester-showcase{border-radius:18px!important}
}
@media(max-width:600px){
 body.lxbg-demo-home-modern .dm{padding:14px 10px 45px!important}
 body.lxbg-demo-home-modern .codester-showcase{padding:23px 15px!important;gap:20px!important}
 body.lxbg-demo-home-modern .show-copy h1{font-size:clamp(3.4rem,16vw,4.5rem)!important}
 body.lxbg-demo-home-modern .show-copy h2{font-size:clamp(1rem,4vw,1.28rem)!important}
 body.lxbg-demo-home-modern .dm a.b{min-height:45px}
 body.lxbg-demo-home-modern .dm .stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body.lxbg-demo-home-modern .dm .stat{padding:15px!important}
 body.lxbg-demo-home-modern .lx-singles-featured{margin:15px 0!important;padding:18px 13px!important}
}
@media(max-width:390px){
 body.lxbg-demo-home-modern .dm .stats{grid-template-columns:minmax(0,1fr)!important}
}
@media(prefers-reduced-motion:reduce){
 body.lxbg-demo-home-modern *{transition:none!important}
}