/* ============================================================
   GetLocalStar — Central Theme CSS (light, blue, LocalImpact-style)
   Loaded on every page via includes/styles.blade.php.
   Contains: base/light theme + auth + home (.li-*) + pricing (.lp-*)
   + workspace widget builder (.w-style).
   ============================================================ */

:root{
    --b:#2563eb; --bd:#1d4ed8; --sky:#3b82f6;
    --ink:#0f172a; --body:#475569; --muted:#64748b;
    --bdr:#e6ebf2; --soft:#eff6ff; --bg-alt:#f6f9ff;
    --card-shadow:0 4px 24px rgba(15,23,42,.06);
    --card-shadow-hover:0 16px 40px rgba(15,23,42,.10);
}

/* ── Light global body ── */
html, body{ background:#ffffff; color:#475569; min-height:100vh; }
body::before{
    content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;
    background:
        radial-gradient(ellipse 70% 50% at 80% -5%, rgba(37,99,235,.05) 0%, transparent 55%),
        radial-gradient(ellipse 60% 50% at 10% 100%, rgba(59,130,246,.04) 0%, transparent 55%);
}

/* ── Auth pages (user sign in / sign up) ── */
.sign{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}
.sign .box{background:#fff;border:1px solid #e6ebf2;box-shadow:0 24px 60px rgba(15,23,42,.10);border-radius:24px;padding:40px;width:100%;max-width:440px}
.sign-title{color:#0f172a;font-weight:800}
.sign-text{color:#64748b}
.sign .mt-4{color:#64748b}
.sign .mt-4 a,.sign .link-primary{color:#2563eb}
.sign .mt-4 a:hover,.sign .link-primary:hover{color:#1d4ed8}

/* ── Admin auth layout ── */
.sign-admin-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}
.sign-admin-box{background:#fff;border:1px solid #e6ebf2;box-shadow:0 24px 60px rgba(15,23,42,.12);border-radius:24px;padding:44px;width:100%;max-width:460px;text-align:center}
.sign-admin-box .logo img{height:40px}
.sign-admin-box .sign-box,.sign-admin-box .card,.sign-admin-box .sign-body{background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important}
.sign-admin-box h2{color:#0f172a}
.sign-admin-box .text-muted{color:#64748b}
.sign-admin-box a{color:#2563eb}
.sign-admin-box a:hover{color:#1d4ed8}

/* ── Glass card utility (light variant) ── */
.glass-card{background:#fff;border:1px solid #e6ebf2;box-shadow:0 4px 24px rgba(15,23,42,.06);border-radius:20px}
.glass-card-sm{background:#fff;border:1px solid #eef2f7;box-shadow:0 2px 14px rgba(15,23,42,.05);border-radius:14px}

/* ============================================================
   HOME PAGE (.li-*)
   ============================================================ */
.li-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:1rem;padding:13px 26px;border-radius:12px;text-decoration:none;transition:all .22s;border:1px solid transparent;cursor:pointer;line-height:1.2}
.li-btn-primary{background:#2563eb;color:#fff;box-shadow:0 8px 22px rgba(37,99,235,.26)}
.li-btn-primary:hover{background:#1d4ed8;color:#fff;transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,99,235,.34)}
.li-btn-ghost{background:#fff;color:#0f172a;border-color:#e6ebf2}
.li-btn-ghost:hover{background:#f6f9ff;border-color:#dbe7fe;color:#1d4ed8}
.li-btn-white{background:#fff;color:#1d4ed8}
.li-btn-white:hover{background:#eef4ff;color:#1d4ed8;transform:translateY(-2px)}
.li-btn-outline-white{background:transparent;color:#fff;border-color:rgba(255,255,255,.5)}
.li-btn-outline-white:hover{background:rgba(255,255,255,.12);color:#fff}

.li-section{padding:88px 0;background:#fff}
.li-alt{background:#f6f9ff;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7}
.li-head{max-width:720px;margin:0 auto 52px;text-align:center}
.li-eyebrow{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#2563eb;margin-bottom:12px}
.li-h2{font-size:clamp(1.7rem,3.2vw,2.5rem);font-weight:800;line-height:1.18;color:#0f172a;letter-spacing:-.025em;margin:0}
.li-sub{font-size:1.08rem;line-height:1.7;color:#64748b;margin:14px auto 0;max-width:640px}
.li-muted{color:#64748b}.li-blue{color:#2563eb}.li-green{color:#16a34a;font-weight:700}
.li-muted-sm{color:#94a3b8;font-size:.82rem}.li-muted-xs{color:#94a3b8;font-size:.74rem}
.li-center{text-align:center;margin-top:44px}

.li-hero{position:relative;padding:84px 0 76px;background:radial-gradient(ellipse 90% 70% at 50% -20%,#eff6ff 0%,#fff 58%);border-bottom:1px solid #eef2f7;overflow:hidden}
.li-hero-inner{max-width:760px;margin:0 auto;text-align:center}
.li-badge{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid #dbe7fe;color:#1d4ed8;font-weight:600;font-size:.84rem;padding:7px 16px;border-radius:100px;box-shadow:0 2px 10px rgba(37,99,235,.08)}
.li-badge-star{color:#f59e0b}
.li-hero-title{font-size:clamp(2.2rem,5.4vw,3.6rem);font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#0f172a;margin:22px 0 0}
.li-grad{background:linear-gradient(120deg,#2563eb,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.li-hero-sub{font-size:1.15rem;line-height:1.65;color:#64748b;max-width:600px;margin:20px auto 0}
.li-hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.li-hero-note{margin-top:16px;color:#94a3b8;font-size:.88rem}
.li-center-actions{justify-content:center}

.li-hero-preview{max-width:760px;margin:54px auto 0}
.li-dash{background:#fff;border:1px solid #e6ebf2;border-radius:18px;box-shadow:0 30px 70px rgba(15,23,42,.14);overflow:hidden}
.li-dash-top{display:flex;align-items:center;gap:12px;padding:13px 18px;border-bottom:1px solid #eef2f7;background:#fbfcfe}
.li-dash-dots{display:flex;gap:6px}
.li-dash-dots span{width:10px;height:10px;border-radius:50%;background:#e2e8f0}
.li-dash-live{display:inline-flex;align-items:center;gap:7px;font-size:.82rem;font-weight:600;color:#334155}
.li-dot-live{width:8px;height:8px;border-radius:50%;background:#22c55e;display:inline-block;box-shadow:0 0 0 3px rgba(34,197,94,.18)}
.li-pill-up{margin-left:auto;background:#ecfdf3;color:#16a34a;font-weight:700;font-size:.76rem;padding:4px 11px;border-radius:100px}
.li-dash-body{padding:18px}
.li-dash-rating{display:flex;align-items:center;gap:16px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:14px;padding:16px 18px;margin-bottom:14px}
.li-rating-num{font-size:2.8rem;font-weight:800;color:#0ea5e9;line-height:1}
.li-stars{color:#f59e0b;font-size:1.05rem;letter-spacing:1px}
.li-rating-spark{margin-left:auto;display:flex;align-items:flex-end;gap:3px;height:46px}
.li-rating-spark span{width:7px;border-radius:3px 3px 0 0;background:#38bdf8;opacity:.85}
.li-dash-reviews{display:flex;flex-direction:column;gap:8px;margin-bottom:14px}
.li-rev{display:flex;gap:11px;padding:11px;background:#f8fafc;border-radius:11px}
.li-av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.82rem;flex-shrink:0}
.li-rev-main{flex:1;min-width:0}
.li-rev-head{display:flex;justify-content:space-between;align-items:center}
.li-rev-name{font-weight:700;font-size:.84rem;color:#1e293b}
.li-stars-xs{color:#f59e0b;font-size:.7rem;letter-spacing:1px}
.li-rev-text{font-size:.8rem;color:#64748b;margin-top:2px}
.li-dash-campaign{background:#f8fafc;border-radius:11px;padding:12px 14px}
.li-campaign-row{display:flex;justify-content:space-between;font-size:.82rem;margin-bottom:8px}
.li-bar{height:6px;border-radius:100px;background:#e2e8f0;overflow:hidden}
.li-bar i{display:block;height:100%;background:#22c55e;border-radius:100px}

.li-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:880px;margin:0 auto}
.li-stat{text-align:center;background:#fff;border:1px solid #e6ebf2;border-radius:18px;padding:34px 20px;box-shadow:0 4px 24px rgba(15,23,42,.05)}
.li-stat-num{font-size:clamp(2.2rem,4vw,3rem);font-weight:800;color:#2563eb;line-height:1;letter-spacing:-.02em}
.li-stat-label{margin-top:10px;color:#475569;font-weight:500;font-size:.96rem}
.li-stats-note{text-align:center;color:#94a3b8;font-size:.84rem;margin-top:24px}

.li-cards-3{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.li-fcard{background:#fff;border:1px solid #e6ebf2;border-radius:18px;padding:30px;box-shadow:0 4px 24px rgba(15,23,42,.05);transition:all .22s}
.li-fcard:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(15,23,42,.1);border-color:#dbe7fe}
.li-ficon{width:52px;height:52px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem}
.li-fcard-title{font-size:1.2rem;font-weight:700;color:#0f172a;margin:18px 0 8px}
.li-fcard-text{color:#64748b;line-height:1.65;font-size:.96rem;margin:0}
.li-learn{display:inline-flex;align-items:center;gap:6px;margin-top:16px;color:#2563eb;font-weight:700;font-size:.9rem;text-decoration:none}
.li-learn:hover{gap:10px;color:#1d4ed8}
.li-learn-lg{margin-top:24px;font-size:1rem}

.li-stories{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.li-story{background:#fff;border:1px solid #e6ebf2;border-radius:18px;padding:24px;box-shadow:0 4px 24px rgba(15,23,42,.05);transition:all .22s}
.li-story:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(15,23,42,.1)}
.li-story-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.li-story-av{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#2563eb,#3b82f6);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:1.05rem}
.li-story-name{font-weight:700;color:#0f172a}
.li-story-figs{display:flex;align-items:center;gap:14px;padding:16px 0;border-top:1px solid #f1f5f9;border-bottom:1px solid #f1f5f9}
.li-fig{display:flex;flex-direction:column;line-height:1}
.li-fig-num{font-size:1.6rem;font-weight:800}
.li-fig-lbl{font-size:.7rem;color:#94a3b8;text-transform:uppercase;letter-spacing:.06em;margin-top:4px}
.li-fig-arrow{color:#cbd5e1;font-size:1.1rem}
.li-fig-badge{margin-left:auto;background:#ecfdf3;color:#16a34a;font-weight:800;font-size:.82rem;padding:5px 12px;border-radius:100px}
.li-story-stars{margin-top:14px;color:#f59e0b;letter-spacing:1px}

.li-benefit{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;margin-bottom:56px}
.li-benefit:last-of-type{margin-bottom:0}
.li-benefit--rev .li-benefit-text{order:2}
.li-ficon-inline{margin-bottom:18px}
.li-benefit-title{font-size:1.6rem;font-weight:800;color:#0f172a;letter-spacing:-.02em;margin:0 0 12px}
.li-benefit-desc{color:#64748b;line-height:1.7;font-size:1.02rem;margin:0 0 18px}
.li-checks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
.li-checks li{position:relative;padding-left:30px;color:#334155;font-weight:500}
.li-checks li::before{content:'✓';position:absolute;left:0;top:-1px;width:20px;height:20px;border-radius:50%;background:#ecfdf3;color:#16a34a;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center}
.li-benefit-visual{display:flex;justify-content:center}
.li-visual-card{width:100%;max-width:380px;aspect-ratio:4/3;background:#fff;border:1px solid #e6ebf2;border-radius:20px;box-shadow:0 20px 50px rgba(15,23,42,.1);display:flex;flex-direction:column;justify-content:space-between;padding:28px;position:relative;overflow:hidden}
.li-visual-card::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 0%,color-mix(in srgb,var(--li-accent) 12%,transparent),transparent 60%);pointer-events:none}
.li-visual-icon{width:58px;height:58px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.6rem}
.li-visual-bars{display:flex;align-items:flex-end;gap:10px;height:120px}
.li-visual-bars span{flex:1;border-radius:6px 6px 0 0;opacity:.85}

.li-platform{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:center}
.li-h2-left{text-align:left}
.li-sub-left{margin-left:0;text-align:left;max-width:none}
.li-platform-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.li-pcap{background:#fff;border:1px solid #e6ebf2;border-radius:16px;padding:22px;box-shadow:0 4px 24px rgba(15,23,42,.05);transition:all .22s}
.li-pcap:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(15,23,42,.1)}
.li-pcap-icon{width:46px;height:46px;border-radius:12px;background:#eff6ff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:14px}
.li-pcap-title{font-weight:700;color:#0f172a;margin-bottom:5px}
.li-pcap-text{color:#64748b;font-size:.9rem;line-height:1.55}

.li-industries{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;max-width:880px;margin:0 auto}
.li-ind{background:#fff;border:1px solid #e6ebf2;border-radius:100px;padding:10px 20px;font-weight:600;color:#334155;font-size:.92rem;transition:all .2s}
.li-ind:hover{border-color:#2563eb;color:#2563eb;background:#eff6ff}

.li-cta-section{padding:80px 0}
.li-cta{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);border-radius:28px;padding:64px 32px;text-align:center;position:relative;overflow:hidden}
.li-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.18) 0%,transparent 60%);pointer-events:none}
.li-cta>*{position:relative;z-index:1}
.li-cta-stars{color:#fbbf24;font-size:1.4rem;letter-spacing:.25em;margin-bottom:14px}
.li-cta-title{font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:800;color:#fff;letter-spacing:-.02em;margin:0}
.li-cta-sub{color:rgba(255,255,255,.88);font-size:1.1rem;margin:14px auto 28px;max-width:480px}

@media (max-width:991.98px){
    .li-section{padding:64px 0}
    .li-hero{padding:60px 0 56px}
    .li-head{margin-bottom:40px}
    .li-cards-3{grid-template-columns:1fr 1fr}
    .li-stories{grid-template-columns:1fr 1fr}
    .li-platform{grid-template-columns:1fr;gap:34px}
    .li-h2-left,.li-sub-left{text-align:center}
    .li-sub-left{margin-left:auto;margin-right:auto}
    .li-platform .li-eyebrow,.li-platform-text{text-align:center}
    .li-benefit{gap:36px;margin-bottom:44px}
}
@media (max-width:767.98px){
    .li-section{padding:52px 0}
    .li-cta-section{padding:48px 0}
    .li-stats-grid{grid-template-columns:1fr;gap:16px;max-width:420px}
    .li-cards-3{grid-template-columns:1fr}
    .li-stories{grid-template-columns:1fr}
    .li-platform-grid{grid-template-columns:1fr}
    .li-benefit,.li-benefit--rev .li-benefit-text{grid-template-columns:1fr;display:block}
    .li-benefit-visual{margin-top:28px}
    .li-cta{padding:48px 22px;border-radius:22px}
    .li-rating-spark{display:none}
}
@media (max-width:575.98px){
    .li-hero{padding:44px 0}
    .li-hero-preview{margin-top:40px}
    .li-btn{width:100%}
    .li-hero-actions{flex-direction:column}
    .li-dash-rating{flex-wrap:wrap;gap:12px}
    .li-visual-card{aspect-ratio:auto;min-height:240px}
}

/* ============================================================
   PRICING PAGE (.lp-*)
   ============================================================ */
.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;font-size:.95rem;padding:12px 24px;border-radius:12px;text-decoration:none;border:1px solid transparent;transition:all .2s;cursor:pointer;width:100%}
.lp-btn-primary{background:#2563eb;color:#fff;box-shadow:0 8px 22px rgba(37,99,235,.26)}
.lp-btn-primary:hover{background:#1d4ed8;color:#fff;transform:translateY(-2px)}
.lp-btn-outline{background:#fff;color:#1d4ed8;border-color:#dbe7fe}
.lp-btn-outline:hover{background:#eff6ff;color:#1d4ed8}
.lp-btn-white{background:#fff;color:#1d4ed8;width:auto;padding:13px 28px}
.lp-btn-white:hover{background:#eef4ff;color:#1d4ed8;transform:translateY(-2px)}

.lp-hero{background:radial-gradient(ellipse 90% 80% at 50% -20%,#eff6ff 0%,#fff 60%);text-align:center;padding:80px 0 40px;border-bottom:1px solid #eef2f7}
.lp-eyebrow{display:inline-block;font-size:.78rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#2563eb;margin-bottom:12px}
.lp-title{font-size:clamp(2rem,4.4vw,3rem);font-weight:800;letter-spacing:-.03em;color:#0f172a;margin:0}
.lp-sub{font-size:1.1rem;color:#64748b;margin:16px auto 0;max-width:540px}
.lp-toggle{display:inline-flex;align-items:center;gap:14px;margin-top:28px}
.lp-toggle-label{font-weight:600;color:#64748b;font-size:.95rem}
.lp-save{display:inline-block;background:#ecfdf3;color:#16a34a;font-size:.7rem;font-weight:800;padding:3px 9px;border-radius:100px;margin-left:4px}
.lp-switch{position:relative;display:inline-block;width:50px;height:28px}
.lp-switch input{opacity:0;width:0;height:0}
.lp-slider{position:absolute;inset:0;cursor:pointer;background:#cbd5e1;border-radius:28px;transition:.3s}
.lp-slider:before{content:'';position:absolute;height:22px;width:22px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:.3s}
.lp-switch input:checked + .lp-slider{background:#2563eb}
.lp-switch input:checked + .lp-slider:before{transform:translateX(22px)}

.lp-section{padding:72px 0;background:#fff}
.lp-alt{background:#f6f9ff;border-top:1px solid #eef2f7;border-bottom:1px solid #eef2f7}
.lp-head{text-align:center;max-width:640px;margin:0 auto 44px}
.lp-h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;letter-spacing:-.02em;color:#0f172a;margin:0}

.lp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:start}
.lp-card{background:#fff;border:1px solid #e6ebf2;border-radius:20px;padding:30px;position:relative;box-shadow:0 4px 24px rgba(15,23,42,.05);transition:all .2s}
.lp-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(15,23,42,.1)}
.lp-card--featured{border:2px solid #2563eb;box-shadow:0 16px 44px rgba(37,99,235,.16)}
.lp-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:#2563eb;color:#fff;font-size:.74rem;font-weight:700;padding:5px 16px;border-radius:100px;box-shadow:0 6px 16px rgba(37,99,235,.3)}
.lp-plan{font-weight:700;font-size:1.15rem;color:#0f172a}
.lp-price{display:flex;align-items:flex-start;margin-top:14px;color:#0f172a}
.lp-cur{font-size:1.3rem;font-weight:700;margin-top:8px}
.lp-amount{font-size:3rem;font-weight:800;line-height:1;letter-spacing:-.02em}
.lp-per{align-self:flex-end;color:#94a3b8;font-size:.9rem;margin-bottom:7px;margin-left:2px}
.lp-billed{color:#16a34a;font-size:.8rem;font-weight:600;margin-top:2px}
.lp-locations{display:flex;align-items:center;gap:6px;color:#64748b;font-size:.86rem;margin:14px 0 18px;padding-bottom:18px;border-bottom:1px solid #f1f5f9}
.lp-locations i{color:#2563eb}
.lp-feats{list-style:none;padding:0;margin:20px 0 0;display:flex;flex-direction:column;gap:11px}
.lp-feats li{display:flex;align-items:flex-start;gap:9px;color:#334155;font-size:.9rem}
.lp-feats i{color:#16a34a;font-weight:800;flex-shrink:0}
.lp-note{text-align:center;color:#94a3b8;font-size:.88rem;margin-top:28px}
.lp-note a{color:#2563eb;text-decoration:none;font-weight:600}

.lp-table-wrap{background:#fff;border:1px solid #e6ebf2;border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(15,23,42,.05)}
.lp-table{width:100%;border-collapse:collapse}
.lp-table th{padding:16px;text-align:center;font-weight:800;color:#0f172a;border-bottom:1px solid #e6ebf2;background:#fbfcfe}
.lp-table th:first-child{text-align:left}
.lp-table td{padding:13px 16px;text-align:center;border-bottom:1px solid #f1f5f9;font-size:.9rem;color:#475569}
.lp-feat-label{text-align:left!important;font-weight:500;color:#334155}
.lp-group td{background:#f6f9ff;font-weight:800;color:#0f172a;text-transform:uppercase;font-size:.74rem;letter-spacing:.08em;text-align:left!important}
.lp-col-feat{background:rgba(37,99,235,.05)}
.lp-yes{color:#16a34a;font-size:1.05rem;font-weight:800}
.lp-no{color:#cbd5e1}
.lp-val{font-size:.84rem;font-weight:600;color:#0f172a}

.lp-faq{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.lp-faq-item{border:1px solid #e6ebf2;border-radius:12px;background:#fff;overflow:hidden}
.lp-faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;background:none;border:0;padding:18px 20px;font-weight:600;font-size:1rem;color:#0f172a;cursor:pointer;text-align:left}
.lp-faq-q i{transition:transform .2s;color:#64748b}
.lp-faq-q[aria-expanded=true] i{transform:rotate(180deg)}
.lp-faq-a{padding:0 20px 18px;color:#64748b;line-height:1.6}

.lp-cta-section{padding:72px 0}
.lp-cta{background:linear-gradient(135deg,#2563eb 0%,#1e40af 100%);border-radius:26px;padding:60px 30px;text-align:center;position:relative;overflow:hidden}
.lp-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(255,255,255,.16) 0%,transparent 60%)}
.lp-cta>*{position:relative;z-index:1}
.lp-cta-title{font-size:clamp(1.7rem,3vw,2.4rem);font-weight:800;color:#fff;letter-spacing:-.02em;margin:0}
.lp-cta-sub{color:rgba(255,255,255,.88);margin:12px auto 26px;max-width:460px}

@media (max-width:991.98px){
    .lp-section{padding:56px 0}
    .lp-cards{grid-template-columns:1fr;max-width:440px;margin:0 auto}
    .lp-table-wrap{overflow-x:auto}
    .lp-table{min-width:620px}
}
@media (max-width:575.98px){
    .lp-hero{padding:56px 0 32px}
    .lp-cta{padding:44px 20px}
}

/* ── Auth responsive ── */
@media (max-width: 575.98px){
    .sign .box{padding:28px 20px}
    .sign-admin-box{padding:32px 22px}
}