/* ==============================================================
   LUMEN LANDING — premium re-skin for the guest homepage + auth
   pages. Loads AFTER nova-landing.css: visual overrides only
   (colours, glass, gradients, radius, motion) — layout stays.
   ============================================================== */
:root{
  --lmL-grad:linear-gradient(135deg,var(--nv-accent),color-mix(in srgb,var(--nv-accent) 66%,#ffcf9e 34%));
  --lmL-ink:#0b1220; --lmL-soft:#46516a; --lmL-mut:#8691a9;
  --lmL-bg:#f4f6fb; --lmL-card:#ffffff; --lmL-border:#e6eaf3;
  --lmL-sh:0 1px 2px rgba(13,18,35,.04),0 14px 40px -20px rgba(13,18,35,.22);
  --lmL-ease:cubic-bezier(.4,0,.2,1);
}
body.lp{
  background:var(--lmL-bg);color:var(--lmL-ink);
  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}

/* nav — glass */
.lp-nav{background:color-mix(in srgb,#ffffff 78%,transparent)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--lmL-border)}
.lp-nav .nav-l{color:var(--lmL-soft)!important;font-weight:600}
.lp-nav .nav-l:hover{color:var(--nv-accent)!important}
.lp-nav .brand{color:var(--lmL-ink)!important}

/* buttons — gradient + lift */
.lp .btn-primary{background:var(--lmL-grad)!important;border:0!important;border-radius:13px!important;box-shadow:0 10px 26px -10px color-mix(in srgb,var(--nv-accent) 55%,transparent);transition:transform .16s var(--lmL-ease),filter .16s!important}
.lp .btn-primary:hover{transform:translateY(-1px);filter:brightness(1.05)}
.lp .btn-ghost{border-radius:13px!important;border:1.5px solid var(--lmL-border)!important;background:#fff!important;color:var(--lmL-ink)!important}
.lp .btn-ghost:hover{border-color:var(--nv-accent)!important;color:var(--nv-accent)!important}

/* hero — light gradient, gradient headline, glass card */
.lp-hero{background:
  radial-gradient(900px 480px at 82% -140px,color-mix(in srgb,var(--nv-accent) 14%,transparent),transparent 62%),
  radial-gradient(760px 420px at -120px -120px,color-mix(in srgb,var(--nv-accent) 8%,transparent),transparent 58%),
  linear-gradient(180deg,#fbfcff,var(--lmL-bg))!important;color:var(--lmL-ink)!important}
.lp-hero h1{color:var(--lmL-ink)!important;letter-spacing:-.03em}
.lp-hero .grad{background:var(--lmL-grad);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.lp-hero .lead{color:var(--lmL-soft)!important}
.lp-hero .pill{background:#fff!important;border:1px solid var(--lmL-border)!important;color:var(--lmL-soft)!important;border-radius:99px!important;box-shadow:var(--lmL-sh)}
.lp-hero .trust span{color:var(--lmL-mut)!important}
.lp-hero .trust i{color:var(--nv-accent)!important}

/* auth card — floating glass */
.lp-card{background:color-mix(in srgb,#ffffff 92%,transparent)!important;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--lmL-border)!important;border-radius:22px!important;box-shadow:0 30px 80px -28px rgba(13,18,35,.35)!important}
.lp-card h3{color:var(--lmL-ink)!important}
.lp-card .sub{color:var(--lmL-mut)!important}
.lp-card .seg{background:#f1f4fa!important;border:1px solid var(--lmL-border)!important;border-radius:13px!important;padding:5px!important}
.lp-card .seg a{border-radius:9px!important;color:var(--lmL-soft)!important;font-weight:700}
.lp-card .seg a.active{background:#fff!important;color:var(--nv-accent)!important;box-shadow:var(--lmL-sh)}
.lp-card .lp-field label{color:var(--lmL-soft)!important;font-weight:700}
.lp-card .lp-field input{background:#fff!important;border:1.5px solid #dbe0ec!important;border-radius:13px!important;color:var(--lmL-ink)!important;height:48px;transition:border-color .15s,box-shadow .15s}
.lp-card .lp-field input:focus{border-color:var(--nv-accent)!important;box-shadow:0 0 0 4px color-mix(in srgb,var(--nv-accent) 15%,transparent)!important;outline:none}
.lp-card .alt{color:var(--lmL-mut)!important}

/* stats band */
.lp-stats{background:#fff!important;border-top:1px solid var(--lmL-border);border-bottom:1px solid var(--lmL-border)}
.lp-stats .n{color:var(--lmL-ink)!important;letter-spacing:-.02em}
.lp-stats .l{color:var(--lmL-mut)!important}

/* sections */
.lp .sec-head .eyebrow{color:var(--nv-accent)!important}
.lp .sec-head h2{color:var(--lmL-ink)!important;letter-spacing:-.02em}
.lp .sec-head p{color:var(--lmL-soft)!important}
.lp-serv{background:var(--lmL-bg)!important}
.lp-plat .card,.lp-svc,.lp-feat .card,.lp-test .card,.lp-blog .card,.lp-offers .ofr{background:#fff!important;border:1px solid var(--lmL-border)!important;border-radius:18px!important;box-shadow:var(--lmL-sh)!important;transition:transform .18s var(--lmL-ease),box-shadow .18s var(--lmL-ease)!important}
.lp-plat .card:hover,.lp-svc:hover,.lp-feat .card:hover,.lp-blog .card:hover{transform:translateY(-3px);box-shadow:0 26px 60px -24px rgba(13,18,35,.3)!important}
.lp-plat .card .nm,.lp-svc .nm,.lp-feat .card h3,.lp-test .card .who .nm{color:var(--lmL-ink)!important}
.lp-plat .card .ds,.lp-svc .pf,.lp-feat .card p,.lp-test .card .rl{color:var(--lmL-mut)!important}
.lp-svc .pr{color:var(--nv-accent)!important}
.lp-svc-sec{background:#fff!important}
.lp-feat .card .ic{background:color-mix(in srgb,var(--nv-accent) 11%,transparent)!important;color:var(--nv-accent)!important;border-radius:14px!important}
.lp-how{background:var(--lmL-bg)!important}
.lp-how .step{background:#fff!important;border:1px solid var(--lmL-border)!important;border-radius:18px!important;box-shadow:var(--lmL-sh)!important}
.lp-how .step h3{color:var(--lmL-ink)!important}
.lp-how .step p{color:var(--lmL-soft)!important}
.lp-how .step .num{background:var(--lmL-grad)!important;color:#fff!important;border-radius:11px!important}
.lp-how .step i{color:var(--nv-accent)!important}
.lp-why .col{border-radius:18px!important}
.lp-why .col.us{background:color-mix(in srgb,var(--nv-accent) 7%,#fff)!important;border:1.5px solid color-mix(in srgb,var(--nv-accent) 30%,transparent)!important}
.lp-why .col.us h3{color:var(--nv-accent)!important}
.lp-why .col.us li{color:var(--lmL-ink)!important}
.lp-why .col.us li i{color:#16a34a!important}
.lp-why .col.them{background:#fff!important;border:1px solid var(--lmL-border)!important}
.lp-why .col.them h3,.lp-why .col.them li{color:var(--lmL-mut)!important}
.lp-test{background:#fff!important}
.lp-test .card .q{color:var(--lmL-soft)!important}
.lp-test .card .stars{color:#f59e0b!important}
.lp-test .card .who .av{background:var(--lmL-grad)!important;color:#fff!important;border-radius:12px!important}
.lp-blog{background:var(--lmL-bg)!important}
.lp-blog .card h3{color:var(--lmL-ink)!important}
.lp-blog .card p{color:var(--lmL-soft)!important}
.lp-blog .card .rd{color:var(--nv-accent)!important}
.lp-faq{background:#fff!important}
.lp-faq .item{background:var(--lmL-bg)!important;border:1px solid var(--lmL-border)!important;border-radius:15px!important}
.lp-faq .item .q{color:var(--lmL-ink)!important;font-weight:700}
.lp-faq .item .a div{color:var(--lmL-soft)!important}
.lp-offers .ofr .t{color:var(--lmL-ink)!important}

/* CTA band — gradient */
.lp-band{background:var(--lmL-grad)!important;border-radius:0!important}
.lp-band h2,.lp-band p{color:#fff!important}
.lp-band .btn{background:#fff!important;color:var(--nv-accent)!important;border-radius:13px!important;font-weight:800}

/* footer — light */
.lp-footer{background:#0d1220!important}

/* sticky cta + promo + exit modal polish */
.lp-promo{background:var(--lmL-grad)!important}
.lp-sticky{background:color-mix(in srgb,#ffffff 88%,transparent)!important;backdrop-filter:blur(14px);border-top:1px solid var(--lmL-border)!important;color:var(--lmL-ink)!important}
.lp-exit .box{border-radius:22px!important;box-shadow:0 40px 100px -30px rgba(13,18,35,.5)!important}

/* auth split pages (signup / reset) */
.lp-split .brandside{background:
  radial-gradient(700px 420px at 80% -120px,rgba(255,255,255,.14),transparent 60%),
  var(--lmL-grad)!important;color:#fff!important}
.lp-split .brandside h2{color:#fff!important;letter-spacing:-.02em}
.lp-split .brandside p{color:rgba(255,255,255,.85)!important}
.lp-split .brandside .bl{background:rgba(255,255,255,.14)!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:13px!important;color:#fff!important}
.lp-split .brandside .bl i{color:#fff!important}
.lp-split .formside{background:var(--lmL-bg)!important}
.lp-split .formbox{background:#fff;border:1px solid var(--lmL-border);border-radius:22px;box-shadow:0 30px 80px -28px rgba(13,18,35,.25);padding:34px 30px}
.lp-split .formbox h1{color:var(--lmL-ink);letter-spacing:-.02em}
.lp-split .formbox .sub{color:var(--lmL-mut)}

/* ============================================================
   v2 — bring all standalone guest pages (smm-api, platform-
   services, blog, status, affiliate, child-panel) in line with
   the new dark-hero homepage: dark glass nav + dark footer,
   premium light content. Loads on those pages via injected link.
   ============================================================ */
.lp-nav{background:color-mix(in srgb,#0e1420 82%,transparent)!important;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.08)!important}
.lp-nav .wrap{max-width:1180px}
.lp-nav .brand{color:#fff!important}
.lp-nav .nav-l{color:#96a2bb!important;font-weight:600}
.lp-nav .nav-l:hover{color:#fff!important}
.lp-nav .btn-ghost{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important;border-radius:13px!important}
.lp-nav .btn-ghost:hover{background:rgba(255,255,255,.14)!important}
.lp-nav .btn-primary{border-radius:13px!important}

/* page hero (platform-services) -> dark to match homepage */
.lp-hero{background:linear-gradient(180deg,#0a0e17,#0e1420)!important;color:#eef2fa!important;border-bottom:1px solid rgba(255,255,255,.06)}
.lp-hero h1,.lp-hero h2{color:#fff!important}
.lp-hero .lead,.lp-hero p,.lp-hero .sub{color:#96a2bb!important}
.lp-hero .pill{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.16)!important;color:#fff!important}

/* premium cards/tables used on guest pages */
.lp .api-ep,.lp .api-table{border-radius:16px!important;box-shadow:0 1px 2px rgba(13,18,35,.04),0 14px 40px -20px rgba(13,18,35,.22)!important;border:1px solid var(--lmL-border,#e6eaf3)!important;overflow:hidden}
.lp .api-ep .h{border-bottom:1px solid var(--lmL-border,#e6eaf3)!important}
.lp .api-ep .m{background:color-mix(in srgb,var(--nv-accent) 12%,transparent)!important;color:var(--nv-accent)!important;border-radius:8px!important}
.lp .api-table th{background:var(--lmL-bg,#f4f6fb)!important;color:var(--lmL-mut,#8691a9)!important}

/* dark footer to match homepage */
.lp-footer{background:#0e1420!important}

/* section headings + eyebrow use accent (already), ensure card hover lift */
.lp-plat .card:hover,.lp-svc:hover,.lp-feat .card:hover,.lp-blog .card:hover{transform:translateY(-3px);box-shadow:0 26px 60px -24px rgba(13,18,35,.3)!important}