/* ═══════════════════════════════════════════════════════════════════
   Learn & Grow — Bespoke Design System v2.0
   Glassmorphism · layered depth · fluid motion · refined typography
   ═══════════════════════════════════════════════════════════════════ */

:root {
  --lg-primary:#6366F1; --lg-primary-dk:#4F46E5; --lg-primary-2:#8B5CF6;
  --lg-accent:#EC4899; --lg-accent-2:#F59E0B; --lg-cyan:#06B6D4;
  --lg-success:#10B981; --lg-warning:#F59E0B; --lg-danger:#EF4444;
  --lg-grad-primary: linear-gradient(135deg,#6366F1 0%,#8B5CF6 50%,#EC4899 100%);
  --lg-grad-soft: linear-gradient(135deg,#818CF8 0%,#A78BFA 100%);
  --lg-grad-success: linear-gradient(135deg,#10B981 0%,#059669 100%);
  --lg-grad-gold: linear-gradient(135deg,#FBBF24 0%,#F59E0B 100%);
  --lg-grad-dark: linear-gradient(160deg,#1E1B4B 0%,#312E81 60%,#4338CA 100%);
  --lg-grad-mesh:
    radial-gradient(at 12% 18%, rgba(99,102,241,.18) 0px, transparent 50%),
    radial-gradient(at 85% 12%, rgba(236,72,153,.14) 0px, transparent 50%),
    radial-gradient(at 75% 82%, rgba(139,92,246,.16) 0px, transparent 50%),
    radial-gradient(at 18% 88%, rgba(6,182,212,.12) 0px, transparent 50%);
  --lg-bg:#F6F7FB; --lg-bg-2:#EEF0F8; --lg-card:#FFFFFF;
  --lg-glass:rgba(255,255,255,.65); --lg-glass-strong:rgba(255,255,255,.82); --lg-glass-brd:rgba(255,255,255,.7);
  --lg-stroke:rgba(17,24,39,.07); --lg-stroke-2:rgba(17,24,39,.12);
  --lg-text:#0F172A; --lg-text-2:#334155; --lg-muted:#64748B; --lg-faint:#94A3B8; --lg-on-dark:#F8FAFC;
  --lg-r-xs:10px; --lg-r-sm:14px; --lg-r:20px; --lg-r-lg:28px; --lg-r-xl:36px;
  --lg-sh-xs:0 1px 2px rgba(15,23,42,.06);
  --lg-sh-sm:0 2px 8px rgba(15,23,42,.06),0 1px 2px rgba(15,23,42,.04);
  --lg-sh:0 8px 24px -8px rgba(15,23,42,.12),0 2px 8px -4px rgba(15,23,42,.08);
  --lg-sh-md:0 18px 48px -12px rgba(79,70,229,.22),0 6px 16px -8px rgba(15,23,42,.12);
  --lg-sh-lg:0 32px 64px -16px rgba(79,70,229,.28),0 12px 24px -12px rgba(15,23,42,.14);
  --lg-sh-glow:0 0 0 1px rgba(99,102,241,.12),0 12px 40px -8px rgba(99,102,241,.35);
  --lg-ease:cubic-bezier(.22,.61,.36,1); --lg-ease-out:cubic-bezier(.16,1,.3,1); --lg-sidebar-w:272px;
}
*,*::before,*::after{box-sizing:border-box;}
body.lg-page{background:var(--lg-bg);background-image:var(--lg-grad-mesh);background-attachment:fixed;font-family:'Inter','Segoe UI',-apple-system,BlinkMacSystemFont,sans-serif;color:var(--lg-text);line-height:1.6;margin:0;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
body.lg-page::-webkit-scrollbar{width:11px;}
body.lg-page::-webkit-scrollbar-thumb{background:rgba(99,102,241,.3);border-radius:99px;border:3px solid transparent;background-clip:content-box;}
body.lg-page::-webkit-scrollbar-thumb:hover{background:rgba(99,102,241,.5);background-clip:content-box;}
img{max-width:100%;height:auto;} a{color:var(--lg-primary-dk);text-decoration:none;transition:color .2s;}

@keyframes lgFadeUp{from{opacity:0;transform:translateY(16px);}to{opacity:1;transform:none;}}
@keyframes lgFadeIn{from{opacity:0;}to{opacity:1;}}
@keyframes lgScaleIn{from{opacity:0;transform:scale(.96);}to{opacity:1;transform:none;}}
@keyframes lgFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes lgShimmer{0%{background-position:-400px 0}100%{background-position:400px 0}}
@keyframes lgSpin{to{transform:rotate(360deg);}}
@keyframes lgPulse{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes lgGradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}
.lg-content>*,.lg-page-full>*{animation:lgFadeUp .5s var(--lg-ease) both;}
.lg-content>*:nth-child(2){animation-delay:.05s}
.lg-content>*:nth-child(3){animation-delay:.1s}
.lg-content>*:nth-child(4){animation-delay:.15s}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms !important;transition-duration:.001ms !important;}}

.lg-h1{font-size:clamp(32px,5.5vw,56px);font-weight:800;line-height:1.08;letter-spacing:-.02em;}
.lg-h2{font-size:clamp(24px,4vw,40px);font-weight:800;letter-spacing:-.02em;}
.lg-h3{font-size:20px;font-weight:700;letter-spacing:-.01em;}
.lg-lead{font-size:clamp(16px,2.2vw,20px);color:var(--lg-muted);line-height:1.65;}
.lg-small{font-size:13px;color:var(--lg-muted);} .lg-muted{color:var(--lg-muted);} .lg-text-center{text-align:center;}

.lg-container{max-width:1200px;margin:0 auto;padding:0 24px;}
.lg-container-md{max-width:880px;margin:0 auto;padding:0 24px;}
.lg-container-sm{max-width:560px;margin:0 auto;padding:0 24px;}
.lg-section{padding:96px 0;position:relative;} .lg-section-sm{padding:48px 0;}
.lg-section-alt{background:linear-gradient(180deg,rgba(99,102,241,.04),rgba(139,92,246,.06));}
.lg-page-full{min-height:100vh;padding:48px 0 96px;}
.lg-section-header,.lg-section-head{text-align:center;max-width:680px;margin:0 auto 56px;}
.lg-section-header h2,.lg-section-head h2{font-size:clamp(26px,4vw,42px);font-weight:800;letter-spacing:-.02em;margin:0 0 14px;}
.lg-section-header p,.lg-section-head p{font-size:18px;color:var(--lg-muted);margin:0;}
.lg-page-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:28px;flex-wrap:wrap;}
.lg-page-header h2{font-size:28px;font-weight:800;letter-spacing:-.02em;margin:0 0 4px;}
.lg-page-header p{margin:0;color:var(--lg-muted);}

.lg-public-nav{position:sticky;top:0;z-index:90;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px clamp(20px,5vw,56px);background:rgba(255,255,255,.72);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);border-bottom:1px solid var(--lg-glass-brd);}
.lg-public-brand{font-weight:800;font-size:20px;letter-spacing:-.02em;color:var(--lg-text);display:flex;align-items:center;gap:8px;}
.lg-public-brand span{background:var(--lg-grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent;font-size:22px;}
.lg-public-links{display:flex;gap:6px;}
.lg-public-links a{padding:9px 16px;border-radius:99px;color:var(--lg-text-2);font-weight:500;font-size:15px;transition:all .2s var(--lg-ease);}
.lg-public-links a:hover{background:rgba(99,102,241,.1);color:var(--lg-primary-dk);}
.lg-public-actions{display:flex;gap:10px;align-items:center;}
@media (max-width:880px){.lg-public-links{display:none;}}

.lg-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border-radius:99px;font-weight:600;font-size:15px;border:1px solid transparent;cursor:pointer;line-height:1;white-space:nowrap;transition:transform .25s var(--lg-ease-out),box-shadow .25s var(--lg-ease),background .2s,color .2s,border-color .2s;font-family:inherit;position:relative;overflow:hidden;}
.lg-btn:active{transform:translateY(1px) scale(.99);}
.lg-btn-primary{background:var(--lg-grad-primary);background-size:200% 200%;color:#fff;box-shadow:var(--lg-sh-md);}
.lg-btn-primary:hover{transform:translateY(-2px);box-shadow:var(--lg-sh-lg);background-position:100% 50%;color:#fff;}
.lg-btn-secondary{background:var(--lg-text);color:#fff;}
.lg-btn-secondary:hover{transform:translateY(-2px);box-shadow:var(--lg-sh);background:#1e293b;color:#fff;}
.lg-btn-success{background:var(--lg-grad-success);color:#fff;box-shadow:0 12px 28px -10px rgba(16,185,129,.5);}
.lg-btn-success:hover{transform:translateY(-2px);color:#fff;}
.lg-btn-outline{background:var(--lg-glass);border-color:var(--lg-stroke-2);color:var(--lg-text);backdrop-filter:blur(8px);}
.lg-btn-outline:hover{border-color:var(--lg-primary);color:var(--lg-primary-dk);background:#fff;transform:translateY(-2px);box-shadow:var(--lg-sh-sm);}
.lg-btn-white{background:#fff;color:var(--lg-primary-dk);box-shadow:var(--lg-sh);}
.lg-btn-white:hover{transform:translateY(-2px);box-shadow:var(--lg-sh-md);color:var(--lg-primary-dk);}
.lg-btn-disabled{background:var(--lg-bg-2);color:var(--lg-faint);cursor:not-allowed;border-color:var(--lg-stroke);}
.lg-btn-sm{padding:9px 18px;font-size:14px;} .lg-btn-lg{padding:16px 34px;font-size:17px;} .lg-btn-block{width:100%;}

.lg-card{background:var(--lg-glass-strong);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border:1px solid var(--lg-glass-brd);border-radius:var(--lg-r);padding:28px;box-shadow:var(--lg-sh);margin-bottom:24px;transition:transform .35s var(--lg-ease-out),box-shadow .35s var(--lg-ease);position:relative;}
.lg-card-compact{padding:20px;border-radius:var(--lg-r-sm);} .lg-card-sm{padding:18px;border-radius:var(--lg-r-sm);}
.lg-card-title{font-size:18px;font-weight:700;letter-spacing:-.01em;margin:0 0 18px;display:flex;align-items:center;gap:10px;}
.lg-glow-card{box-shadow:var(--lg-sh-glow);border-color:rgba(99,102,241,.25);}
.lg-divider{border:none;border-top:1px solid var(--lg-stroke);margin:24px 0;}

.lg-app{display:flex;min-height:100vh;}
.lg-sidebar{width:var(--lg-sidebar-w);flex-shrink:0;background:var(--lg-grad-dark);color:var(--lg-on-dark);position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:22px 16px;z-index:80;overflow:hidden;}
.lg-sidebar::before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(at 30% 10%,rgba(139,92,246,.4),transparent 55%),radial-gradient(at 80% 90%,rgba(236,72,153,.25),transparent 55%);opacity:.7;}
.lg-sidebar>*{position:relative;z-index:1;}
.lg-sidebar-header{display:flex;align-items:center;justify-content:space-between;padding:4px 8px 18px;}
.lg-sidebar-logo{display:flex;align-items:center;}
.lg-logo-text{font-weight:800;font-size:19px;letter-spacing:-.02em;color:#fff;}
.lg-sidebar-close{display:none;background:rgba(255,255,255,.1);border:none;color:#fff;width:34px;height:34px;border-radius:10px;font-size:16px;cursor:pointer;}
.lg-sidebar-user{display:flex;align-items:center;gap:12px;padding:14px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.1);border-radius:var(--lg-r-sm);margin-bottom:18px;backdrop-filter:blur(8px);}
.lg-sidebar-name{font-weight:600;font-size:14.5px;color:#fff;line-height:1.2;}
.lg-sidebar-plan{font-size:11.5px;font-weight:600;margin-top:3px;display:inline-block;padding:2px 10px;border-radius:99px;}
.lg-sidebar-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:3px;flex:1;overflow-y:auto;}
.lg-sidebar-nav::-webkit-scrollbar{width:0;}
.lg-nav-link{display:flex;align-items:center;gap:13px;padding:11px 14px;border-radius:12px;color:rgba(248,250,252,.78);font-weight:500;font-size:15px;transition:all .22s var(--lg-ease);position:relative;}
.lg-nav-link:hover{background:rgba(255,255,255,.08);color:#fff;}
.lg-nav-link.active{background:rgba(255,255,255,.14);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12);}
.lg-nav-link.active::before{content:'';position:absolute;left:-16px;top:50%;transform:translateY(-50%);width:4px;height:22px;border-radius:0 4px 4px 0;background:linear-gradient(180deg,#fff,#c7d2fe);}
.lg-nav-icon{font-size:18px;width:22px;text-align:center;} .lg-nav-label{flex:1;}
.lg-nav-badge{background:var(--lg-accent);color:#fff;font-size:11px;font-weight:700;padding:1px 8px;border-radius:99px;min-width:20px;text-align:center;}
.lg-sidebar-footer{padding-top:14px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:8px;}
.lg-upgrade-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:12px;font-weight:700;font-size:14.5px;color:#fff;background:var(--lg-grad-gold);box-shadow:0 8px 20px -8px rgba(245,158,11,.6);transition:transform .25s var(--lg-ease-out);}
.lg-upgrade-btn:hover{transform:translateY(-2px);color:#fff;}
.lg-logout-btn{text-align:center;padding:10px;border-radius:12px;color:rgba(248,250,252,.7);font-size:14px;font-weight:500;transition:all .2s;}
.lg-logout-btn:hover{background:rgba(239,68,68,.18);color:#fecaca;}
.lg-sidebar-overlay{display:none;position:fixed;inset:0;background:rgba(15,23,42,.5);backdrop-filter:blur(4px);z-index:79;}

.lg-main{flex:1;min-width:0;display:flex;flex-direction:column;}
.lg-topbar{position:sticky;top:0;z-index:70;display:flex;align-items:center;gap:16px;padding:14px clamp(18px,3vw,32px);background:rgba(255,255,255,.7);backdrop-filter:blur(18px) saturate(170%);-webkit-backdrop-filter:blur(18px) saturate(170%);border-bottom:1px solid var(--lg-glass-brd);}
.lg-topbar-title{font-weight:700;font-size:18px;letter-spacing:-.01em;flex:1;}
.lg-topbar-actions{display:flex;align-items:center;gap:10px;}
.lg-topbar-icon{position:relative;display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:13px;background:var(--lg-glass);border:1px solid var(--lg-stroke);font-size:18px;transition:all .2s var(--lg-ease);}
.lg-topbar-icon:hover{background:#fff;box-shadow:var(--lg-sh-sm);transform:translateY(-1px);}
.lg-topbar-badge{position:absolute;top:-3px;right:-3px;background:var(--lg-accent);color:#fff;font-size:10px;font-weight:700;padding:1px 6px;border-radius:99px;border:2px solid #fff;}
.lg-menu-toggle,.lg-mobile-menu-btn{display:none;background:var(--lg-glass);border:1px solid var(--lg-stroke);width:42px;height:42px;border-radius:13px;font-size:20px;cursor:pointer;}
.lg-content{padding:clamp(20px,3vw,36px);flex:1;max-width:1280px;width:100%;margin:0 auto;}

.lg-avatar,.lg-avatar-sm,.lg-avatar-xs{border-radius:50%;object-fit:cover;border:2px solid rgba(255,255,255,.8);box-shadow:var(--lg-sh-xs);}
.lg-avatar{width:80px;height:80px;} .lg-avatar-sm{width:40px;height:40px;} .lg-avatar-xs{width:32px;height:32px;}
.lg-avatar-wrap{position:relative;display:inline-block;}

.lg-welcome-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:28px 30px;border-radius:var(--lg-r-lg);background:var(--lg-grad-dark);color:#fff;position:relative;overflow:hidden;box-shadow:var(--lg-sh-md);margin-bottom:24px;}
.lg-welcome-bar::after{content:'';position:absolute;right:-40px;top:-40px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(236,72,153,.5),transparent 70%);}
.lg-welcome-bar::before{content:'';position:absolute;left:-30px;bottom:-60px;width:200px;height:200px;border-radius:50%;background:radial-gradient(circle,rgba(6,182,212,.4),transparent 70%);}
.lg-welcome-bar h2{font-size:26px;font-weight:800;margin:0 0 6px;letter-spacing:-.02em;position:relative;}
.lg-welcome-bar p{margin:0;opacity:.85;position:relative;}

.lg-plan-badge{display:inline-block;padding:8px 18px;border-radius:99px;font-weight:700;font-size:14px;position:relative;z-index:1;}
.lg-plan-free,.lg-plan-tag.lg-plan-free{background:rgba(148,163,184,.2);color:#475569;}
.lg-plan-learner,.lg-plan-tag.lg-plan-learner{background:linear-gradient(135deg,#34d399,#059669);color:#fff;}
.lg-plan-professional,.lg-plan-tag.lg-plan-professional{background:var(--lg-grad-primary);color:#fff;}
.lg-plan-executive,.lg-plan-tag.lg-plan-executive{background:var(--lg-grad-gold);color:#fff;}
.lg-sidebar-plan.lg-plan-free{background:rgba(255,255,255,.2);color:#e2e8f0;}
.lg-plan-tag{padding:4px 12px;border-radius:99px;font-size:12px;font-weight:600;} .lg-plan-label{font-weight:600;}

.lg-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:18px;margin-bottom:24px;}
.lg-stat-card{background:var(--lg-glass-strong);backdrop-filter:blur(16px) saturate(160%);border:1px solid var(--lg-glass-brd);border-radius:var(--lg-r);padding:22px;box-shadow:var(--lg-sh-sm);transition:transform .35s var(--lg-ease-out),box-shadow .35s;position:relative;overflow:hidden;}
.lg-stat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--lg-grad-primary);opacity:0;transition:opacity .3s;}
.lg-stat-card:hover{transform:translateY(-5px);box-shadow:var(--lg-sh-md);}
.lg-stat-card:hover::before{opacity:1;}
.lg-stat-icon{font-size:26px;width:52px;height:52px;display:flex;align-items:center;justify-content:center;border-radius:15px;background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(139,92,246,.12));margin-bottom:14px;}
.lg-stat-value{font-size:30px;font-weight:800;letter-spacing:-.02em;line-height:1;background:var(--lg-grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent;}
.lg-stat-label{font-size:13.5px;color:var(--lg-muted);margin-top:6px;font-weight:500;}

.lg-dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;align-items:start;}
.lg-recent-list,.lg-notif-list,.lg-badges-mini,.lg-activity-list{display:flex;flex-direction:column;gap:10px;margin-bottom:16px;}
.lg-recent-list a,.lg-recent-list>div{padding:12px 14px;border-radius:12px;background:rgba(99,102,241,.05);border:1px solid var(--lg-stroke);transition:all .2s var(--lg-ease);display:block;}
.lg-recent-list a:hover{background:#fff;box-shadow:var(--lg-sh-sm);transform:translateX(3px);}
.lg-activity-row{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1px solid var(--lg-stroke);}
.lg-activity-icon{font-size:18px;width:36px;height:36px;flex-shrink:0;border-radius:10px;background:rgba(99,102,241,.1);display:flex;align-items:center;justify-content:center;}

.lg-upgrade-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;padding:28px 32px;border-radius:var(--lg-r-lg);margin-bottom:24px;background:var(--lg-grad-primary);background-size:200% 200%;animation:lgGradientShift 8s ease infinite;color:#fff;box-shadow:var(--lg-sh-md);position:relative;overflow:hidden;}
.lg-upgrade-banner::after{content:'⚡';position:absolute;right:24px;bottom:-20px;font-size:120px;opacity:.12;}
.lg-upgrade-banner h3{margin:0 0 6px;font-size:22px;font-weight:800;}
.lg-upgrade-banner p{margin:0;opacity:.9;max-width:440px;}

.lg-search-bar{position:relative;min-width:260px;}
.lg-filter-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:26px;}
.lg-tab{padding:9px 18px;border-radius:99px;border:1px solid var(--lg-stroke-2);background:var(--lg-glass);color:var(--lg-text-2);font-weight:600;font-size:14px;cursor:pointer;transition:all .22s var(--lg-ease);backdrop-filter:blur(8px);}
.lg-tab:hover{border-color:var(--lg-primary);color:var(--lg-primary-dk);}
.lg-tab.active{background:var(--lg-grad-primary);color:#fff;border-color:transparent;box-shadow:var(--lg-sh-sm);}
.lg-academies-grid,.lg-certs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:22px;}
.lg-academy-card,.lg-academy{background:var(--lg-glass-strong);backdrop-filter:blur(16px);border:1px solid var(--lg-glass-brd);border-radius:var(--lg-r);overflow:hidden;box-shadow:var(--lg-sh-sm);transition:transform .4s var(--lg-ease-out),box-shadow .4s;display:flex;flex-direction:column;}
.lg-academy-card:hover{transform:translateY(-8px);box-shadow:var(--lg-sh-lg);}
.lg-academy-cover{aspect-ratio:16/9;background:var(--lg-grad-soft);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;font-size:46px;}
.lg-academy-cover img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--lg-ease);}
.lg-academy-card:hover .lg-academy-cover img{transform:scale(1.06);}
.lg-academy-body{padding:20px;display:flex;flex-direction:column;gap:10px;flex:1;}
.lg-academy-title{font-size:17px;font-weight:700;letter-spacing:-.01em;margin:0;}
.lg-academy-desc{font-size:14px;color:var(--lg-muted);line-height:1.55;flex:1;}
.lg-academy-meta{display:flex;gap:14px;flex-wrap:wrap;font-size:13px;color:var(--lg-muted);}
.lg-category-tag{display:inline-block;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:600;background:rgba(99,102,241,.1);color:var(--lg-primary-dk);align-self:flex-start;}
.lg-count-pill{display:inline-block;padding:2px 10px;border-radius:99px;background:rgba(99,102,241,.12);color:var(--lg-primary-dk);font-size:12px;font-weight:700;}
.lg-academy-locked{opacity:.85;}
.lg-academy-locked .lg-academy-cover::after{content:'🔒';position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-size:34px;background:rgba(15,23,42,.45);backdrop-filter:blur(2px);}

.lg-academy-hero{border-radius:var(--lg-r-lg);overflow:hidden;background:var(--lg-grad-dark);color:#fff;margin-bottom:24px;box-shadow:var(--lg-sh-md);background-size:cover;background-position:center;}
.lg-academy-hero-inner{padding:clamp(28px,5vw,52px);}
.lg-academy-hero h1{font-size:clamp(26px,4vw,40px);font-weight:800;letter-spacing:-.02em;margin:14px 0 12px;}
.lg-academy-hero p{opacity:.88;max-width:620px;margin:0 0 18px;font-size:16px;}

.lg-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;font-weight:600;}
.lg-progress-header strong{font-size:20px;background:var(--lg-grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent;}
.lg-progress-bar{height:10px;border-radius:99px;background:rgba(99,102,241,.12);overflow:hidden;}
.lg-progress-fill{height:100%;border-radius:99px;background:var(--lg-grad-primary);background-size:200% 200%;animation:lgGradientShift 4s ease infinite;transition:width .8s var(--lg-ease-out);position:relative;}
.lg-progress-fill::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:lgShimmer 2.2s infinite;}

.lg-lesson-list,.lg-course-list{display:flex;flex-direction:column;gap:10px;}
.lg-lesson-row,.lg-lesson-item{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:var(--lg-r-sm);background:rgba(255,255,255,.6);border:1px solid var(--lg-stroke);transition:all .25s var(--lg-ease);}
.lg-lesson-row:hover,.lg-lesson-item:hover{background:#fff;box-shadow:var(--lg-sh-sm);transform:translateX(4px);border-color:rgba(99,102,241,.3);}
.lg-lesson-done{background:linear-gradient(90deg,rgba(16,185,129,.08),transparent);border-color:rgba(16,185,129,.25);}
.lg-lesson-num{width:38px;height:38px;flex-shrink:0;border-radius:11px;display:flex;align-items:center;justify-content:center;font-weight:700;background:var(--lg-grad-soft);color:#fff;font-size:15px;}
.lg-lesson-done .lg-lesson-num{background:var(--lg-grad-success);}
.lg-lesson-info{flex:1;min-width:0;}
.lg-lesson-info strong{display:block;font-size:15px;font-weight:600;}
.lg-lesson-info span,.lg-lesson-meta{font-size:13px;color:var(--lg-muted);}
.lg-lesson-status{display:flex;align-items:center;gap:8px;}
.lg-badge-check{width:28px;height:28px;border-radius:50%;background:var(--lg-grad-success);color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;}
.lg-badge-quiz{font-size:11px;font-weight:700;color:var(--lg-success);background:rgba(16,185,129,.12);padding:3px 8px;border-radius:99px;}
.lg-arrow{color:var(--lg-faint);font-size:18px;transition:transform .2s;}
.lg-lesson-row:hover .lg-arrow{transform:translateX(4px);color:var(--lg-primary);}
.lg-lesson-icon{font-size:18px;}
.lg-lesson-xp{font-size:12px;font-weight:700;color:var(--lg-primary-dk);}
.lg-lesson-complete-indicator{color:var(--lg-success);}

.lg-breadcrumb{font-size:13.5px;color:var(--lg-muted);margin-bottom:18px;}
.lg-breadcrumb a{color:var(--lg-muted);} .lg-breadcrumb a:hover{color:var(--lg-primary-dk);}
.lg-lesson-layout{display:grid;grid-template-columns:1fr 320px;gap:24px;align-items:start;}
.lg-lesson-body{padding:32px;}
.lg-lesson-title{font-size:clamp(24px,3.5vw,34px);font-weight:800;letter-spacing:-.02em;margin:0 0 20px;}
.lg-lesson-body-text{font-size:16.5px;line-height:1.8;color:var(--lg-text-2);}
.lg-lesson-body-text h2,.lg-lesson-body-text h3{margin-top:28px;letter-spacing:-.01em;}
.lg-lesson-body-text p{margin:0 0 18px;}
.lg-video-wrap{position:relative;aspect-ratio:16/9;border-radius:var(--lg-r);overflow:hidden;margin-bottom:24px;background:#000;box-shadow:var(--lg-sh);}
.lg-video-wrap iframe,.lg-video-wrap video{position:absolute;inset:0;width:100%;height:100%;border:0;}
.lg-takeaways{margin-top:26px;padding:22px;border-radius:var(--lg-r-sm);background:linear-gradient(135deg,rgba(99,102,241,.07),rgba(139,92,246,.07));border:1px solid rgba(99,102,241,.15);}
.lg-takeaways h4{margin:0 0 12px;font-size:15px;font-weight:700;}
.lg-takeaways ul{margin:0;padding-left:20px;}
.lg-takeaways li{margin-bottom:8px;color:var(--lg-text-2);}
.lg-lesson-actions{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:28px;padding-top:24px;border-top:1px solid var(--lg-stroke);}
.lg-completed-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:99px;background:rgba(16,185,129,.12);color:var(--lg-success);font-weight:700;}
.lg-lesson-nav{display:flex;justify-content:space-between;gap:12px;margin-top:24px;}
.lg-lesson-sidebar{display:flex;flex-direction:column;gap:16px;position:sticky;top:90px;}
.lg-mini-lesson-list{display:flex;flex-direction:column;gap:4px;max-height:420px;overflow-y:auto;}
.lg-mini-lesson{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;font-size:13.5px;color:var(--lg-text-2);transition:all .2s;}
.lg-mini-lesson:hover{background:rgba(99,102,241,.07);}
.lg-mini-lesson.active{background:rgba(99,102,241,.12);color:var(--lg-primary-dk);font-weight:600;}
.lg-mini-lesson.done{color:var(--lg-success);}
.lg-mini-num{width:24px;height:24px;flex-shrink:0;border-radius:7px;background:rgba(99,102,241,.1);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;}
.lg-mini-lesson.done .lg-mini-num{background:rgba(16,185,129,.15);}
.lg-mini-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.lg-check{color:var(--lg-success);font-weight:700;}
.lg-course-module{border:1px solid var(--lg-stroke);border-radius:var(--lg-r-sm);margin-bottom:12px;overflow:hidden;}
.lg-course-module-head{padding:14px 18px;background:rgba(99,102,241,.05);display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-weight:600;}
.lg-course-num{font-weight:700;color:var(--lg-primary);}
.lg-course-toggle{transition:transform .25s;}
.lg-course-map-card{padding:20px;}
.lg-cert-prompt{text-align:center;background:linear-gradient(135deg,rgba(251,191,36,.1),rgba(245,158,11,.12));border-color:rgba(245,158,11,.3);}
.lg-cert-prompt .lg-cert-icon{font-size:48px;animation:lgFloat 3s ease infinite;}

.lg-quiz-wrap{max-width:720px;margin:0 auto;} .lg-quiz-card{padding:34px;}
.lg-quiz-header{text-align:center;margin-bottom:24px;}
.lg-quiz-header h2{font-size:24px;font-weight:800;margin:0 0 6px;}
.lg-quiz-progress{display:flex;align-items:center;gap:14px;margin-bottom:24px;}
.lg-quiz-progress .lg-progress-bar{flex:1;}
.lg-quiz-progress span{font-size:13px;font-weight:600;color:var(--lg-muted);white-space:nowrap;}
.lg-quiz-question{display:none;animation:lgScaleIn .35s var(--lg-ease);}
.lg-quiz-question.active{display:block;}
.lg-q-text{font-size:18px;font-weight:600;margin:0 0 20px;line-height:1.5;}
.lg-q-options{display:flex;flex-direction:column;gap:12px;}
.lg-q-option{display:flex;align-items:center;gap:14px;padding:16px 18px;border-radius:var(--lg-r-sm);border:2px solid var(--lg-stroke);cursor:pointer;transition:all .22s var(--lg-ease);background:rgba(255,255,255,.5);}
.lg-q-option:hover{border-color:var(--lg-primary);background:#fff;transform:translateX(3px);}
.lg-q-option input{accent-color:var(--lg-primary);width:18px;height:18px;}
.lg-q-option:has(input:checked){border-color:var(--lg-primary);background:rgba(99,102,241,.08);box-shadow:var(--lg-sh-sm);}
.lg-quiz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:28px;}
.lg-quiz-result{text-align:center;padding:20px 0;animation:lgScaleIn .4s var(--lg-ease);}
.lg-quiz-score-circle,.lg-quiz-score-ring,.lg-quiz-score{width:130px;height:130px;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:34px;font-weight:800;color:#fff;background:var(--lg-grad-primary);box-shadow:var(--lg-sh-md);}
.lg-quiz-result-actions{display:flex;gap:12px;justify-content:center;margin-top:20px;flex-wrap:wrap;}

.lg-referral-link-box{display:flex;gap:10px;margin-bottom:18px;flex-wrap:wrap;}
.lg-referral-link-box .lg-input{flex:1;min-width:220px;font-family:monospace;font-size:14px;}
.lg-ref-link-input{background:rgba(99,102,241,.05);}
.lg-sharing-buttons{display:flex;gap:10px;flex-wrap:wrap;}
.lg-sharing-buttons a,.lg-sharing-buttons button{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:99px;font-weight:600;font-size:14px;color:#fff;border:none;cursor:pointer;transition:transform .25s var(--lg-ease-out),box-shadow .25s;}
.lg-sharing-buttons a:hover,.lg-sharing-buttons button:hover{transform:translateY(-2px);box-shadow:var(--lg-sh);color:#fff;}
.lg-share-wa{background:#25D366;} .lg-share-tw{background:#1DA1F2;} .lg-share-fb{background:#1877F2;} .lg-share-li{background:#0A66C2;} .lg-share-em{background:#64748B;}
.lg-ks-table-wrap,.lg-table-wrap{overflow-x:auto;border-radius:var(--lg-r-sm);}
.lg-milestone-status{font-weight:700;font-size:13px;}
.lg-ref-code{font-family:monospace;font-weight:700;color:var(--lg-primary-dk);}
.lg-ref-total,.lg-ref-paid,.lg-ref-pending,.lg-ref-earned,.lg-ref-released{font-weight:800;}
.lg-copy-link-btn{white-space:nowrap;}
.lg-referral-root,.lg-dashboard-root{display:block;}

.lg-table{width:100%;border-collapse:collapse;font-size:14.5px;}
.lg-table th{text-align:left;padding:12px 16px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--lg-muted);border-bottom:2px solid var(--lg-stroke);}
.lg-table td{padding:14px 16px;border-bottom:1px solid var(--lg-stroke);}
.lg-table tbody tr{transition:background .2s;}
.lg-table tbody tr:hover{background:rgba(99,102,241,.04);}
.lg-credit,.lg-green{color:var(--lg-success);font-weight:700;}
.lg-debit{color:var(--lg-danger);font-weight:700;}
.lg-orange{color:var(--lg-warning);font-weight:700;}
.lg-tx-type,.lg-status,.lg-pill{display:inline-block;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:600;}
.lg-status-pending,.lg-pending,.lg-pill-warning{background:rgba(245,158,11,.15);color:#b45309;}
.lg-status-approved,.lg-status-completed,.lg-pill-success{background:rgba(16,185,129,.15);color:#047857;}
.lg-status-rejected{background:rgba(239,68,68,.15);color:#b91c1c;}

.lg-wallet-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;margin-bottom:24px;}
.lg-wallet-card{background:var(--lg-glass-strong);backdrop-filter:blur(16px);border:1px solid var(--lg-glass-brd);border-radius:var(--lg-r);padding:24px;box-shadow:var(--lg-sh-sm);transition:transform .35s var(--lg-ease-out);}
.lg-wallet-card:hover{transform:translateY(-4px);box-shadow:var(--lg-sh);}
.lg-wallet-card-main{background:var(--lg-grad-dark);color:#fff;position:relative;overflow:hidden;}
.lg-wallet-card-main::after{content:'💰';position:absolute;right:18px;bottom:-12px;font-size:80px;opacity:.14;}
.lg-wallet-label{font-size:13px;opacity:.85;margin-bottom:8px;font-weight:500;}
.lg-wallet-card:not(.lg-wallet-card-main) .lg-wallet-label{color:var(--lg-muted);}
.lg-wallet-amount,.lg-wallet-balance{font-size:30px;font-weight:800;letter-spacing:-.02em;}
.lg-wallet-card:not(.lg-wallet-card-main) .lg-wallet-amount{background:var(--lg-grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent;}
.lg-wallet-locked{color:var(--lg-warning) !important;-webkit-text-fill-color:var(--lg-warning);}
.lg-wallet-sub{font-size:12.5px;opacity:.7;margin-top:6px;}
.lg-wallet-card:not(.lg-wallet-card-main) .lg-wallet-sub{color:var(--lg-faint);}
.lg-payout-box{padding:18px;border-radius:var(--lg-r-sm);background:rgba(99,102,241,.05);border:1px solid var(--lg-stroke);}
.lg-wallet-alert,.lg-bank-alert,.lg-cert-alert{margin-bottom:18px;}

.lg-form-group{margin-bottom:18px;}
.lg-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.lg-form-group label{display:flex;justify-content:space-between;align-items:center;font-size:14px;font-weight:600;margin-bottom:8px;color:var(--lg-text-2);}
.lg-input,.lg-textarea{width:100%;padding:13px 16px;border-radius:13px;border:1.5px solid var(--lg-stroke-2);background:rgba(255,255,255,.7);font-size:15px;font-family:inherit;color:var(--lg-text);transition:all .22s var(--lg-ease);backdrop-filter:blur(8px);}
.lg-input:focus,.lg-textarea:focus{outline:none;border-color:var(--lg-primary);background:#fff;box-shadow:0 0 0 4px rgba(99,102,241,.12);}
.lg-input::placeholder{color:var(--lg-faint);}
.lg-textarea{resize:vertical;min-height:90px;}
.lg-input-wrap{position:relative;}
.lg-toggle-pw{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;font-size:17px;opacity:.6;}
.lg-toggle-pw:hover{opacity:1;}
.lg-checkbox-label{display:flex;align-items:flex-start;gap:10px;font-weight:400 !important;font-size:14px;color:var(--lg-text-2);cursor:pointer;}
.lg-checkbox-label input{accent-color:var(--lg-primary);width:17px;height:17px;margin-top:2px;}
.lg-forgot-link{font-size:13px;font-weight:500;color:var(--lg-primary-dk);}

.lg-alert{padding:14px 18px;border-radius:var(--lg-r-sm);font-size:14.5px;margin-bottom:18px;border:1px solid;display:flex;gap:10px;align-items:flex-start;animation:lgScaleIn .3s var(--lg-ease);}
.lg-alert-success{background:rgba(16,185,129,.08);border-color:rgba(16,185,129,.3);color:#047857;}
.lg-alert-warning{background:rgba(245,158,11,.08);border-color:rgba(245,158,11,.3);color:#b45309;}
.lg-alert-info{background:rgba(99,102,241,.08);border-color:rgba(99,102,241,.3);color:var(--lg-primary-dk);}

.lg-auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;position:relative;}
.lg-auth-card{width:100%;max-width:440px;padding:clamp(28px,5vw,44px);background:var(--lg-glass-strong);backdrop-filter:blur(24px) saturate(180%);-webkit-backdrop-filter:blur(24px) saturate(180%);border:1px solid var(--lg-glass-brd);border-radius:var(--lg-r-lg);box-shadow:var(--lg-sh-lg);animation:lgScaleIn .5s var(--lg-ease);}
.lg-auth-logo{text-align:center;margin-bottom:20px;}
.lg-auth-logo h2{font-size:24px;font-weight:800;background:var(--lg-grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent;margin:0;}
.lg-auth-title{font-size:26px;font-weight:800;letter-spacing:-.02em;text-align:center;margin:0 0 6px;}
.lg-auth-sub{text-align:center;color:var(--lg-muted);margin:0 0 28px;}
.lg-auth-switch{text-align:center;margin-top:22px;font-size:14.5px;color:var(--lg-muted);}
.lg-ref-notice{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.12));border:1px solid rgba(16,185,129,.25);color:#047857;padding:12px 16px;border-radius:12px;font-size:13.5px;font-weight:600;margin-bottom:18px;}

.lg-plan-header{text-align:center;max-width:640px;margin:0 auto 48px;}
.lg-plan-header h1{font-size:clamp(30px,5vw,46px);font-weight:800;letter-spacing:-.02em;margin:0 0 12px;}
.lg-plan-header p{font-size:18px;color:var(--lg-muted);}
.lg-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px;max-width:1080px;margin:0 auto;align-items:stretch;}
.lg-plan-card{background:var(--lg-glass-strong);backdrop-filter:blur(18px);border:1px solid var(--lg-glass-brd);border-radius:var(--lg-r-lg);padding:34px 28px;text-align:center;position:relative;box-shadow:var(--lg-sh-sm);transition:transform .4s var(--lg-ease-out),box-shadow .4s;display:flex;flex-direction:column;}
.lg-plan-card:hover{transform:translateY(-8px);box-shadow:var(--lg-sh-lg);}
.lg-plan-featured{border:2px solid transparent;background:linear-gradient(var(--lg-glass-strong),var(--lg-glass-strong)) padding-box,var(--lg-grad-primary) border-box;box-shadow:var(--lg-sh-md);transform:scale(1.03);}
.lg-plan-featured:hover{transform:scale(1.03) translateY(-8px);}
.lg-plan-active{border:2px solid var(--lg-success);}
.lg-plan-badge-top{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--lg-grad-primary);color:#fff;padding:6px 18px;border-radius:99px;font-size:12px;font-weight:700;box-shadow:var(--lg-sh-sm);}
.lg-plan-icon{font-size:44px;margin-bottom:14px;}
.lg-plan-name{font-size:22px;font-weight:800;margin:0 0 14px;}
.lg-plan-price{display:flex;align-items:baseline;justify-content:center;gap:2px;margin-bottom:24px;}
.lg-plan-currency{font-size:22px;font-weight:700;color:var(--lg-text-2);}
.lg-plan-amount{font-size:46px;font-weight:800;letter-spacing:-.03em;background:var(--lg-grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent;}
.lg-plan-period{font-size:14px;color:var(--lg-muted);margin-left:4px;}
.lg-plan-features{list-style:none;padding:0;margin:0 0 26px;text-align:left;display:flex;flex-direction:column;gap:11px;flex:1;}
.lg-plan-features li{font-size:14.5px;color:var(--lg-text-2);display:flex;gap:10px;align-items:flex-start;}
.lg-plan-footer-note{text-align:center;max-width:680px;margin:40px auto 0;}
.lg-plan-footer-note p{font-size:13px;color:var(--lg-faint);margin:6px 0;}

.lg-hero{position:relative;padding:clamp(60px,10vw,120px) 0 clamp(50px,8vw,90px);overflow:hidden;}
.lg-hero-content{max-width:780px;margin:0 auto;text-align:center;position:relative;z-index:2;}
.lg-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:99px;background:var(--lg-glass-strong);border:1px solid var(--lg-glass-brd);backdrop-filter:blur(10px);font-size:14px;font-weight:600;color:var(--lg-primary-dk);margin-bottom:26px;box-shadow:var(--lg-sh-xs);animation:lgFadeUp .6s var(--lg-ease) both;}
.lg-hero h1{font-size:clamp(38px,7vw,72px);font-weight:900;letter-spacing:-.03em;line-height:1.04;margin:0 0 20px;animation:lgFadeUp .6s .1s var(--lg-ease) both;}
.lg-hero-accent{background:var(--lg-grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent;}
.lg-hero-sub{font-size:clamp(17px,2.6vw,22px);color:var(--lg-muted);max-width:600px;margin:0 auto 34px;line-height:1.6;animation:lgFadeUp .6s .2s var(--lg-ease) both;}
.lg-hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:46px;animation:lgFadeUp .6s .3s var(--lg-ease) both;}
.lg-hero-stats{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;animation:lgFadeUp .6s .4s var(--lg-ease) both;}
.lg-hero-stat{text-align:center;font-size:14px;color:var(--lg-muted);font-weight:500;}
.lg-hero-stat strong{display:block;font-size:34px;font-weight:800;letter-spacing:-.02em;background:var(--lg-grad-primary);-webkit-background-clip:text;background-clip:text;color:transparent;}
.lg-categories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;}
.lg-cat-card{background:var(--lg-glass-strong);backdrop-filter:blur(16px);border:1px solid var(--lg-glass-brd);border-radius:var(--lg-r);padding:28px 24px;box-shadow:var(--lg-sh-sm);transition:transform .4s var(--lg-ease-out),box-shadow .4s;}
.lg-cat-card:hover{transform:translateY(-6px);box-shadow:var(--lg-sh-md);}
.lg-cat-icon{font-size:40px;margin-bottom:14px;display:inline-block;}
.lg-cat-card:hover .lg-cat-icon{animation:lgFloat 2s ease infinite;}
.lg-cat-card h3{font-size:18px;font-weight:700;margin:0 0 8px;}
.lg-cat-card p{font-size:14px;color:var(--lg-muted);margin:0;line-height:1.55;}
.lg-steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;}
.lg-step{text-align:center;position:relative;}
.lg-step-num{width:56px;height:56px;border-radius:50%;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:800;color:#fff;background:var(--lg-grad-primary);box-shadow:var(--lg-sh-md);}
.lg-step h3{font-size:18px;font-weight:700;margin:0 0 8px;}
.lg-step p{font-size:14.5px;color:var(--lg-muted);margin:0;}
.lg-earning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1000px;margin:0 auto 30px;align-items:stretch;}
.lg-earning-card{background:var(--lg-glass-strong);backdrop-filter:blur(16px);border:1px solid var(--lg-glass-brd);border-radius:var(--lg-r-lg);padding:30px;text-align:center;box-shadow:var(--lg-sh-sm);position:relative;transition:transform .4s var(--lg-ease-out);}
.lg-earning-card:hover{transform:translateY(-6px);box-shadow:var(--lg-sh-md);}
.lg-earning-card-featured{border:2px solid transparent;background:linear-gradient(var(--lg-glass-strong),var(--lg-glass-strong)) padding-box,var(--lg-grad-primary) border-box;}
.lg-earning-badge{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--lg-grad-primary);color:#fff;padding:5px 16px;border-radius:99px;font-size:12px;font-weight:700;}
.lg-earning-card h3{font-size:20px;font-weight:800;margin:0 0 8px;}
.lg-earning-price{font-size:14px;color:var(--lg-muted);margin:0 0 16px;font-weight:600;}
.lg-earning-card p{margin:8px 0;font-size:14.5px;}
.lg-earning-disclaimer{max-width:760px;margin:0 auto 30px;text-align:center;font-size:12.5px;color:var(--lg-faint);line-height:1.6;}
.lg-cta-section{background:var(--lg-grad-dark);color:#fff;border-radius:var(--lg-r-xl);margin:40px 24px;position:relative;overflow:hidden;}
.lg-cta-section::before{content:'';position:absolute;inset:0;background:var(--lg-grad-mesh);opacity:.6;}
.lg-cta-section h2{color:#fff;position:relative;}
.lg-cta-section p{opacity:.85;max-width:520px;margin:0 auto 28px;position:relative;}
.lg-cta-section .lg-container{position:relative;}

.lg-cert-card{background:var(--lg-card);border:1px solid var(--lg-glass-brd);border-radius:var(--lg-r);overflow:hidden;box-shadow:var(--lg-sh);transition:transform .4s var(--lg-ease-out),box-shadow .4s;position:relative;}
.lg-cert-card:hover{transform:translateY(-6px);box-shadow:var(--lg-sh-lg);}
.lg-cert-seal{position:absolute;top:18px;right:18px;font-size:34px;animation:lgFloat 3.5s ease infinite;}
.lg-cert-body{padding:32px 28px;text-align:center;background:linear-gradient(160deg,rgba(99,102,241,.04),rgba(139,92,246,.06));border-bottom:3px solid;border-image:var(--lg-grad-primary) 1;}
.lg-cert-presents,.lg-cert-completed{font-size:13px;color:var(--lg-muted);text-transform:uppercase;letter-spacing:.06em;}
.lg-cert-name{font-size:26px;font-weight:800;letter-spacing:-.01em;margin:8px 0;}
.lg-cert-course,.lg-cert-academy,.lg-cert-title{font-size:18px;font-weight:700;color:var(--lg-primary-dk);margin:8px 0;}
.lg-cert-date,.lg-cert-id,.lg-cert-code{font-size:12.5px;color:var(--lg-faint);margin-top:6px;}
.lg-cert-id,.lg-cert-code{font-family:monospace;}
.lg-cert-actions{display:flex;gap:10px;padding:18px;}
.lg-cert-actions .lg-btn{flex:1;}
.lg-cert-badge{font-size:34px;}
.lg-empty-state{text-align:center;padding:60px 24px;}
.lg-empty-icon{font-size:56px;margin-bottom:16px;opacity:.5;}
.lg-empty-state h3{font-size:20px;font-weight:700;margin:0 0 8px;}
.lg-empty-state p{color:var(--lg-muted);margin:0 0 20px;}

.lg-verify-header{text-align:center;margin-bottom:32px;}
.lg-verify-header h1{font-size:32px;font-weight:800;margin:0 0 8px;}
.lg-verify-form,.lg-cert-verify-form{display:flex;flex-direction:column;gap:14px;max-width:480px;margin:0 auto;}
.lg-verify-result,.lg-cert-result{text-align:center;margin-top:28px;padding:28px;border-radius:var(--lg-r);animation:lgScaleIn .4s var(--lg-ease);}
.lg-verify-success{background:rgba(16,185,129,.06);border:1px solid rgba(16,185,129,.3);}
.lg-verify-fail{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.3);}
.lg-verify-icon{font-size:52px;margin-bottom:12px;}
.lg-badge-green{background:rgba(16,185,129,.15);color:#047857;padding:4px 12px;border-radius:99px;font-size:12px;font-weight:700;}
.lg-verify-list{display:flex;flex-direction:column;gap:10px;}
.lg-verify-status{font-weight:700;}

.lg-my-rank-badge{padding:10px 20px;border-radius:99px;background:var(--lg-grad-primary);color:#fff;font-weight:700;font-size:14px;box-shadow:var(--lg-sh-sm);}
.lg-podium{display:flex;align-items:flex-end;justify-content:center;gap:18px;margin-bottom:32px;flex-wrap:wrap;}
.lg-podium-place{text-align:center;padding:22px 18px;border-radius:var(--lg-r);background:var(--lg-glass-strong);backdrop-filter:blur(16px);border:1px solid var(--lg-glass-brd);box-shadow:var(--lg-sh-sm);min-width:130px;transition:transform .3s var(--lg-ease-out);}
.lg-podium-place:hover{transform:translateY(-5px);}
.lg-podium-1{order:2;transform:scale(1.1);background:linear-gradient(160deg,rgba(251,191,36,.12),rgba(245,158,11,.14));border-color:rgba(245,158,11,.3);}
.lg-podium-1:hover{transform:scale(1.1) translateY(-5px);}
.lg-podium-2{order:1;} .lg-podium-3{order:3;}
.lg-podium-medal{font-size:30px;margin:8px 0 4px;}
.lg-podium-name{font-weight:700;font-size:15px;}
.lg-podium-xp{font-size:13px;color:var(--lg-muted);font-weight:600;}
.lg-podium-avatar img{border:3px solid #fff;box-shadow:var(--lg-sh-sm);}
.lg-leaderboard-table .lg-rank-col{font-weight:800;font-size:16px;width:60px;}
.lg-member-col{display:flex;align-items:center;gap:10px;}
.lg-leaderboard-list{display:flex;flex-direction:column;gap:8px;}
.lg-leaderboard-item{display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:var(--lg-r-sm);background:rgba(255,255,255,.6);border:1px solid var(--lg-stroke);transition:all .22s;}
.lg-leaderboard-item:hover{background:#fff;box-shadow:var(--lg-sh-sm);}
.lg-lb-rank{font-weight:800;font-size:16px;width:40px;}
.lg-lb-name{flex:1;font-weight:600;}
.lg-lb-xp{font-weight:700;color:var(--lg-primary-dk);}
.lg-lb-certs{font-weight:600;color:var(--lg-muted);}
.lg-my-row{background:rgba(99,102,241,.08) !important;box-shadow:inset 0 0 0 1.5px rgba(99,102,241,.3);}
.lg-you-tag{background:var(--lg-grad-primary);color:#fff;font-size:10px;font-weight:700;padding:2px 8px;border-radius:99px;margin-left:6px;}

.lg-badges-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:14px;}
.lg-badge-item{text-align:center;padding:18px 12px;border-radius:var(--lg-r-sm);background:rgba(255,255,255,.6);border:1px solid var(--lg-stroke);transition:all .3s var(--lg-ease-out);}
.lg-badge-item:hover{transform:translateY(-4px) scale(1.03);box-shadow:var(--lg-sh-sm);background:#fff;}
.lg-badge-icon{font-size:34px;margin-bottom:8px;}
.lg-badge-label{font-size:12px;font-weight:600;color:var(--lg-text-2);}
.lg-badges-mini{flex-direction:row !important;flex-wrap:wrap;}
.lg-badges-mini .lg-badge-item{padding:10px;min-width:0;}

.lg-notif-full-list,.lg-notifications-list{display:flex;flex-direction:column;gap:2px;}
.lg-notif-item{display:flex;gap:14px;padding:16px;border-radius:13px;transition:background .2s;align-items:flex-start;}
.lg-notif-item:hover{background:rgba(99,102,241,.04);}
.lg-notif-unread{background:rgba(99,102,241,.06);}
.lg-notif-icon{font-size:20px;width:42px;height:42px;flex-shrink:0;border-radius:12px;background:rgba(99,102,241,.1);display:flex;align-items:center;justify-content:center;}
.lg-notif-body p{margin:0 0 3px;font-size:14.5px;}
.lg-notif-dot{width:8px;height:8px;border-radius:50%;background:var(--lg-accent);}

.lg-profile-header,.lg-profile-hero{display:flex;align-items:center;gap:22px;flex-wrap:wrap;}
.lg-profile-info h2{margin:0 0 4px;font-size:24px;font-weight:800;}
.lg-profile-badges{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:14px;color:var(--lg-text-2);font-weight:600;}
.lg-profile-badges span{display:inline-flex;align-items:center;gap:5px;}
.lg-verified{color:var(--lg-success) !important;}
.lg-profile-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:20px;align-items:start;}
.lg-membership-detail{display:flex;align-items:center;gap:16px;margin-bottom:18px;}
.lg-membership-detail .lg-plan-icon{font-size:38px;margin:0;}
.lg-profile-bio{color:var(--lg-text-2);line-height:1.6;}

.lg-loading,.lg-loading-state{text-align:center;padding:30px;color:var(--lg-muted);}
.lg-loading-state{padding:60px 20px;}
.lg-spinner{width:38px;height:38px;border:3px solid rgba(99,102,241,.18);border-top-color:var(--lg-primary);border-radius:50%;animation:lgSpin .7s linear infinite;margin:0 auto 14px;}
.lg-toast-container{position:fixed;bottom:26px;right:26px;z-index:9999;display:flex;flex-direction:column;gap:12px;}
.lg-toast{padding:15px 22px;border-radius:14px;background:rgba(15,23,42,.92);color:#fff;font-size:14.5px;font-weight:500;box-shadow:var(--lg-sh-lg);backdrop-filter:blur(12px);animation:lgFadeUp .35s var(--lg-ease);max-width:340px;border:1px solid rgba(255,255,255,.1);}
.lg-toast.lg-success{background:linear-gradient(135deg,rgba(16,185,129,.95),rgba(5,150,105,.95));}
.lg-toast.lg-danger{background:linear-gradient(135deg,rgba(239,68,68,.95),rgba(220,38,38,.95));}

.lg-legal-tabs{display:flex;gap:8px;margin-bottom:24px;flex-wrap:wrap;justify-content:center;}
.lg-legal-card{max-width:820px;margin:0 auto;}
.lg-legal-card h1{font-size:30px;font-weight:800;letter-spacing:-.02em;margin:0 0 6px;}
.lg-legal-card h3{font-size:18px;font-weight:700;margin:26px 0 10px;}
.lg-legal-card p,.lg-legal-card li{color:var(--lg-text-2);line-height:1.75;}
.lg-clean-list{list-style:none;padding:0;}

.lg-disclaimer-card{background:rgba(245,158,11,.06);border:1px solid rgba(245,158,11,.2);border-radius:var(--lg-r-sm);padding:18px 20px;font-size:13px;color:#92732a;line-height:1.6;margin-top:20px;}

.lg-community-layout{display:grid;grid-template-columns:1fr 300px;gap:24px;align-items:start;}
.lg-community-composer{display:flex;gap:14px;margin-bottom:20px;}
.lg-community-post{padding:20px;border-radius:var(--lg-r);background:var(--lg-glass-strong);border:1px solid var(--lg-glass-brd);box-shadow:var(--lg-sh-sm);margin-bottom:16px;}
.lg-post-head{display:flex;align-items:center;gap:12px;margin-bottom:12px;}
.lg-post-foot{display:flex;gap:18px;margin-top:14px;padding-top:14px;border-top:1px solid var(--lg-stroke);color:var(--lg-muted);font-size:14px;}
.lg-composer-user{display:flex;align-items:center;gap:10px;}
.lg-community-actions{display:flex;gap:14px;}

@media (max-width:1024px){
  .lg-lesson-layout{grid-template-columns:1fr;}
  .lg-lesson-sidebar{position:static;}
  .lg-profile-grid{grid-template-columns:1fr;}
  .lg-community-layout{grid-template-columns:1fr;}
}
@media (max-width:768px){
  .lg-sidebar{position:fixed;left:0;top:0;transform:translateX(-100%);transition:transform .35s var(--lg-ease);box-shadow:var(--lg-sh-lg);}
  .lg-sidebar.open,.lg-sidebar.lg-open{transform:none;}
  .lg-sidebar-close{display:flex;align-items:center;justify-content:center;}
  .lg-sidebar-overlay.open,.lg-sidebar-overlay.lg-open{display:block;}
  .lg-menu-toggle,.lg-mobile-menu-btn{display:flex;align-items:center;justify-content:center;}
  .lg-form-row{grid-template-columns:1fr;}
  .lg-section{padding:60px 0;}
  .lg-hero-stats{gap:28px;}
  .lg-plan-featured{transform:none;}
  .lg-plan-featured:hover{transform:translateY(-8px);}
  .lg-cta-section{margin:30px 16px;border-radius:var(--lg-r-lg);}
}
@media print{
  .lg-sidebar,.lg-topbar,.lg-public-nav,.lg-cert-actions,.lg-btn{display:none !important;}
  .lg-cert-card{box-shadow:none;border:1px solid #ccc;page-break-inside:avoid;}
  body.lg-page{background:#fff;}
}


/* ═══════════════════════════════════════════════════════════════════
   Learn & Grow v2.2 emergency polish — stable, no-flash, Astra-safe
   Fixes academy hero contrast, module visibility, lesson reader clarity,
   public homepage containment, and platform footer/header ownership.
   ═══════════════════════════════════════════════════════════════════ */
body.lg-page #masthead,
body.lg-page .site-header,
body.lg-page #colophon,
body.lg-page .site-footer,
body.lg-page .ast-primary-header-bar,
body.lg-page .ast-mobile-header-wrap,
body.lg-page .ast-header-break-point .main-header-bar,
body.lg-page .entry-header,
body.lg-page .post-navigation,
body.lg-page .comments-area { display:none !important; }
body.lg-page .site-content,
body.lg-page .content-area,
body.lg-page .site-main,
body.lg-page article,
body.lg-page .entry-content { margin:0 !important; padding:0 !important; max-width:none !important; width:100% !important; }
body.lg-page .entry-content > * { max-width:none !important; }
body.lg-page .lg-app, body.lg-page .lg-homepage { font-family:'Inter','Segoe UI',-apple-system,BlinkMacSystemFont,sans-serif !important; }

/* Public homepage footer/header ownership */
.lg-public-nav { box-shadow:0 10px 30px rgba(15,23,42,.06); }
.lg-platform-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 28px;background:#08051c;color:rgba(255,255,255,.72);font-size:12px;border-top:1px solid rgba(255,255,255,.08);}
.lg-platform-footer a{color:#fff;font-weight:800;text-decoration:none;}
body.lg-user-logged-in .lg-platform-footer{margin-left:var(--lg-sidebar-w);}
@media(max-width:768px){body.lg-user-logged-in .lg-platform-footer{margin-left:0;flex-direction:column;text-align:center;padding:18px 14px;}}

/* Academy detail hero: force readable contrast on dark gradients */
.lg-academy-hero{position:relative;isolation:isolate;background:linear-gradient(135deg,#21105f 0%,#6b21d8 48%,#e84497 100%) !important;border:1px solid rgba(255,255,255,.22) !important;box-shadow:0 28px 70px -24px rgba(87,54,205,.55) !important;}
.lg-academy-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 80% 10%,rgba(255,255,255,.2),transparent 30%),linear-gradient(90deg,rgba(10,8,35,.45),rgba(10,8,35,.08));z-index:-1;}
.lg-academy-hero h1,.lg-academy-hero p,.lg-academy-hero .lg-academy-meta span{color:#fff !important;text-shadow:0 2px 12px rgba(0,0,0,.28) !important;}
.lg-academy-hero h1{max-width:900px;line-height:1.04 !important;font-weight:900 !important;letter-spacing:-.035em !important;}
.lg-academy-hero p{opacity:.94 !important;font-weight:500;}
.lg-academy-hero .lg-category-tag{background:rgba(255,255,255,.18) !important;color:#fff !important;border:1px solid rgba(255,255,255,.28);backdrop-filter:blur(10px);}
.lg-academy-meta span{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:999px;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.22);}

/* Academy modules and lesson rows: stop white-on-white / invisible rows */
.lg-course-map-card{background:rgba(255,255,255,.9) !important;border-color:rgba(139,92,246,.18) !important;box-shadow:0 22px 50px -26px rgba(79,70,229,.36) !important;}
.lg-course-module{background:#fff !important;border:1px solid rgba(99,102,241,.14) !important;border-radius:18px !important;overflow:hidden !important;margin-bottom:14px !important;box-shadow:0 8px 24px -18px rgba(15,23,42,.18);}
.lg-course-module-head{width:100% !important;border:0 !important;border-radius:0 !important;background:linear-gradient(90deg,#f6f2ff,#fff) !important;color:var(--lg-text) !important;text-align:left !important;padding:16px 18px !important;display:flex !important;align-items:center !important;gap:14px !important;box-shadow:none !important;}
.lg-course-module-head:hover{background:linear-gradient(90deg,#efe7ff,#fff8fc) !important;}
.lg-course-module-head strong{color:var(--lg-text) !important;font-weight:900 !important;letter-spacing:-.015em;}
.lg-course-module-head small{display:block;color:var(--lg-muted) !important;font-weight:700;margin-top:3px;}
.lg-course-num{width:34px;height:34px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff !important;font-weight:900 !important;}
.lg-course-toggle{margin-left:auto;color:#7c3aed !important;font-weight:900 !important;}
.lg-lesson-list{padding:12px !important;background:#fff !important;}
.lg-lesson-row,.lg-lesson-item{background:#fff !important;color:var(--lg-text-2) !important;border:1px solid rgba(15,23,42,.08) !important;box-shadow:0 6px 16px -14px rgba(15,23,42,.24) !important;}
.lg-lesson-row:hover,.lg-lesson-item:hover{background:#fbf7ff !important;color:var(--lg-text) !important;border-color:rgba(124,58,237,.25) !important;}
.lg-lesson-info strong,.lg-lesson-row strong,.lg-lesson-item strong{color:var(--lg-text) !important;font-weight:850 !important;}
.lg-lesson-info span,.lg-lesson-meta{color:var(--lg-muted) !important;}
.lg-lesson-num{background:linear-gradient(135deg,#ede9fe,#fce7f3) !important;color:#6d28d9 !important;border:1px solid rgba(124,58,237,.18);}
.lg-lesson-status,.lg-arrow{color:#7c3aed !important;}

/* Lesson reader: readable, structured content */
.lg-lesson-layout{grid-template-columns:minmax(0,1fr) 340px !important;}
.lg-lesson-body{background:#fff !important;border:1px solid rgba(99,102,241,.12) !important;box-shadow:0 28px 72px -36px rgba(79,70,229,.32) !important;}
.lg-lesson-title{color:var(--lg-text) !important;line-height:1.08 !important;margin-bottom:22px !important;}
.lg-lesson-body-text{font-size:17px !important;line-height:1.86 !important;color:#263143 !important;max-width:860px;}
.lg-lesson-body-text h2,.lg-lesson-body-text h3{color:#17112f !important;margin:30px 0 12px !important;line-height:1.18 !important;font-weight:900 !important;}
.lg-lesson-body-text p{margin:0 0 18px !important;}
.lg-mini-lesson{background:#fff !important;border:1px solid rgba(15,23,42,.07) !important;color:var(--lg-text-2) !important;}
.lg-mini-lesson:hover{background:#f8f4ff !important;color:var(--lg-text) !important;}
.lg-mini-lesson.active{background:linear-gradient(135deg,#ede9fe,#fce7f3) !important;color:#4c1d95 !important;border-color:rgba(124,58,237,.22) !important;}
.lg-mini-title{color:inherit !important;}

/* Homepage restore: premium landing sections */
body.lg-page-home{background:#fbf8ff !important;background-image:var(--lg-grad-mesh) !important;}
.lg-homepage{overflow:hidden;}
.lg-homepage .lg-section{position:relative;}
.lg-categories-grid,.lg-steps-grid,.lg-earning-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;}
.lg-cat-card,.lg-step,.lg-earning-card{background:rgba(255,255,255,.82);border:1px solid rgba(124,58,237,.12);border-radius:24px;padding:24px;box-shadow:0 18px 44px -28px rgba(79,70,229,.35);}
.lg-cat-icon,.lg-step-num{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;font-weight:900;font-size:22px;margin-bottom:14px;}
.lg-earning-card-featured{background:linear-gradient(135deg,#21105f,#5b21b6 56%,#db2777);color:#fff;transform:translateY(-8px);}
.lg-earning-card-featured *{color:#fff !important;}
.lg-earning-badge{display:inline-flex;padding:6px 12px;border-radius:999px;background:rgba(255,255,255,.16);font-size:12px;font-weight:900;margin-bottom:10px;}
.lg-earning-price{font-weight:900;color:#7c3aed;}
.lg-earning-disclaimer{max-width:980px;margin:22px auto 26px;padding:14px 18px;border-radius:16px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;font-size:13px;line-height:1.6;}
.lg-cta-section{margin:30px auto 70px;max-width:1120px;border-radius:36px;background:linear-gradient(135deg,#24115f,#7c3aed 52%,#ec4899);color:#fff;box-shadow:0 30px 80px -35px rgba(124,58,237,.58);}
.lg-cta-section h2,.lg-cta-section p{color:#fff !important;}

@media(max-width:880px){.lg-lesson-layout{grid-template-columns:1fr !important;}.lg-lesson-sidebar{position:static !important;}.lg-academy-hero-inner{padding:28px !important;}}
@media(max-width:768px){.lg-platform-footer{margin-left:0;}.lg-academy-hero h1{font-size:28px !important;}.lg-course-module-head{padding:14px !important;}.lg-lesson-row{padding:13px !important;}.lg-lesson-body{padding:22px !important;}.lg-hero h1{font-size:44px !important;}}
.lg-empty-module-note{padding:16px 18px;border-radius:14px;background:#fff7ed;border:1px solid #fed7aa;color:#7c2d12;font-weight:700;font-size:13.5px;line-height:1.55;}


/* ═══════════════════════════════════════════════════════════════════
   Learn & Grow v2.3 Platform Shell — Home + Mobile Navigation
   Does not touch course data/import logic. Pure page shell + navigation.
   ═══════════════════════════════════════════════════════════════════ */
body.lg-page-home .lg-public-nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.82);border-bottom:1px solid rgba(124,58,237,.12);box-shadow:0 14px 40px -30px rgba(15,23,42,.32);} 
body.lg-page-home.lg-user-logged-in .lg-public-actions::before{content:'Member view';display:inline-flex;align-items:center;padding:7px 12px;border-radius:999px;background:#f3e8ff;color:#6d28d9;font-weight:800;font-size:12px;}
.lg-homepage .lg-hero{padding:92px 0 72px;background:linear-gradient(135deg,#16092f 0%,#4c1d95 42%,#db2777 100%);color:#fff;position:relative;overflow:hidden;border-bottom-left-radius:42px;border-bottom-right-radius:42px;}
.lg-homepage .lg-hero::before{content:'';position:absolute;inset:-20%;background:radial-gradient(circle at 16% 20%,rgba(255,255,255,.2),transparent 28%),radial-gradient(circle at 84% 18%,rgba(251,191,36,.2),transparent 22%),radial-gradient(circle at 55% 86%,rgba(6,182,212,.12),transparent 34%);pointer-events:none;}
.lg-homepage .lg-hero .lg-container{position:relative;z-index:1;}
.lg-homepage .lg-hero h1{color:#fff;font-size:clamp(48px,8vw,92px);max-width:780px;margin:18px 0 14px;}
.lg-homepage .lg-hero-sub{color:rgba(255,255,255,.86);max-width:720px;font-size:clamp(17px,2.1vw,23px);}
.lg-homepage .lg-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 15px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-weight:900;font-size:12px;text-transform:uppercase;letter-spacing:.08em;}
.lg-homepage .lg-hero-stat{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px);color:#fff;}
.lg-homepage .lg-hero-stat strong{color:#fff;}
.lg-homepage .lg-section-header h2{color:#140b34;}
.lg-homepage .lg-cat-card,.lg-homepage .lg-step,.lg-homepage .lg-earning-card{transition:transform .25s var(--lg-ease), box-shadow .25s var(--lg-ease), border-color .25s;}
.lg-homepage .lg-cat-card:hover,.lg-homepage .lg-step:hover,.lg-homepage .lg-earning-card:hover{transform:translateY(-4px);box-shadow:0 28px 70px -34px rgba(79,70,229,.48);border-color:rgba(124,58,237,.28);}

.lg-mobile-bottom-nav{display:none;}
@media(max-width:768px){
  body.lg-user-logged-in.lg-page{padding-bottom:78px;}
  .lg-mobile-bottom-nav{position:fixed;left:12px;right:12px;bottom:10px;height:64px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:3px;padding:7px;background:rgba(20,10,45,.9);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);border:1px solid rgba(255,255,255,.14);border-radius:22px;box-shadow:0 18px 50px -18px rgba(15,23,42,.65);z-index:9999;}
  .lg-mobile-bottom-link{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:rgba(255,255,255,.68);font-size:10.5px;font-weight:850;line-height:1.1;border-radius:16px;min-height:50px;text-decoration:none !important;}
  .lg-mobile-bottom-icon{font-size:18px;line-height:1;}
  .lg-mobile-bottom-link.active{background:linear-gradient(135deg,#7c3aed,#ec4899);color:#fff;box-shadow:0 10px 24px -12px rgba(236,72,153,.8);}
  .lg-sidebar-footer{padding-bottom:76px;}
  .lg-platform-footer{padding-bottom:90px !important;}
}
@media(min-width:769px){.lg-mobile-bottom-nav{display:none !important;}}

/* ═══════════════════════════════════════════════════════════════════
   Learn & Grow v2.5 — Refined aesthetic layer
   Softer type · elegant glass · layered light shadows · surreal home
   ═══════════════════════════════════════════════════════════════════ */
:root{
  --lg-v24-ink:#241b45;          /* softened from near-black */
  --lg-v24-ink-2:#4a4470;
  --lg-v24-muted:#7b7596;
  --lg-v24-purple:#7c5cff;
  --lg-v24-violet:#a78bfa;
  --lg-v24-pink:#f472b6;
  --lg-v24-orange:#fbbf24;
  --lg-v24-soft:#faf8ff;
  --lg-v24-line:rgba(124,92,255,.10);
  --lg-glass-2:rgba(255,255,255,.62);
  --lg-glass-3:rgba(255,255,255,.78);
}
body.lg-page{background:#f7f4ff !important;}
body.lg-page .lg-app,
body.lg-page .lg-homepage{font-family:'Inter','Segoe UI',system-ui,-apple-system,BlinkMacSystemFont,sans-serif !important;}

/* ── Calmer headers on gradient surfaces (no harsh shadow) ── */
.lg-welcome-bar,.lg-upgrade-banner,.lg-academy-hero,.lg-home-hero-v24,.lg-cta-section{color:#fff !important;}
.lg-welcome-bar h1,.lg-welcome-bar h2,.lg-welcome-bar h3,
.lg-upgrade-banner h1,.lg-upgrade-banner h2,.lg-upgrade-banner h3,
.lg-academy-hero h1,.lg-academy-hero h2,.lg-academy-hero h3,
.lg-home-hero-v24 h1,.lg-home-hero-v24 h2,.lg-home-hero-v24 h3,
.lg-cta-section h1,.lg-cta-section h2,.lg-cta-section h3{color:#fff !important;text-shadow:0 1px 12px rgba(20,8,48,.18) !important;}
.lg-welcome-bar p,.lg-upgrade-banner p,.lg-academy-hero p,.lg-home-hero-v24 p,.lg-cta-section p{color:rgba(255,255,255,.92) !important;}
.lg-plan-badge{background:rgba(255,255,255,.96) !important;color:#6d28d9 !important;border:1px solid rgba(255,255,255,.4) !important;box-shadow:0 10px 28px -18px rgba(20,8,48,.4) !important;}

/* ── Softer titles everywhere (the "too bold" fix) ── */
.lg-section-header h2,.lg-section-head h2{font-weight:700 !important;letter-spacing:-.025em !important;color:var(--lg-v24-ink);}
.lg-lesson-info strong,.lg-lesson-row strong,.lg-lesson-item strong,
.lg-academy-title{font-weight:600 !important;letter-spacing:-.012em !important;line-height:1.32 !important;color:var(--lg-v24-ink) !important;}
.lg-lesson-title{font-weight:680 !important;line-height:1.18 !important;letter-spacing:-.022em !important;}
.lg-course-module-head strong{font-weight:640 !important;line-height:1.3 !important;}
.lg-lesson-body-text{font-weight:430 !important;color:#3f3a5e !important;}
.lg-card-title{font-weight:680 !important;letter-spacing:-.015em;color:var(--lg-v24-ink);}
.lg-stat-value{font-weight:760 !important;}
.lg-page-header h2{font-weight:700 !important;color:var(--lg-v24-ink);}

/* ── Sidebar polish (calmer gradient) ── */
.lg-sidebar{background:linear-gradient(180deg,#1c1142 0%,#3a2585 55%,#5b39c9 100%) !important;box-shadow:16px 0 60px -42px rgba(22,8,51,.6);}
.lg-sidebar-user{background:rgba(255,255,255,.11) !important;border:1px solid rgba(255,255,255,.16) !important;box-shadow:0 18px 40px -32px rgba(0,0,0,.45) !important;}
.lg-nav-link{border:1px solid transparent;}
.lg-nav-link.active,.lg-nav-link:hover{background:rgba(255,255,255,.13) !important;border-color:rgba(255,255,255,.14) !important;}

/* ═══ HOME v2.5 — full-page, surreal, glassmorphic ═══ */
body.lg-page-home .lg-public-nav{background:rgba(255,255,255,.7) !important;border-bottom-color:rgba(124,92,255,.1) !important;}
.lg-home-v24{background:
  radial-gradient(1200px 600px at 85% -5%, rgba(244,114,182,.16), transparent 55%),
  radial-gradient(1000px 700px at -10% 25%, rgba(124,92,255,.16), transparent 55%),
  radial-gradient(900px 600px at 50% 110%, rgba(167,139,250,.14), transparent 55%),
  #f7f4ff;}

/* Hero — layered glass + floating orbs */
.lg-home-hero-v24{position:relative;isolation:isolate;padding:104px 0 92px;margin:20px auto 0;max-width:1280px;border-radius:0 0 48px 48px;overflow:hidden;
  background:linear-gradient(140deg,#2a1565 0%,#6d28d9 46%,#c026d3 78%,#ec4899 100%);
  box-shadow:0 40px 110px -60px rgba(109,40,217,.7);}
.lg-home-hero-bg{position:absolute;inset:0;z-index:-1;
  background:radial-gradient(circle at 78% 16%,rgba(255,255,255,.26),transparent 30%),
             radial-gradient(circle at 8% 88%,rgba(251,191,36,.2),transparent 32%),
             radial-gradient(circle at 50% 50%,rgba(167,139,250,.18),transparent 60%);}
.lg-home-hero-v24::before,.lg-home-hero-v24::after{content:'';position:absolute;border-radius:50%;filter:blur(2px);z-index:-1;pointer-events:none;}
.lg-home-hero-v24::before{width:320px;height:320px;right:-60px;top:-80px;background:radial-gradient(circle,rgba(255,255,255,.22),transparent 70%);animation:lgFloat 7s ease-in-out infinite;}
.lg-home-hero-v24::after{width:240px;height:240px;left:6%;bottom:-90px;background:radial-gradient(circle,rgba(251,191,36,.25),transparent 70%);animation:lgFloat 9s ease-in-out infinite reverse;}
.lg-home-hero-grid{display:grid;grid-template-columns:minmax(0,1.18fr) 420px;gap:48px;align-items:center;}
.lg-home-hero-copy .lg-hero-badge{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.3);color:#fff;backdrop-filter:blur(10px);font-weight:600;letter-spacing:.01em;}
.lg-home-hero-copy h1{font-size:clamp(38px,6vw,72px);line-height:1.02;margin:20px 0 20px;font-weight:760;letter-spacing:-.04em;max-width:820px;}
.lg-home-hero-copy p{font-size:clamp(16px,1.8vw,20px);line-height:1.7;max-width:660px;margin:0 0 30px;font-weight:430;}
.lg-home-hero-panel{position:relative;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.26);border-radius:32px;padding:26px;backdrop-filter:blur(22px) saturate(160%);-webkit-backdrop-filter:blur(22px) saturate(160%);box-shadow:0 30px 80px -50px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.3);}
.lg-home-orbit{width:74px;height:74px;border-radius:22px;background:linear-gradient(135deg,rgba(255,255,255,.3),rgba(255,255,255,.12));display:flex;align-items:center;justify-content:center;font-size:34px;margin-bottom:18px;box-shadow:inset 0 1px 0 rgba(255,255,255,.4);animation:lgFloat 5s ease-in-out infinite;}
.lg-home-stat-stack{display:grid;grid-template-columns:1fr 1fr;gap:13px;}
.lg-home-stat-stack div{background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);border-radius:20px;padding:18px;color:#fff;transition:transform .3s var(--lg-ease-out),background .3s;}
.lg-home-stat-stack div:hover{transform:translateY(-3px);background:rgba(255,255,255,.18);}
.lg-home-stat-stack strong{display:block;font-size:30px;line-height:1;font-weight:740;color:#fff;letter-spacing:-.02em;}
.lg-home-stat-stack span{display:block;margin-top:8px;color:rgba(255,255,255,.82);font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;}
.lg-btn-outline-light{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.4);color:#fff !important;backdrop-filter:blur(10px);}
.lg-btn-outline-light:hover{background:rgba(255,255,255,.24);color:#fff !important;transform:translateY(-2px);}

/* Kicker */
.lg-kicker{display:inline-flex;align-items:center;justify-content:center;padding:7px 15px;border-radius:999px;background:linear-gradient(135deg,rgba(124,92,255,.12),rgba(244,114,182,.12));border:1px solid rgba(124,92,255,.16);color:#7c3aed;font-size:11.5px;font-weight:680;text-transform:uppercase;letter-spacing:.14em;margin-bottom:14px;}

/* Category cards — icon tile, accent identity, hero name */
.lg-home-category-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));gap:20px;}
.lg-home-category-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:0;text-decoration:none;background:linear-gradient(152deg,color-mix(in srgb,var(--cat-c1) 12%,transparent),transparent 52%),linear-gradient(180deg,rgba(255,255,255,.62),rgba(255,255,255,.42));border:1px solid rgba(255,255,255,.55);border-radius:22px;padding:24px 22px 20px;overflow:hidden;box-shadow:0 16px 44px -26px color-mix(in srgb,var(--cat-c1) 38%,rgba(79,70,229,.4)),inset 0 1px 0 rgba(255,255,255,.75);color:var(--lg-v24-ink) !important;transition:transform .35s var(--lg-ease-out),box-shadow .35s,border-color .35s,background .35s;backdrop-filter:blur(24px) saturate(175%);-webkit-backdrop-filter:blur(24px) saturate(175%);isolation:isolate;}
.lg-home-category-card,.lg-home-category-card:hover,.lg-home-category-name,.lg-academy-tile,.lg-academy-tile:hover,.lg-academy-tile-title,.lg-academy-tile-cat{text-decoration:none !important;}
.lg-home-category-card::before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,var(--cat-c1),var(--cat-c2));opacity:.9;}
.lg-home-category-card::after{content:"";position:absolute;top:-40px;right:-40px;width:130px;height:130px;border-radius:50%;background:radial-gradient(circle,var(--cat-c1),transparent 70%);opacity:.10;transition:opacity .35s,transform .35s var(--lg-ease-out);z-index:-1;}
.lg-home-category-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--cat-c1) 40%,transparent);box-shadow:0 30px 60px -30px color-mix(in srgb,var(--cat-c1) 60%,transparent);}
.lg-home-category-card:hover::after{opacity:.20;transform:scale(1.25);}
.lg-home-category-icon{display:flex;align-items:center;justify-content:center;width:62px;height:62px;border-radius:17px;font-size:32px;line-height:1;margin-bottom:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--cat-c1) 16%,#fff),color-mix(in srgb,var(--cat-c2) 14%,#fff));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--cat-c1) 22%,transparent),0 8px 18px -10px color-mix(in srgb,var(--cat-c1) 55%,transparent);}
.lg-home-category-name{font-size:17px;font-weight:700;letter-spacing:-.02em;line-height:1.28;margin:0 0 12px;color:var(--lg-v24-ink);}
.lg-home-category-meta{display:flex;align-items:center;gap:9px;font-size:12.5px;font-weight:500;color:var(--lg-v24-muted);margin-top:auto;}
.lg-home-category-meta strong{font-weight:700;color:var(--lg-v24-ink-2);}
.lg-home-category-dot{width:3px;height:3px;border-radius:50%;background:currentColor;opacity:.45;flex-shrink:0;}
.lg-home-category-arrow{position:absolute;top:22px;right:22px;font-size:16px;font-weight:700;color:var(--cat-c1);opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s var(--lg-ease-out);}
.lg-home-category-card:hover .lg-home-category-arrow{opacity:1;transform:translateX(0);}

/* Unified academy grid — premium dark glass, per-category accent identity */
.lg-academy-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(226px,1fr));gap:18px;}
.lg-academy-tile{position:relative;display:flex;flex-direction:column;align-items:flex-start;min-height:176px;padding:20px 20px 16px;border-radius:22px;overflow:hidden;isolation:isolate;text-decoration:none;background:linear-gradient(158deg,#241248 0%,#341c6b 56%,#46249a 100%);border:1px solid rgba(255,255,255,.09);box-shadow:0 18px 46px -28px rgba(20,8,48,.82);transition:transform .34s var(--lg-ease-out),box-shadow .34s,border-color .34s;}
.lg-academy-tile::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,var(--cat-c1),var(--cat-c2));opacity:.95;z-index:2;}
.lg-academy-tile::after{content:"";position:absolute;top:-52px;right:-52px;width:152px;height:152px;border-radius:50%;background:radial-gradient(circle,var(--cat-c1),transparent 70%);opacity:.24;transition:opacity .34s,transform .34s var(--lg-ease-out);z-index:0;}
.lg-academy-tile:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--cat-c1) 55%,transparent);box-shadow:0 32px 60px -28px color-mix(in srgb,var(--cat-c1) 62%,rgba(20,8,48,.85));}
.lg-academy-tile:hover::after{opacity:.42;transform:scale(1.22);}
.lg-academy-tile>*{position:relative;z-index:1;}
.lg-academy-tile-icon{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:15px;font-size:27px;line-height:1;margin-bottom:14px;background:linear-gradient(135deg,var(--cat-c1),var(--cat-c2));box-shadow:0 10px 22px -10px color-mix(in srgb,var(--cat-c1) 70%,transparent),inset 0 0 0 1px rgba(255,255,255,.2);}
.lg-academy-tile-cat{display:inline-flex;align-items:center;font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#fff;background:color-mix(in srgb,var(--cat-c1) 30%,transparent);border:1px solid color-mix(in srgb,var(--cat-c1) 48%,transparent);padding:4px 10px;border-radius:999px;margin-bottom:11px;max-width:100%;line-height:1.3;}
.lg-academy-tile-title{font-size:14.5px;line-height:1.38;font-weight:600;letter-spacing:-.01em;color:#fff;display:block;}
.lg-academy-tile-foot{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:14px;}
.lg-academy-tile-foot small{font-size:11px;font-weight:600;color:rgba(255,255,255,.94);background:rgba(255,255,255,.15);padding:5px 11px;border-radius:999px;}
.lg-academy-tile-go{font-size:16px;font-weight:700;color:#fff;opacity:0;transform:translateX(-6px);transition:opacity .3s,transform .3s var(--lg-ease-out);}
.lg-academy-tile:hover .lg-academy-tile-go{opacity:1;transform:translateX(0);}

/* Academy groups — glass containers */
.lg-home-academy-groups{display:grid;gap:24px;}
.lg-home-academy-group{background:var(--lg-glass-2);border:1px solid rgba(255,255,255,.66);border-radius:30px;padding:26px;box-shadow:0 22px 64px -42px rgba(79,70,229,.42);backdrop-filter:blur(18px) saturate(150%);-webkit-backdrop-filter:blur(18px) saturate(150%);}
.lg-home-academy-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:18px;}
.lg-home-academy-head h3{margin:0;font-size:19px;font-weight:680;letter-spacing:-.022em;color:var(--lg-v24-ink);}
.lg-home-academy-head span{font-size:11.5px;font-weight:640;color:#7c3aed;background:rgba(124,92,255,.1);border-radius:999px;padding:7px 13px;white-space:nowrap;}
.lg-home-academy-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:11px;}
.lg-home-academy-list a{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px 15px;border-radius:18px;background:rgba(255,255,255,.78);border:1px solid rgba(124,92,255,.08);color:var(--lg-v24-ink);box-shadow:0 6px 16px -14px rgba(15,23,42,.24);transition:transform .28s var(--lg-ease-out),box-shadow .28s,border-color .28s,background .28s;}
.lg-home-academy-list a:hover{background:#fff;border-color:rgba(244,114,182,.3);transform:translateY(-2px);box-shadow:0 16px 36px -22px rgba(124,92,255,.46);}
.lg-home-academy-list a>span:first-child{width:34px;height:34px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:17px;background:linear-gradient(135deg,rgba(124,92,255,.12),rgba(244,114,182,.12));}
.lg-home-academy-list b{font-size:13.5px;line-height:1.4;font-weight:560;letter-spacing:-.005em;}
.lg-home-academy-list small{font-size:11px;color:#9333ea;font-weight:640;white-space:nowrap;background:rgba(147,51,234,.08);padding:4px 9px;border-radius:999px;}

/* Steps — glass premium */
.lg-steps-premium .lg-step{background:var(--lg-glass-3);border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:26px 22px;box-shadow:0 18px 54px -38px rgba(79,70,229,.4);backdrop-filter:blur(14px);transition:transform .35s var(--lg-ease-out),box-shadow .35s;}
.lg-steps-premium .lg-step:hover{transform:translateY(-6px);box-shadow:0 30px 70px -40px rgba(124,92,255,.5);}
.lg-steps-premium .lg-step h3{font-weight:660;letter-spacing:-.015em;color:var(--lg-v24-ink);}
.lg-steps-premium .lg-step p{color:var(--lg-v24-muted);font-weight:430;}
.lg-steps-premium .lg-step-num{background:linear-gradient(135deg,#7c5cff,#ec4899);box-shadow:0 14px 30px -14px rgba(124,92,255,.6);font-weight:720;}

/* Earning cards */
.lg-earning-grid-premium .lg-earning-card{min-height:210px;background:var(--lg-glass-3);border:1px solid rgba(255,255,255,.7);border-radius:26px;backdrop-filter:blur(14px);}
.lg-earning-grid-premium .lg-earning-card h3{font-weight:680;color:var(--lg-v24-ink);}
.lg-earning-grid-premium .lg-earning-price{font-weight:740;font-size:26px;background:linear-gradient(135deg,#7c5cff,#ec4899);-webkit-background-clip:text;background-clip:text;color:transparent;margin:6px 0 14px;}
.lg-earning-grid-premium .lg-earning-card p{color:var(--lg-v24-ink-2);font-weight:460;}
.lg-earning-grid-premium .lg-earning-card strong{font-weight:680;color:var(--lg-v24-ink);}

/* KS Award card — soft amber glass */
.lg-ksa-home-card{position:relative;overflow:hidden;max-width:1040px;margin:24px auto 30px;padding:32px 30px;border-radius:26px;background:linear-gradient(150deg,#241248 0%,#3b1f7a 58%,#4a2596 100%);border:1px solid rgba(251,191,36,.26);color:#fff;box-shadow:0 28px 64px -34px rgba(36,18,72,.85),inset 0 1px 0 rgba(255,255,255,.08);}
.lg-ksa-home-card::before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#fbbf24,#f59e0b);}
.lg-ksa-home-card::after{content:"";position:absolute;top:-60px;right:-60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#fbbf24,transparent 70%);opacity:.16;pointer-events:none;}
.lg-ksa-home-card h3{margin:0 0 18px;color:#fde68a;font-size:19px;font-weight:700;letter-spacing:-.012em;display:flex;align-items:center;gap:9px;position:relative;}
.lg-ksa-trophy{font-size:22px;line-height:1;}
.lg-ksa-home-card p{margin:18px 0 0;font-size:12.5px;line-height:1.75;font-weight:400;color:rgba(255,255,255,.74);position:relative;}
.lg-ksa-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;position:relative;}
.lg-ksa-mini-grid span{padding:15px 10px;border-radius:15px;background:rgba(255,255,255,.07);border:1px solid rgba(251,191,36,.32);text-align:center;font-weight:700;font-size:13px;color:#fcd34d;backdrop-filter:blur(4px);transition:transform .25s var(--lg-ease-out),background .25s,border-color .25s;}
.lg-ksa-mini-grid span:hover{transform:translateY(-3px);background:rgba(251,191,36,.14);border-color:rgba(251,191,36,.5);}

/* Premium rewards section polish */
.lg-rewards-v2 .lg-earning-grid{max-width:1040px;margin:0 auto 6px;}
.lg-rewards-v2 .lg-earning-grid-premium .lg-earning-card{border-radius:24px;padding:32px 26px;transition:transform .35s var(--lg-ease-out),box-shadow .35s,border-color .35s;}
.lg-rewards-v2 .lg-earning-grid-premium .lg-earning-card h3{font-size:13px;text-transform:uppercase;letter-spacing:.09em;font-weight:700;color:var(--lg-v24-muted);margin:0 0 8px;}
.lg-rewards-v2 .lg-earning-grid-premium .lg-earning-price{font-size:33px;line-height:1.05;margin:2px 0 16px;}
.lg-rewards-v2 .lg-earning-grid-premium .lg-earning-card p{font-size:14px;}
.lg-rewards-v2 .lg-earning-grid-premium .lg-earning-card:hover{transform:translateY(-7px);}
.lg-rewards-v2 .lg-earning-grid-premium .lg-earning-card-featured:hover{transform:translateY(-13px);}

/* Definition for non-featured plan cards so they don't blend into the page */
.lg-rewards-v2 .lg-earning-grid-premium .lg-earning-card:not(.lg-earning-card-featured){background:linear-gradient(165deg,#ffffff,#f6f3ff)!important;border:1px solid rgba(124,92,255,.18)!important;box-shadow:0 22px 52px -32px rgba(79,70,229,.42)!important;}
/* Bulletproof featured (middle) card — solid purple, visible white text and price */
.lg-rewards-v2 .lg-earning-grid-premium .lg-earning-card-featured{background:linear-gradient(150deg,#2a1565 0%,#6d28d9 52%,#db2777 100%)!important;border:1px solid rgba(255,255,255,.2)!important;box-shadow:0 30px 68px -34px rgba(109,40,217,.72)!important;color:#fff!important;}
.lg-rewards-v2 .lg-earning-grid-premium .lg-earning-card-featured h3,.lg-rewards-v2 .lg-earning-grid-premium .lg-earning-card-featured p,.lg-rewards-v2 .lg-earning-grid-premium .lg-earning-card-featured strong,.lg-rewards-v2 .lg-earning-grid-premium .lg-earning-card-featured span{color:#fff!important;}
.lg-rewards-v2 .lg-earning-grid-premium .lg-earning-card-featured .lg-earning-price{-webkit-text-fill-color:#fff!important;color:#fff!important;background:none!important;font-weight:780;}
.lg-rewards-v2 .lg-earning-grid-premium .lg-earning-card-featured .lg-earning-badge{background:rgba(255,255,255,.22)!important;color:#fff!important;border:1px solid rgba(255,255,255,.32)!important;}

/* ── Premium pricing cards (neat) ──────────────────────────────────── */
.lg-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;max-width:1010px;margin:40px auto 30px;align-items:start;}
.lg-pricing-card{position:relative;background:#fff;border-radius:24px;padding:168px 26px 30px;text-align:center;border:1px solid rgba(124,92,255,.1);box-shadow:0 26px 64px -36px rgba(36,18,72,.42);transition:transform .35s var(--lg-ease-out),box-shadow .35s;overflow:visible;}
.lg-pricing-card:hover{transform:translateY(-8px);box-shadow:0 36px 78px -36px color-mix(in srgb,var(--pc1) 55%,rgba(36,18,72,.5));}
.lg-pricing-head{position:absolute;top:0;left:0;right:0;height:120px;border-radius:24px 24px 0 0;background:linear-gradient(135deg,var(--pc1),var(--pc2));display:flex;flex-direction:column;align-items:center;justify-content:flex-start;padding-top:26px;overflow:hidden;}
.lg-pricing-head::after{content:"";position:absolute;top:-50px;right:-40px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.12);}
.lg-pricing-icon{position:relative;font-size:30px;line-height:1;filter:drop-shadow(0 4px 8px rgba(0,0,0,.18));}
.lg-pricing-head h3{position:relative;margin:7px 0 0;color:#fff;font-size:16px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;}
.lg-pricing-badge{position:absolute;top:92px;left:50%;transform:translateX(-50%);width:178px;padding:11px 16px;border-radius:999px;background:#fff;box-shadow:0 18px 34px -14px color-mix(in srgb,var(--pc1) 55%,transparent),0 0 0 6px rgba(255,255,255,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;}
.lg-pricing-amount{font-size:26px;font-weight:900;line-height:1;letter-spacing:-.02em;background:linear-gradient(135deg,var(--pc1),var(--pc2));-webkit-background-clip:text;background-clip:text;color:transparent;}
.lg-pricing-amount-sub{font-size:9.5px;font-weight:800;color:var(--lg-faint);text-transform:uppercase;letter-spacing:.08em;margin-top:5px;}
.lg-pricing-features{list-style:none;padding:0;margin:0 0 26px;text-align:left;display:flex;flex-direction:column;gap:14px;}
.lg-pricing-features li{display:flex;align-items:flex-start;gap:11px;min-height:21px;font-size:13.5px;line-height:1.45;color:var(--lg-v24-ink-2);font-weight:500;}
.lg-pricing-features li::before{content:"\2713";flex-shrink:0;width:21px;height:21px;border-radius:50%;background:color-mix(in srgb,var(--pc1) 13%,#fff);color:var(--pc1);font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;margin-top:1px;}
.lg-pricing-features li strong{color:var(--lg-v24-ink);font-weight:800;}
.lg-pricing-btn{display:block;width:100%;padding:15px;border-radius:999px;background:linear-gradient(135deg,var(--pc1),var(--pc2));color:#fff!important;font-weight:800;font-size:15px;text-decoration:none!important;box-shadow:0 14px 28px -12px color-mix(in srgb,var(--pc1) 65%,transparent);transition:transform .25s var(--lg-ease-out),box-shadow .25s;}
.lg-pricing-btn:hover{transform:translateY(-2px);box-shadow:0 20px 40px -14px color-mix(in srgb,var(--pc1) 72%,transparent);}
.lg-pricing-card.is-featured{transform:translateY(-16px);border:2px solid color-mix(in srgb,var(--pc1) 42%,transparent);box-shadow:0 42px 86px -36px color-mix(in srgb,var(--pc1) 60%,rgba(36,18,72,.6));}
.lg-pricing-card.is-featured:hover{transform:translateY(-22px);}
.lg-pricing-ribbon{position:absolute;top:20px;right:-6px;background:#fff;color:var(--pc1);font-size:10.5px;font-weight:900;letter-spacing:.05em;text-transform:uppercase;padding:6px 13px;border-radius:7px 0 0 7px;box-shadow:0 10px 20px -8px rgba(0,0,0,.22);z-index:4;}
.lg-pricing-ribbon::after{content:"";position:absolute;top:100%;right:0;border:4px solid transparent;border-top-color:rgba(0,0,0,.25);border-right-width:0;}

.lg-home-final-cta{padding:80px 0 !important;}
.lg-home-final-cta h2{font-weight:720 !important;letter-spacing:-.03em;}

/* ═══ COMMUNITY v2.5 ═══ */
.lg-community-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:24px;align-items:end;margin-bottom:26px;padding:36px;border-radius:32px;background:linear-gradient(140deg,#2a1565 0%,#6d28d9 50%,#ec4899 100%);color:#fff;box-shadow:0 30px 80px -50px rgba(109,40,217,.6);position:relative;overflow:hidden;}
.lg-community-hero::after{content:'💬';position:absolute;right:30px;top:-30px;font-size:140px;opacity:.1;}
.lg-community-hero h1{font-size:clamp(28px,3.6vw,48px);line-height:1.05;margin:8px 0 12px;color:#fff !important;letter-spacing:-.035em;font-weight:720;}
.lg-community-hero p{max-width:680px;color:rgba(255,255,255,.9) !important;margin:0;font-weight:430;}
.lg-community-hero .lg-kicker{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.26);}
.lg-community-hero-card{padding:20px;border-radius:22px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(14px);display:flex;flex-direction:column;gap:8px;}
.lg-community-hero-card strong{color:#fff;font-weight:680;}
.lg-community-hero-card span{color:rgba(255,255,255,.85);font-size:13px;line-height:1.55;}
.lg-community-layout-v24{grid-template-columns:minmax(0,1fr) 310px;}
.lg-community-composer-v24{display:block;padding:0;overflow:hidden;border-radius:28px;background:var(--lg-glass-3);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(16px);box-shadow:0 18px 54px -40px rgba(79,70,229,.4);}
.lg-composer-top{display:flex;gap:14px;align-items:center;padding:22px 24px;border-bottom:1px solid rgba(124,92,255,.1);}
.lg-composer-top strong{display:block;color:var(--lg-v24-ink);font-weight:640;}
.lg-composer-top span{display:block;color:var(--lg-v24-muted);font-size:13px;margin-top:2px;}
.lg-community-form{padding:20px 24px 24px;}
.lg-community-textarea{min-height:140px;border-radius:20px;background:rgba(250,247,255,.8);border:1px solid rgba(124,92,255,.14);font-size:15px;}
.lg-community-prompt-row{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 16px;}
.lg-community-prompt-row span{padding:7px 12px;border-radius:999px;background:rgba(124,92,255,.1);color:#6d28d9;font-weight:600;font-size:12px;}
.lg-community-post-v24{background:var(--lg-glass-3);border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:22px 24px;margin-bottom:16px;box-shadow:0 16px 50px -42px rgba(79,70,229,.4);backdrop-filter:blur(14px);}
.lg-community-post-v24 p{font-size:15px;line-height:1.75;color:var(--lg-v24-ink-2);margin:12px 0 0;font-weight:440;}
.lg-post-head span{display:block;color:var(--lg-v24-muted);font-size:12.5px;}
.lg-community-side-card{background:var(--lg-glass-3);border:1px solid rgba(255,255,255,.7);backdrop-filter:blur(14px);}
.lg-community-side-dark{background:linear-gradient(140deg,#2a1565,#7c3aed 55%,#ec4899);color:#fff;}
.lg-community-side-dark h3,.lg-community-side-dark p{color:#fff !important;}
.lg-empty-state-v24{background:rgba(255,255,255,.66);border:1px dashed rgba(124,92,255,.24);}

/* ═══ Academy listing page (page-lg-learn) polish ═══ */
.lg-learn .lg-page-header h2,.lg-page-learn .lg-page-header h2{font-weight:700;letter-spacing:-.028em;}
body.lg-page-learn .lg-academy-card,body.lg-page-academy .lg-academy-card{backdrop-filter:blur(16px) saturate(150%);}

/* Wallet */
.lg-table-wrap{overflow-x:auto;max-width:100%;}
.lg-table{min-width:680px;}
.lg-table th{font-weight:640;}
.lg-wallet-card{overflow:hidden;}
.lg-wallet-amount{font-size:clamp(26px,4vw,40px);word-break:break-word;font-weight:760;}
.lg-credit{color:#059669;font-weight:700;}
.lg-debit{color:#dc2626;font-weight:700;}

/* ── Mobile bottom nav ── */
@media(max-width:768px){
  .lg-mobile-bottom-nav{grid-template-columns:repeat(6,1fr) !important;height:66px;}
  .lg-mobile-bottom-link{border:0;background:transparent;font-family:inherit;cursor:pointer;padding:0;color:rgba(255,255,255,.72);}
  .lg-mobile-bottom-link:hover{color:#fff;}
  .lg-mobile-bottom-link.lg-mobile-menu-btn{appearance:none;-webkit-appearance:none;}
}
@media(max-width:960px){
  .lg-home-hero-grid,.lg-community-hero{grid-template-columns:1fr;}
  .lg-home-hero-panel{max-width:520px;}
}
@media(max-width:768px){
  .lg-home-hero-v24{padding:72px 0 56px;margin:0;border-radius:0 0 30px 30px;}
  .lg-home-hero-copy h1{font-size:40px;}
  .lg-home-stat-stack{grid-template-columns:1fr 1fr;}
  .lg-ksa-mini-grid{grid-template-columns:1fr 1fr;}
  .lg-home-academy-list{grid-template-columns:1fr;}
  .lg-community-layout-v24{grid-template-columns:1fr;}
  .lg-community-hero{padding:26px;border-radius:26px;}
}

/* Hero panel surreal accents */
.lg-home-panel-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.7);margin-bottom:12px;}
.lg-hero-spark{position:absolute;color:rgba(255,255,255,.55);pointer-events:none;font-size:18px;}
.lg-hero-spark-1{top:18px;right:24px;font-size:22px;animation:lgFloat 4s ease-in-out infinite;}
.lg-hero-spark-2{bottom:26px;left:22px;font-size:15px;animation:lgFloat 6s ease-in-out infinite reverse;}

/* ═══════════════════════════════════════════════════════════════════
   v2.6 — fixes: academy cards, featured plan, footer, count-up base
   ═══════════════════════════════════════════════════════════════════ */

/* ── ISSUE 3: All-academies cards → vertical, tinted, beautiful ── */
.lg-home-academy-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;}
.lg-home-academy-list a{display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding:18px 18px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.7);color:var(--lg-v24-ink);box-shadow:0 10px 30px -22px rgba(79,70,229,.4);transition:transform .3s var(--lg-ease-out),box-shadow .3s,border-color .3s;min-height:148px;justify-content:flex-start;position:relative;overflow:hidden;backdrop-filter:blur(12px);}
.lg-home-academy-list a::after{content:'';position:absolute;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.5),rgba(255,255,255,0));pointer-events:none;}
.lg-home-academy-list a:hover{transform:translateY(-5px);border-color:rgba(244,114,182,.4);box-shadow:0 22px 48px -26px rgba(124,92,255,.5);}
/* soft alternating tints so cards differ from one another */
.lg-home-academy-list a:nth-child(6n+1){background:linear-gradient(155deg,#f3efff,#fbf6ff);}
.lg-home-academy-list a:nth-child(6n+2){background:linear-gradient(155deg,#fdeffa,#fff6fd);}
.lg-home-academy-list a:nth-child(6n+3){background:linear-gradient(155deg,#eef4ff,#f6faff);}
.lg-home-academy-list a:nth-child(6n+4){background:linear-gradient(155deg,#eefcf6,#f6fffb);}
.lg-home-academy-list a:nth-child(6n+5){background:linear-gradient(155deg,#fff6ec,#fffdf6);}
.lg-home-academy-list a:nth-child(6n+6){background:linear-gradient(155deg,#f1f0ff,#f9f9ff);}
.lg-home-academy-list a>span:first-child{position:relative;z-index:1;width:42px;height:42px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:20px;background:linear-gradient(135deg,#7c5cff,#ec4899);box-shadow:0 10px 22px -10px rgba(124,92,255,.6);flex-shrink:0;}
.lg-home-academy-list b{position:relative;z-index:1;font-size:14px;line-height:1.4;font-weight:580;letter-spacing:-.008em;color:var(--lg-v24-ink);display:block;}
.lg-home-academy-list small{position:relative;z-index:1;margin-top:auto;font-size:11px;color:#9333ea;font-weight:620;white-space:nowrap;background:rgba(147,51,234,.1);padding:5px 11px;border-radius:999px;align-self:flex-start;}

/* ── ISSUE 4: featured Professional plan card now legible (dark glass, white text) ── */
.lg-earning-grid-premium .lg-earning-card-featured{
  background:linear-gradient(150deg,#2a1565 0%,#6d28d9 52%,#db2777 100%) !important;
  border:1px solid rgba(255,255,255,.18) !important;
  box-shadow:0 28px 70px -36px rgba(109,40,217,.7) !important;
  transform:translateY(-6px);}
.lg-earning-grid-premium .lg-earning-card-featured:hover{transform:translateY(-12px);}
.lg-earning-grid-premium .lg-earning-card-featured *{color:#fff !important;}
.lg-earning-grid-premium .lg-earning-card-featured .lg-earning-price{
  -webkit-text-fill-color:#fff !important;color:#fff !important;background:none !important;font-weight:780;}
.lg-earning-grid-premium .lg-earning-card-featured strong{color:#fff !important;font-weight:760;}
.lg-earning-grid-premium .lg-earning-card-featured .lg-earning-badge{background:rgba(255,255,255,.22) !important;color:#fff !important;border:1px solid rgba(255,255,255,.3);}

/* ── ISSUE 5: cleaner home/public footer ── */
body.lg-page-home .lg-platform-footer,
body:not(.lg-user-logged-in) .lg-platform-footer{
  margin:48px auto 0;max-width:1280px;border-radius:28px 28px 0 0;
  background:linear-gradient(150deg,#1c1142,#3a2585 60%,#5b39c9);
  padding:26px 36px;border-top:none;box-shadow:0 -10px 50px -30px rgba(124,92,255,.5);}
body:not(.lg-user-logged-in) .lg-platform-footer a{font-weight:600;}
@media(max-width:768px){
  body.lg-page-home .lg-platform-footer,
  body:not(.lg-user-logged-in) .lg-platform-footer{flex-direction:column;text-align:center;gap:8px;border-radius:22px 22px 0 0;padding:22px 18px;margin-top:32px;}
}

/* ═══════════════════════════════════════════════════════════════════
   v2.7 — Lesson reading experience
   ═══════════════════════════════════════════════════════════════════ */

/* Top reading progress bar */
.lg-reading-progress{position:fixed;top:0;left:0;right:0;height:4px;background:rgba(124,92,255,.1);z-index:200;}
.lg-reading-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#7c5cff,#ec4899,#fbbf24);box-shadow:0 0 12px rgba(124,92,255,.5);transition:width .12s linear;}
body.lg-user-logged-in .lg-reading-progress{left:var(--lg-sidebar-w);}
@media(max-width:768px){body.lg-user-logged-in .lg-reading-progress{left:0;}}

/* Reading surface — soft paper feel */
.lg-lesson-v3 .lg-reading-surface{background:linear-gradient(180deg,#ffffff,#fcfbff);border:1px solid rgba(124,92,255,.1);box-shadow:0 24px 70px -46px rgba(79,70,229,.4);padding:clamp(24px,4vw,46px);}

/* Header */
.lg-lesson-head{margin-bottom:26px;padding-bottom:22px;border-bottom:1px solid rgba(124,92,255,.1);}
.lg-lesson-eyebrow{display:inline-block;font-size:12px;font-weight:660;text-transform:uppercase;letter-spacing:.12em;color:#9333ea;background:rgba(147,51,234,.08);padding:6px 13px;border-radius:999px;margin-bottom:14px;}
.lg-lesson-v3 .lg-lesson-title{
  font-size:clamp(26px,3.6vw,40px);line-height:1.16;letter-spacing:-.025em;font-weight:720;margin:0 0 16px;
  background:linear-gradient(120deg,#4c1d95 0%,#7c3aed 45%,#db2777 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.lg-lesson-meta-chips{display:flex;flex-wrap:wrap;gap:8px;}
.lg-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:560;color:#4a4470;background:rgba(124,92,255,.08);border:1px solid rgba(124,92,255,.12);padding:6px 12px;border-radius:999px;}
.lg-chip-xp{color:#b45309;background:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2);}
.lg-chip-quiz{color:#7c3aed;}
.lg-chip-done{color:#047857;background:rgba(16,185,129,.1);border-color:rgba(16,185,129,.22);}

/* Reading tools */
.lg-reading-tools{display:flex;align-items:center;gap:6px;margin-top:16px;}
.lg-reading-tools-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--lg-v24-muted);margin-right:4px;}
.lg-font-btn{border:1px solid rgba(124,92,255,.2);background:#fff;color:#4a4470;border-radius:10px;min-width:38px;height:34px;font-weight:680;cursor:pointer;font-family:inherit;transition:all .2s;}
.lg-font-btn:hover{border-color:#7c5cff;color:#6d28d9;background:rgba(124,92,255,.06);}

/* Reading body — comfortable typography + drop cap */
.lg-reading-body{font-size:16px;line-height:1.85;color:#3a3358;font-weight:430;transition:font-size .2s;}
.lg-reading-body p{margin:0 0 1.25em;}
.lg-reading-body > p:first-of-type::first-letter{
  float:left;font-size:3.4em;line-height:.78;font-weight:740;padding:4px 12px 0 0;
  background:linear-gradient(135deg,#7c3aed,#db2777);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.lg-reading-body h2,.lg-reading-body h3,.lg-reading-body h4{color:#2a1f55;font-weight:680;letter-spacing:-.015em;line-height:1.3;margin:1.6em 0 .6em;}
.lg-reading-body h2{font-size:1.4em;} .lg-reading-body h3{font-size:1.2em;}
.lg-reading-body strong{color:#2a1f55;font-weight:640;}
.lg-reading-body a{color:#7c3aed;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;}
.lg-reading-body ul,.lg-reading-body ol{margin:0 0 1.25em;padding-left:1.4em;}
.lg-reading-body li{margin-bottom:.5em;}
.lg-reading-body blockquote{margin:1.4em 0;padding:16px 22px;border-left:4px solid #a78bfa;background:linear-gradient(135deg,rgba(124,92,255,.06),rgba(236,72,153,.05));border-radius:0 16px 16px 0;color:#4a4470;font-style:italic;}
.lg-reading-body img{border-radius:16px;box-shadow:0 16px 40px -24px rgba(15,23,42,.4);margin:1.2em 0;}

/* Lesson nav as cards */
.lg-lesson-nav{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px;}
.lg-lesson-nav-link{display:flex;flex-direction:column;gap:5px;padding:16px 20px;border-radius:18px;background:#fff;border:1px solid rgba(124,92,255,.14);box-shadow:0 10px 28px -22px rgba(79,70,229,.4);transition:transform .28s var(--lg-ease-out),box-shadow .28s,border-color .28s;}
.lg-lesson-nav-link:hover{transform:translateY(-3px);border-color:rgba(244,114,182,.35);box-shadow:0 20px 44px -26px rgba(124,92,255,.5);}
.lg-lesson-nav-link.lg-next{text-align:right;align-items:flex-end;}
.lg-nav-dir{font-size:12px;font-weight:660;text-transform:uppercase;letter-spacing:.08em;color:#9333ea;}
.lg-nav-ttl{font-size:14px;font-weight:560;color:var(--lg-v24-ink);line-height:1.35;}

/* Sidebar refinements */
.lg-side-title{font-size:13px;font-weight:680;text-transform:uppercase;letter-spacing:.06em;color:var(--lg-v24-muted);margin:0 0 12px;}
.lg-side-prog{color:var(--lg-v24-muted);font-weight:550;}
.lg-side-prefix{font-size:12px;font-weight:600;color:#7c3aed;background:rgba(124,92,255,.07);border-radius:12px;padding:8px 12px;margin-bottom:12px;line-height:1.35;}
.lg-mini-lesson{align-items:flex-start;}
.lg-mini-lesson .lg-mini-title{white-space:normal;line-height:1.35;font-size:13px;}
.lg-mini-lesson.active{background:linear-gradient(135deg,rgba(124,92,255,.12),rgba(236,72,153,.08));font-weight:600;box-shadow:inset 0 0 0 1px rgba(124,92,255,.2);}
.lg-mini-lesson.active .lg-mini-num{background:linear-gradient(135deg,#7c5cff,#ec4899);color:#fff;}
.lg-mini-lesson.done .lg-mini-num{background:rgba(16,185,129,.16);color:#047857;}

.lg-bc-sep{color:var(--lg-faint);margin:0 2px;}
.lg-bc-current{color:var(--lg-v24-ink);font-weight:550;}

/* Sticky mobile action bar */
.lg-lesson-mobilebar{display:none;}
@media(max-width:768px){
  .lg-lesson-mobilebar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:150;gap:8px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:rgba(255,255,255,.86);backdrop-filter:blur(18px);border-top:1px solid rgba(124,92,255,.14);box-shadow:0 -10px 30px -20px rgba(15,23,42,.3);}
  .lg-mb-btn{height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-weight:640;font-family:inherit;font-size:14.5px;border:none;cursor:pointer;text-decoration:none;}
  .lg-mb-icon{width:52px;flex-shrink:0;background:rgba(124,92,255,.1);color:#6d28d9;font-size:20px;}
  .lg-mb-primary{flex:1;background:linear-gradient(135deg,#7c5cff,#ec4899);color:#fff;box-shadow:0 12px 28px -12px rgba(124,92,255,.6);}
  .lg-mb-done{flex:1;background:rgba(16,185,129,.12);color:#047857;}
  .lg-lesson-v3{padding-bottom:84px !important;}
  .lg-lesson-nav{grid-template-columns:1fr;}
  .lg-reading-body{font-size:16.5px;}
  .lg-reading-tools{flex-wrap:wrap;}
}

/* ═══ Inline lesson quiz (v2.8) ═══ */
.lg-inline-quiz{margin-top:34px;padding:28px;border-radius:24px;background:linear-gradient(160deg,#faf7ff,#fdf2fb);border:1px solid rgba(124,92,255,.16);box-shadow:0 18px 54px -40px rgba(124,92,255,.5);}
.lg-inline-quiz-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:22px;flex-wrap:wrap;}
.lg-inline-quiz-head h3{margin:8px 0 6px;font-size:21px;font-weight:700;letter-spacing:-.02em;color:#2a1f55;}
.lg-quiz-rule{margin:0;font-size:13.5px;color:var(--lg-v24-muted);}
.lg-quiz-rule strong{color:#7c3aed;}
.lg-iq-question{padding:18px 0;border-top:1px dashed rgba(124,92,255,.16);}
.lg-iq-question:first-of-type{border-top:none;}
.lg-iq-q{display:flex;gap:12px;font-size:16px;font-weight:560;color:#2a1f55;line-height:1.5;margin:0 0 14px;}
.lg-iq-num{flex-shrink:0;width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#7c5cff,#ec4899);color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;}
.lg-iq-options{display:flex;flex-direction:column;gap:9px;}
.lg-iq-option{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:14px;border:1.5px solid rgba(124,92,255,.14);background:#fff;cursor:pointer;transition:all .18s var(--lg-ease);}
.lg-iq-option:hover{border-color:#a78bfa;transform:translateX(2px);}
.lg-iq-option input{position:absolute;opacity:0;width:0;height:0;}
.lg-iq-marker{flex-shrink:0;width:28px;height:28px;border-radius:8px;border:1.5px solid rgba(124,92,255,.25);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;color:#7c3aed;background:rgba(124,92,255,.05);transition:all .18s;}
.lg-iq-text{font-size:14.5px;color:#3a3358;line-height:1.4;}
.lg-iq-option:has(input:checked){border-color:#7c5cff;background:rgba(124,92,255,.07);box-shadow:0 6px 16px -10px rgba(124,92,255,.4);}
.lg-iq-option:has(input:checked) .lg-iq-marker{background:linear-gradient(135deg,#7c5cff,#ec4899);color:#fff;border-color:transparent;}
/* graded states */
.lg-iq-option.is-correct{border-color:#10b981;background:rgba(16,185,129,.08);}
.lg-iq-option.is-correct .lg-iq-marker{background:#10b981;color:#fff;border-color:transparent;}
.lg-iq-option.is-chosen-wrong{border-color:#ef4444;background:rgba(239,68,68,.07);}
.lg-iq-option.is-chosen-wrong .lg-iq-marker{background:#ef4444;color:#fff;border-color:transparent;}
.lg-iq-explain{margin-top:12px;padding:12px 16px;border-radius:12px;background:rgba(99,102,241,.07);border-left:3px solid #a78bfa;font-size:13.5px;line-height:1.6;color:#4a4470;}
.lg-iq-explain::before{content:'💡 ';}
.lg-iq-foot{margin-top:22px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.lg-iq-result{width:100%;}
.lg-iq-scorewrap{display:flex;align-items:center;gap:16px;padding:16px 18px;border-radius:16px;margin-top:6px;}
.lg-iq-scorewrap.pass{background:linear-gradient(135deg,rgba(16,185,129,.1),rgba(5,150,105,.08));border:1px solid rgba(16,185,129,.3);}
.lg-iq-scorewrap.fail{background:linear-gradient(135deg,rgba(245,158,11,.1),rgba(239,68,68,.06));border:1px solid rgba(245,158,11,.3);}
.lg-iq-scorewrap strong{display:block;font-size:15.5px;color:#2a1f55;}
.lg-iq-scorewrap span{display:block;font-size:13px;color:var(--lg-v24-muted);margin-top:2px;}
.lg-iq-score-ring{flex-shrink:0;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:18px;color:#fff;background:linear-gradient(135deg,#7c5cff,#ec4899);box-shadow:0 10px 24px -12px rgba(124,92,255,.6);}
.lg-iq-scorewrap.fail .lg-iq-score-ring{background:linear-gradient(135deg,#f59e0b,#ef4444);}
.lg-quiz-is-passed .lg-iq-option{cursor:default;}
/* locked next */
.lg-next-locked{opacity:.75;cursor:not-allowed;background:repeating-linear-gradient(45deg,#f7f4ff,#f7f4ff 10px,#f1ecff 10px,#f1ecff 20px) !important;border-style:dashed !important;}
.lg-next-locked .lg-nav-dir{color:#9333ea;}
.lg-mb-locked{background:rgba(124,92,255,.12) !important;color:#9333ea !important;}
@media(max-width:768px){
  .lg-inline-quiz{padding:20px;border-radius:20px;}
  .lg-iq-q{font-size:15.5px;}
}

/* ═══ v2.9 quick fixes ═══ */
/* 1) Home academy cards → dark glass + white text */
.lg-home-academy-list a{border:1px solid rgba(255,255,255,.08) !important;color:#fff !important;box-shadow:0 14px 36px -24px rgba(20,8,48,.7) !important;}
.lg-home-academy-list a::after{display:none !important;}
.lg-home-academy-list a:nth-child(6n+1),.lg-home-academy-list a:nth-child(6n+2),.lg-home-academy-list a:nth-child(6n+3),
.lg-home-academy-list a:nth-child(6n+4),.lg-home-academy-list a:nth-child(6n+5),.lg-home-academy-list a:nth-child(6n+6){background:linear-gradient(150deg,#241248,#3b1f7a 60%,#5b2da3) !important;}
.lg-home-academy-list a:hover{transform:translateY(-5px);border-color:rgba(244,114,182,.5) !important;box-shadow:0 24px 50px -24px rgba(124,92,255,.7) !important;}
.lg-home-academy-list b{color:#fff !important;}
.lg-home-academy-list small{color:#fff !important;background:rgba(255,255,255,.16) !important;}
.lg-home-academy-list a>span:first-child{background:rgba(255,255,255,.16) !important;}

/* 3) Lesson reading text not edge-to-edge on mobile */
@media(max-width:768px){
  .lg-lesson-v3 .lg-reading-surface{padding:22px 20px !important;}
  .lg-lesson-v3 .lg-content,.lg-lesson-v3.lg-content{padding-left:14px !important;padding-right:14px !important;}
  .lg-reading-body > p:first-of-type::first-letter{padding-right:8px;}
}

/* 2) Community → social feed look */
.lg-feed-post{padding:18px 20px !important;border-radius:18px !important;}
.lg-post-head{display:flex;align-items:center;gap:12px;}
.lg-post-meta{flex:1;min-width:0;}
.lg-post-meta strong{display:block;font-weight:620;color:var(--lg-v24-ink);font-size:15px;}
.lg-post-meta span{display:block;font-size:12.5px;color:var(--lg-v24-muted);}
.lg-post-more{margin-left:auto;background:none;border:none;color:var(--lg-faint);font-size:18px;cursor:pointer;padding:4px 8px;border-radius:8px;}
.lg-post-more:hover{background:rgba(124,92,255,.08);}
.lg-post-body{font-size:15px;line-height:1.7;color:var(--lg-v24-ink-2);margin:14px 0 14px;}
.lg-post-actionbar{display:flex;gap:6px;border-top:1px solid rgba(124,92,255,.1);padding-top:8px;margin-top:4px;}
.lg-post-action{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 10px;border:none;background:none;border-radius:10px;cursor:pointer;font-family:inherit;font-size:13.5px;font-weight:560;color:var(--lg-v24-muted);transition:all .18s;}
.lg-post-action:hover{background:rgba(124,92,255,.08);color:#6d28d9;}
.lg-like-btn.liked{color:#ec4899;}
.lg-like-count{font-weight:700;}


/* ═══════════════════════════════════════════════════════════════════
   v2.9.2 Design-safe repairs only
   Keeps existing homepage/community branding intact while fixing: Astra bleed,
   lesson reader containment, quiz readability and Knowledge Spreader contrast.
   ═══════════════════════════════════════════════════════════════════ */
body.lg-page #masthead,
body.lg-page .site-header,
body.lg-page .main-header-bar,
body.lg-page .ast-primary-header-bar,
body.lg-page .ast-mobile-header-wrap,
body.lg-page #colophon,
body.lg-page .site-footer,
body.lg-page .entry-header,
body.lg-page .ast-breadcrumbs-wrapper{
  display:none !important;
}
body.lg-page .site-content,
body.lg-page .content-area,
body.lg-page .site-main,
body.lg-page article,
body.lg-page .entry-content{
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  width:100% !important;
}
body.lg-page .entry-content > *{max-width:none !important;}

/* Keep gradient headings readable without altering the layout */
.lg-welcome-bar h1,.lg-welcome-bar h2,.lg-welcome-bar h3,
.lg-upgrade-banner h1,.lg-upgrade-banner h2,.lg-upgrade-banner h3{
  color:#fff !important;
  text-shadow:0 2px 14px rgba(0,0,0,.26) !important;
}
.lg-welcome-bar p,.lg-upgrade-banner p{color:rgba(255,255,255,.9) !important;}
.lg-welcome-bar .lg-plan-badge{background:rgba(255,255,255,.92) !important;color:#5b21b6 !important;text-shadow:none !important;}

/* Lesson page: contain the reader and keep the academy map as a desktop side rail */
.lg-lesson-content{max-width:1180px;margin:0 auto;padding-left:clamp(16px,3vw,34px) !important;padding-right:clamp(16px,3vw,34px) !important;}
.lg-lesson-layout{display:grid !important;grid-template-columns:minmax(0,1fr) 330px !important;gap:24px !important;align-items:start !important;}
.lg-reading-surface,.lg-lesson-body{padding:clamp(22px,3vw,38px) !important;border-radius:24px !important;overflow:hidden !important;}
.lg-lesson-head{margin-bottom:22px !important;}
.lg-lesson-title{max-width:880px !important;font-size:clamp(30px,4.2vw,48px) !important;line-height:1.08 !important;letter-spacing:-.035em !important;}
.lg-lesson-meta-chips{display:flex !important;flex-wrap:wrap !important;gap:8px !important;margin:0 0 14px !important;}
.lg-reading-tools{display:flex !important;flex-wrap:wrap !important;align-items:center !important;gap:8px !important;margin-top:10px !important;}
.lg-font-btn{border:0 !important;background:linear-gradient(135deg,#7c3aed,#2563eb) !important;color:#fff !important;border-radius:10px !important;padding:9px 14px !important;font-weight:800 !important;box-shadow:0 10px 24px -16px rgba(37,99,235,.6) !important;}
.lg-lesson-body-text,.lg-reading-body{max-width:840px !important;color:#263143 !important;font-size:17px !important;line-height:1.9 !important;}
.lg-lesson-body-text p,.lg-reading-body p{margin:0 0 18px !important;}
.lg-lesson-body-text h2,.lg-lesson-body-text h3,.lg-reading-body h2,.lg-reading-body h3{margin:32px 0 12px !important;line-height:1.18 !important;color:#17112f !important;}
.lg-lesson-sidebar{position:sticky !important;top:90px !important;align-self:start !important;}
.lg-mini-lesson-list{max-height:72vh !important;overflow:auto !important;padding-right:4px !important;}
.lg-breadcrumb{font-size:12px !important;line-height:1.5 !important;margin:0 0 12px !important;color:rgba(72,61,104,.76) !important;}
.lg-breadcrumb a{color:#6d28d9 !important;font-weight:650 !important;}
.lg-bc-current{color:#463366 !important;}

/* Inline quiz: restore readable card-like answer options */
.lg-inline-quiz{margin-top:34px !important;padding:24px !important;border-radius:24px !important;background:#fbf9ff !important;border:1px solid rgba(124,92,255,.16) !important;}
.lg-inline-quiz-head{display:flex !important;justify-content:space-between !important;gap:18px !important;align-items:flex-start !important;margin-bottom:18px !important;}
.lg-inline-quiz h3{margin:0 0 6px !important;color:#18122f !important;font-size:clamp(22px,3vw,30px) !important;}
.lg-iq-question{padding:18px !important;border-radius:18px !important;background:#fff !important;border:1px solid rgba(15,23,42,.08) !important;margin:0 0 14px !important;}
.lg-iq-q{display:flex !important;gap:10px !important;align-items:flex-start !important;font-weight:800 !important;color:#17112f !important;margin:0 0 14px !important;line-height:1.45 !important;}
.lg-iq-num{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:10px;background:#ede9fe;color:#6d28d9;font-weight:900;}
.lg-iq-options{display:grid !important;gap:10px !important;}
.lg-iq-option{display:flex !important;align-items:flex-start !important;gap:10px !important;padding:13px 14px !important;border-radius:14px !important;border:1px solid rgba(124,92,255,.14) !important;background:#fff !important;color:#241b42 !important;cursor:pointer !important;transition:.2s ease !important;}
.lg-iq-option:hover{background:#f7f2ff !important;border-color:rgba(124,58,237,.34) !important;}
.lg-iq-option input{margin-top:3px !important;}
.lg-iq-marker{flex:0 0 auto;font-weight:900;color:#6d28d9 !important;}
.lg-iq-text{line-height:1.55 !important;color:#241b42 !important;}
.lg-iq-foot{display:flex !important;align-items:center !important;gap:12px !important;flex-wrap:wrap !important;margin-top:18px !important;}

/* Knowledge Spreader / pricing card contrast safeguard */
.lg-earning-card-featured,
.lg-plan-card-featured,
.lg-ks-featured,
.lg-ksa-featured{
  background:linear-gradient(135deg,#21105f,#5b21b6 56%,#db2777) !important;
  color:#fff !important;
}
.lg-earning-card-featured h1,.lg-earning-card-featured h2,.lg-earning-card-featured h3,.lg-earning-card-featured p,.lg-earning-card-featured strong,.lg-earning-card-featured span,
.lg-plan-card-featured h1,.lg-plan-card-featured h2,.lg-plan-card-featured h3,.lg-plan-card-featured p,.lg-plan-card-featured strong,.lg-plan-card-featured span,
.lg-ks-featured *,.lg-ksa-featured *{color:#fff !important;}
.lg-earning-card:not(.lg-earning-card-featured) .lg-earning-price{color:#7c3aed !important;}

@media(max-width:980px){
  .lg-lesson-layout{grid-template-columns:1fr !important;}
  .lg-lesson-sidebar{position:static !important;}
  .lg-lesson-body-text,.lg-reading-body{max-width:100% !important;}
}


/* ═══════════════════════════════════════════════════════════════════
   v2.9.3 Lesson page locked-design repairs only
   Do not redesign. This only restores valid lesson layout, adds safe
   reader inset spacing, and keeps “In this academy” in the desktop
   side rail while leaving it below content on mobile.
   ═══════════════════════════════════════════════════════════════════ */
body.lg-page-lesson .lg-lesson-layout{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) 330px !important;
  gap:24px !important;
  align-items:start !important;
}
body.lg-page-lesson .lg-lesson-body{
  grid-column:1 !important;
  min-width:0 !important;
}
body.lg-page-lesson .lg-lesson-sidebar{
  grid-column:2 !important;
  grid-row:1 !important;
  position:sticky !important;
  top:90px !important;
  align-self:start !important;
}
body.lg-page-lesson .lg-reading-body,
body.lg-page-lesson .lg-lesson-body-text{
  box-sizing:border-box !important;
  padding-left:clamp(10px,2vw,22px) !important;
  padding-right:clamp(10px,2vw,22px) !important;
  max-width:880px !important;
}
body.lg-page-lesson .lg-reading-body > *:first-child,
body.lg-page-lesson .lg-lesson-body-text > *:first-child{
  margin-top:0 !important;
}
body.lg-page-lesson .lg-reading-body img,
body.lg-page-lesson .lg-lesson-body-text img{
  max-width:100% !important;
}
@media(max-width:980px){
  body.lg-page-lesson .lg-lesson-layout{
    grid-template-columns:1fr !important;
  }
  body.lg-page-lesson .lg-lesson-body,
  body.lg-page-lesson .lg-lesson-sidebar{
    grid-column:1 !important;
    grid-row:auto !important;
  }
  body.lg-page-lesson .lg-lesson-sidebar{
    position:static !important;
    top:auto !important;
  }
  body.lg-page-lesson .lg-reading-body,
  body.lg-page-lesson .lg-lesson-body-text{
    max-width:100% !important;
    padding-left:12px !important;
    padding-right:12px !important;
  }
}
@media(max-width:480px){
  body.lg-page-lesson .lg-reading-surface,
  body.lg-page-lesson .lg-lesson-body{
    padding-left:20px !important;
    padding-right:20px !important;
  }
  body.lg-page-lesson .lg-reading-body,
  body.lg-page-lesson .lg-lesson-body-text{
    padding-left:10px !important;
    padding-right:10px !important;
  }
}

/* v2.9.4 — Affiliate registration interface only. Existing locked design remains untouched. */
.lg-affiliate-auth-page{padding:56px 20px;}
.lg-affiliate-auth-shell{width:min(1120px,100%);display:grid;grid-template-columns:minmax(0,1.05fr) 460px;gap:34px;align-items:center;}
.lg-affiliate-auth-copy{position:relative;overflow:hidden;border-radius:32px;padding:clamp(28px,5vw,54px);background:linear-gradient(135deg,#16092f 0%,#4c1d95 48%,#db2777 100%);color:#fff;box-shadow:0 34px 90px -48px rgba(76,29,149,.75);}
.lg-affiliate-auth-copy::before{content:'';position:absolute;inset:-25%;background:radial-gradient(circle at 18% 18%,rgba(255,255,255,.22),transparent 27%),radial-gradient(circle at 88% 12%,rgba(251,191,36,.22),transparent 24%),radial-gradient(circle at 60% 90%,rgba(6,182,212,.14),transparent 34%);pointer-events:none;}
.lg-affiliate-auth-copy>*{position:relative;z-index:1;}
.lg-affiliate-auth-copy h1{font-size:clamp(34px,5.4vw,62px);line-height:1.03;letter-spacing:-.045em;margin:18px 0 18px;color:#fff;}
.lg-affiliate-auth-copy p{font-size:clamp(16px,1.7vw,19px);line-height:1.72;color:rgba(255,255,255,.88);max-width:680px;}
.lg-affiliate-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:32px 0 24px;}
.lg-affiliate-benefits div{background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.22);border-radius:20px;padding:18px;backdrop-filter:blur(14px);}
.lg-affiliate-benefits strong{display:block;font-size:28px;font-weight:850;letter-spacing:-.03em;color:#fff;}
.lg-affiliate-benefits span{display:block;font-size:12.5px;line-height:1.45;color:rgba(255,255,255,.8);margin-top:5px;}
.lg-affiliate-note{font-size:12.5px !important;color:rgba(255,255,255,.7) !important;margin:0;}
.lg-affiliate-card{max-width:460px;}
@media(max-width:960px){.lg-affiliate-auth-shell{grid-template-columns:1fr;}.lg-affiliate-card{max-width:100%;}.lg-affiliate-benefits{grid-template-columns:1fr;}.lg-affiliate-auth-copy h1{font-size:38px;}}

/* ═══════════════════════════════════════════════════════════════════
   v2.9.5 Production logic/interface repair — locked design respected.
   Touches only missing/faulty interfaces: auth centering, profile photo,
   email/bank verification, wallet summary, referrals, community, alerts.
   ═══════════════════════════════════════════════════════════════════ */
body.lg-page-register .lg-auth-page,
body.lg-page-login .lg-auth-page{
  width:100vw !important;
  margin-left:calc(50% - 50vw) !important;
  min-height:calc(100vh - 72px) !important;
  justify-content:center !important;
  align-items:center !important;
  padding:70px 20px !important;
}
body.lg-page-register .lg-auth-card,
body.lg-page-login .lg-auth-card{margin-left:auto !important;margin-right:auto !important;}
body.lg-page-affiliate-registration .lg-affiliate-auth-page{width:100vw !important;margin-left:calc(50% - 50vw) !important;display:flex !important;justify-content:center !important;}

.lg-avatar-upload-wrap{gap:10px !important;align-items:center !important;}
.lg-profile-avatar-preview{width:88px;height:88px;border-radius:28px;overflow:hidden;box-shadow:0 18px 40px -26px rgba(30,21,80,.65);border:3px solid rgba(255,255,255,.75);}
.lg-profile-avatar-preview img{width:100% !important;height:100% !important;object-fit:cover !important;display:block !important;}
.lg-avatar-upload-btn{display:inline-flex;align-items:center;justify-content:center;padding:7px 12px;border-radius:999px;background:rgba(124,92,255,.10);color:#6d28d9;font-size:12px;font-weight:800;cursor:pointer;border:1px solid rgba(124,92,255,.20);}
.lg-avatar-upload-btn:hover{background:rgba(124,92,255,.16);}

.lg-email-verification-card{display:flex;justify-content:space-between;gap:22px;align-items:center;margin:0 0 22px;padding:22px 24px !important;overflow:hidden;position:relative;}
.lg-email-verification-card::after{content:'';position:absolute;right:-44px;top:-66px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(124,92,255,.16),transparent 66%);pointer-events:none;}
.lg-email-verification-card h3{margin:4px 0 8px;font-size:22px;color:#18122f;letter-spacing:-.02em;}
.lg-email-verification-card p{margin:0;color:var(--lg-muted);line-height:1.6;max-width:720px;}
.lg-email-verification-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end;position:relative;z-index:1;}
.lg-status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:7px 12px;font-weight:800;font-size:12px;border:1px solid rgba(15,23,42,.08);background:#f8fafc;color:#475569;white-space:nowrap;}
.lg-status-pill.good{background:rgba(16,185,129,.10);border-color:rgba(16,185,129,.25);color:#047857;}
.lg-status-pill.warn{background:rgba(245,158,11,.10);border-color:rgba(245,158,11,.25);color:#b45309;}
.lg-profile-email-alert{margin:0 0 16px !important;}

.lg-bank-card-v295 .lg-form-row{grid-template-columns:minmax(0,1fr) minmax(150px,.55fr) !important;}
.lg-resolve-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:-4px 0 18px;}
.lg-resolve-row .lg-btn{min-height:42px;}
#lg-resolve-status{font-size:13px;line-height:1.45;}
#lg-account-name[readonly]{background:rgba(16,185,129,.06);border-color:rgba(16,185,129,.20);font-weight:800;color:#065f46;}

.lg-card-heading-row{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;}
.lg-verify-list-v295{display:grid;gap:11px;margin:14px 0 10px;}
.lg-verify-list-v295 div{display:flex !important;align-items:center !important;justify-content:space-between !important;gap:16px;padding:12px 14px;border-radius:14px;background:rgba(248,250,252,.85);border:1px solid rgba(15,23,42,.06);}
.lg-verify-list-v295 span{color:#64748b;font-size:13px;font-weight:700;}
.lg-verify-list-v295 strong{font-size:13px;font-weight:900;border-radius:999px;padding:5px 9px;white-space:nowrap;}
.lg-verify-list-v295 strong.good{background:rgba(16,185,129,.10);color:#047857;}
.lg-verify-list-v295 strong.warn{background:rgba(245,158,11,.10);color:#b45309;}
.lg-wallet-verify-note{font-size:13px;margin:6px 0 14px;line-height:1.55;}

#lg-sharing-buttons{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px;}
.lg-share-pill{display:inline-flex;align-items:center;justify-content:center;padding:10px 14px;border-radius:999px;background:rgba(124,92,255,.10);border:1px solid rgba(124,92,255,.18);color:#5b21b6;text-decoration:none;font-weight:800;font-size:13px;}
.lg-share-pill:hover{background:#6c63ff;color:#fff;text-decoration:none;}
.lg-ref-history-row{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:14px 0;border-bottom:1px solid rgba(15,23,42,.08);}
.lg-ref-history-row:last-child{border-bottom:0;}
.lg-ref-history-row div{display:flex;flex-direction:column;gap:3px;}
.lg-ref-history-row span{font-size:12px;color:var(--lg-muted);text-transform:capitalize;}

.lg-community-composer-v24 .lg-community-prompt-row{display:none !important;}
.lg-community-textarea{border-radius:22px !important;min-height:132px !important;background:#fff !important;font-size:15.5px !important;line-height:1.6 !important;}
.lg-community-actions{padding-top:12px;border-top:1px solid rgba(15,23,42,.06);}
.lg-community-post-v24{animation:lgFadeUp .35s ease both;}
.lg-community-post-v24.just-posted{outline:2px solid rgba(124,92,255,.22);}
.lg-post-type-new_user .lg-post-body,
.lg-post-type-plan_activated .lg-post-body,
.lg-post-type-certificate_earned .lg-post-body{font-weight:800;color:#21134d;}

.lg-topbar-notif-wrap{position:relative;}
.lg-notif-hover-card{position:absolute;right:0;top:calc(100% + 10px);width:min(360px,calc(100vw - 34px));background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border:1px solid rgba(124,92,255,.14);border-radius:22px;box-shadow:0 28px 70px -42px rgba(36,16,94,.65);padding:12px;z-index:10000;opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s ease;}
.lg-topbar-notif-wrap:hover .lg-notif-hover-card,
.lg-topbar-notif-wrap:focus-within .lg-notif-hover-card{opacity:1;visibility:visible;transform:translateY(0);}
.lg-notif-hover-head{display:flex;justify-content:space-between;gap:10px;align-items:center;padding:8px 10px 10px;border-bottom:1px solid rgba(15,23,42,.06);}
.lg-notif-hover-head strong{font-size:14px;color:#18122f;}
.lg-notif-hover-head a{font-size:12px;font-weight:800;color:#6d28d9;text-decoration:none;}
.lg-notif-hover-item{padding:11px 10px;border-radius:14px;margin-top:6px;background:#fff;border:1px solid rgba(15,23,42,.05);}
.lg-notif-hover-item.unread{background:#f6f2ff;border-color:rgba(124,92,255,.18);}
.lg-notif-hover-item strong{display:block;font-size:13px;color:#18122f;margin-bottom:3px;}
.lg-notif-hover-item span{display:block;font-size:12.5px;color:#64748b;line-height:1.45;}
.lg-notif-hover-empty{padding:18px 10px;text-align:center;color:#64748b;font-size:13px;}

@media(max-width:760px){
  .lg-email-verification-card{flex-direction:column;align-items:flex-start;}
  .lg-email-verification-actions{justify-content:flex-start;}
  .lg-bank-card-v295 .lg-form-row{grid-template-columns:1fr !important;}
  body.lg-page-register .lg-auth-page,body.lg-page-login .lg-auth-page{padding:42px 16px 86px !important;}
}
.lg-affiliate-existing-box{text-align:center;padding:8px 0 2px;}
.lg-affiliate-existing-icon{width:58px;height:58px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border-radius:20px;background:rgba(16,185,129,.10);font-size:28px;}
.lg-affiliate-existing-box h3{font-size:23px;margin:0 0 8px;color:#18122f;letter-spacing:-.02em;}
.lg-affiliate-existing-box p{color:var(--lg-muted);line-height:1.62;margin:0 0 18px;}
.lg-auth-actions-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-top:18px;}


/* ═══════════════════════════════════════════════════════════════════
   v2.9.6 Production logic polish — locked design respected.
   Focus: referral explanation cards, affiliate CTA, softer lesson titles,
   compact academy side list, and removed reading-size controls.
   ═══════════════════════════════════════════════════════════════════ */
body.lg-page-lesson .lg-lesson-head{
  padding-left:clamp(14px,2.5vw,28px) !important;
  padding-right:clamp(14px,2.5vw,28px) !important;
}
body.lg-page-lesson .lg-lesson-title,
body.lg-page-lesson .lg-lesson-v3 .lg-lesson-title{
  max-width:860px !important;
  font-size:clamp(28px,3.4vw,42px) !important;
  line-height:1.14 !important;
  letter-spacing:-.026em !important;
  font-weight:650 !important;
  background:none !important;
  -webkit-background-clip:border-box !important;
  background-clip:border-box !important;
  -webkit-text-fill-color:#2f2368 !important;
  color:#2f2368 !important;
  text-wrap:balance;
}
body.lg-page-lesson .lg-reading-tools{display:none !important;}
body.lg-page-lesson .lg-reading-body h2,
body.lg-page-lesson .lg-reading-body h3,
body.lg-page-lesson .lg-reading-body h4,
body.lg-page-lesson .lg-lesson-body-text h2,
body.lg-page-lesson .lg-lesson-body-text h3{
  color:#35216f !important;
  font-weight:660 !important;
}
body.lg-page-lesson .lg-mini-lesson-list{display:grid !important;gap:8px !important;}
body.lg-page-lesson .lg-mini-lesson{
  align-items:center !important;
  min-height:44px !important;
  padding:10px 12px !important;
}
body.lg-page-lesson .lg-mini-lesson .lg-mini-title{
  font-size:13.5px !important;
  font-weight:700 !important;
  line-height:1.2 !important;
  color:#3b3166 !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.lg-page-lesson .lg-mini-lesson.active .lg-mini-title{color:#5b21b6 !important;}

.lg-referral-action-card{display:flex;justify-content:space-between;gap:22px;align-items:center;margin-bottom:18px !important;}
.lg-referral-action-card h3{margin:5px 0 8px !important;font-size:22px !important;letter-spacing:-.025em;color:#17112f !important;}
.lg-referral-action-card p{max-width:680px;line-height:1.65;}
.lg-referral-action-buttons{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end;}
.lg-referral-explainer-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 18px;}
.lg-referral-explainer-card{position:relative;overflow:hidden;padding:26px !important;}
.lg-referral-explainer-card h3{font-size:22px;line-height:1.18;letter-spacing:-.026em;margin:8px 0 10px;color:#17112f;}
.lg-referral-explainer-card p{line-height:1.65;margin:0 0 16px;color:#5c6680;}
.lg-explainer-icon{width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:rgba(124,92,255,.11);font-size:23px;box-shadow:inset 0 0 0 1px rgba(124,92,255,.12);}
.lg-explainer-steps{display:grid;gap:9px;margin:16px 0;}
.lg-explainer-steps span{display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;background:#fff;border:1px solid rgba(15,23,42,.07);font-size:13.5px;font-weight:720;color:#302750;}
.lg-explainer-steps strong{width:24px;height:24px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;background:#ede9fe;color:#6d28d9;font-weight:900;font-size:12px;}
.lg-explainer-note{font-size:13px !important;margin-top:12px !important;}
.lg-referral-explainer-featured{background:linear-gradient(135deg,#22105d 0%,#6d28d9 55%,#db2777 100%) !important;color:#fff !important;border:0 !important;box-shadow:0 28px 78px -42px rgba(109,40,217,.75) !important;}
.lg-referral-explainer-featured::after{content:'';position:absolute;right:-60px;top:-80px;width:220px;height:220px;border-radius:999px;background:rgba(255,255,255,.14);pointer-events:none;}
.lg-referral-explainer-featured h3,.lg-referral-explainer-featured p,.lg-referral-explainer-featured .lg-explainer-note{color:#fff !important;position:relative;z-index:1;}
.lg-referral-explainer-featured p{color:rgba(255,255,255,.88) !important;}
.lg-referral-explainer-featured .lg-explainer-icon{background:rgba(255,255,255,.17);box-shadow:inset 0 0 0 1px rgba(255,255,255,.22);position:relative;z-index:1;}
.lg-ks-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0;position:relative;z-index:1;}
.lg-ks-mini-grid span{display:flex;flex-direction:column;gap:4px;padding:13px 10px;border-radius:16px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);text-align:center;}
.lg-ks-mini-grid strong{color:#fff;font-size:20px;font-weight:900;letter-spacing:-.03em;}
.lg-ks-mini-grid small{color:rgba(255,255,255,.78);font-size:11px;line-height:1.25;}
@media(max-width:860px){
  .lg-referral-action-card{flex-direction:column;align-items:flex-start;}
  .lg-referral-action-buttons{justify-content:flex-start;}
  .lg-referral-explainer-grid{grid-template-columns:1fr;}
  .lg-ks-mini-grid{grid-template-columns:repeat(2,1fr);}
}

/* ═══════════════════════════════════════════════════════════════════
   v2.9.7 Reward system breakdown + calculator — locked brand respected.
   ═══════════════════════════════════════════════════════════════════ */
.lg-reward-system-card{position:relative;overflow:hidden;padding:28px !important;margin-bottom:18px;background:rgba(255,255,255,.84) !important;}
.lg-reward-system-card::before{content:'';position:absolute;right:-110px;top:-120px;width:280px;height:280px;border-radius:999px;background:radial-gradient(circle,rgba(124,92,255,.18),transparent 68%);pointer-events:none;}
.lg-reward-system-head{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px;}
.lg-reward-system-head h3{font-size:clamp(24px,3vw,34px);line-height:1.08;margin:8px 0 8px;color:#18122f;letter-spacing:-.035em;}
.lg-reward-system-head p{margin:0;color:#64748b;line-height:1.65;max-width:820px;}
.lg-reward-rate-badge{flex:0 0 auto;min-width:132px;text-align:center;border-radius:24px;padding:16px 18px;background:linear-gradient(135deg,#6c63ff,#a855f7);color:#fff;box-shadow:0 24px 52px -32px rgba(109,40,217,.8);}
.lg-reward-rate-badge strong{display:block;font-size:34px;line-height:1;font-weight:900;letter-spacing:-.04em;}
.lg-reward-rate-badge span{font-size:12px;font-weight:800;opacity:.86;}
.lg-reward-level-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 18px;}
.lg-reward-level-card{position:relative;border:1px solid rgba(124,92,255,.14);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,247,255,.92));border-radius:26px;padding:20px;box-shadow:0 18px 48px -38px rgba(30,21,80,.55);}
.lg-reward-level-card.is-current{border-color:rgba(124,92,255,.36);box-shadow:0 24px 62px -36px rgba(109,40,217,.55);}
.lg-current-plan-badge{position:absolute;right:14px;top:14px;border-radius:999px;padding:6px 10px;background:rgba(124,92,255,.12);color:#5b21b6;font-size:11px;font-weight:900;}
.lg-reward-level-top{padding-right:88px;margin-bottom:16px;}
.lg-reward-level-top span{display:block;font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:900;color:#6d28d9;margin-bottom:4px;}
.lg-reward-level-top strong{display:block;font-size:30px;line-height:1;color:#18122f;letter-spacing:-.04em;}
.lg-reward-commission-line{display:flex;justify-content:space-between;gap:12px;align-items:center;border-radius:18px;background:#fff;padding:13px 14px;border:1px solid rgba(15,23,42,.06);margin-bottom:14px;}
.lg-reward-commission-line small{font-size:12px;line-height:1.35;color:#64748b;font-weight:700;}
.lg-reward-commission-line b{font-size:20px;color:#111827;white-space:nowrap;}
.lg-reward-mini-table{display:grid;gap:8px;margin-bottom:14px;}
.lg-reward-mini-table div{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:9px 0;border-bottom:1px dashed rgba(15,23,42,.10);}
.lg-reward-mini-table div:last-child{border-bottom:0;}
.lg-reward-mini-table span{font-size:12.5px;color:#64748b;font-weight:800;}
.lg-reward-mini-table strong{font-size:13px;color:#18122f;white-space:nowrap;}
.lg-reward-total-line{border-radius:18px;padding:14px;background:linear-gradient(135deg,rgba(76,29,149,.08),rgba(236,72,153,.08));border:1px solid rgba(124,92,255,.14);}
.lg-reward-total-line span,.lg-reward-total-line small{display:block;color:#64748b;font-size:12px;line-height:1.45;font-weight:700;}
.lg-reward-total-line strong{display:block;color:#18122f;font-size:22px;line-height:1.1;margin:3px 0;font-weight:950;letter-spacing:-.035em;}
.lg-reward-calculator{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(270px,.8fr) minmax(300px,1fr);gap:18px;align-items:center;border-radius:28px;padding:22px;background:linear-gradient(135deg,#1f1454 0%,#6d28d9 58%,#db2777 100%);color:#fff;box-shadow:0 28px 70px -44px rgba(109,40,217,.78);margin-top:10px;}
.lg-reward-calc-copy h4{font-size:24px;line-height:1.1;margin:7px 0 7px;color:#fff;letter-spacing:-.03em;}
.lg-reward-calc-copy p{margin:0;color:rgba(255,255,255,.78);line-height:1.55;font-size:13.5px;}
.lg-reward-calculator .lg-kicker{color:rgba(255,255,255,.72);}
.lg-reward-calc-controls{display:grid;gap:12px;}
.lg-reward-calc-controls label{font-size:12px;color:rgba(255,255,255,.82);font-weight:900;}
.lg-reward-calc-controls .lg-input{margin-top:6px;background:rgba(255,255,255,.95) !important;border-color:rgba(255,255,255,.28) !important;color:#18122f !important;font-weight:800;}
.lg-reward-calc-results{display:grid;grid-template-columns:1fr 1fr;gap:10px;}
.lg-reward-calc-results div{border-radius:18px;padding:13px 14px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);}
.lg-reward-calc-results span{display:block;font-size:11px;color:rgba(255,255,255,.72);font-weight:850;margin-bottom:5px;}
.lg-reward-calc-results strong{display:block;font-size:18px;line-height:1.1;color:#fff;font-weight:950;letter-spacing:-.03em;}
.lg-reward-rules-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:16px;}
.lg-reward-rules-grid div{display:flex;gap:10px;align-items:flex-start;border-radius:18px;padding:13px;background:rgba(248,250,252,.9);border:1px solid rgba(15,23,42,.06);}
.lg-reward-rules-grid strong{width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;flex:0 0 auto;background:rgba(124,92,255,.12);color:#6d28d9;font-size:12px;}
.lg-reward-rules-grid span{font-size:12px;line-height:1.45;color:#64748b;font-weight:700;}
.lg-reward-disclaimer{position:relative;z-index:1;margin:14px 0 0;color:#8a6b2b;font-size:12.5px;line-height:1.55;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.18);border-radius:18px;padding:13px 14px;}
body.lg-page-affiliate-registration .lg-affiliate-auth-page{flex-direction:column !important;align-items:center !important;gap:28px !important;}
.lg-affiliate-reward-wide{width:min(1120px,100%);}
.lg-affiliate-reward-wide .lg-reward-system-card{margin-bottom:0;}
@media(max-width:1100px){.lg-reward-level-grid{grid-template-columns:1fr;}.lg-reward-calculator{grid-template-columns:1fr;}.lg-reward-rules-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:620px){.lg-reward-system-card{padding:22px !important;}.lg-reward-system-head{flex-direction:column;}.lg-reward-rate-badge{width:100%;}.lg-reward-rules-grid,.lg-reward-calc-results{grid-template-columns:1fr;}.lg-reward-level-top{padding-right:0;}.lg-current-plan-badge{position:static;display:inline-flex;margin-bottom:10px;}}


/* ═══════════════════════════════════════════════════════════════════
   v2.9.8 Reward cards polish — clearer spacing, colour separation.
   Applies to Referrals + Affiliate Registration through shared component.
   ═══════════════════════════════════════════════════════════════════ */
.lg-reward-system-card .lg-reward-level-grid{
  gap:18px !important;
}
.lg-reward-system-card .lg-reward-level-card{
  overflow:hidden;
  padding:26px 24px 22px !important;
  border-radius:28px !important;
  border:1px solid rgba(124,92,255,.20) !important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(250,248,255,.94)) !important;
  box-shadow:0 24px 60px -44px rgba(30,21,80,.66) !important;
}
.lg-reward-level-card::before{
  content:'';
  position:absolute;
  inset:0 0 auto 0;
  height:7px;
  background:linear-gradient(90deg,#6c63ff,#a855f7);
}
.lg-reward-level-card::after{
  content:'';
  position:absolute;
  right:-52px;
  top:-56px;
  width:140px;
  height:140px;
  border-radius:999px;
  background:rgba(124,92,255,.10);
  pointer-events:none;
}
.lg-reward-plan-learner::before{background:linear-gradient(90deg,#6c63ff,#8b5cf6) !important;}
.lg-reward-plan-professional::before{background:linear-gradient(90deg,#7c3aed,#ec4899) !important;}
.lg-reward-plan-executive::before{background:linear-gradient(90deg,#f59e0b,#ec4899,#7c3aed) !important;}
.lg-reward-plan-learner .lg-reward-level-top span{color:#5b21b6 !important;}
.lg-reward-plan-professional .lg-reward-level-top span{color:#be185d !important;}
.lg-reward-plan-executive .lg-reward-level-top span{color:#b45309 !important;}
.lg-reward-system-card .lg-reward-level-top,
.lg-reward-system-card .lg-reward-commission-line,
.lg-reward-system-card .lg-reward-mini-table,
.lg-reward-system-card .lg-reward-total-line{
  position:relative;
  z-index:1;
}
.lg-reward-system-card .lg-reward-level-top{
  padding:3px 76px 0 0 !important;
  margin-bottom:18px !important;
}
.lg-reward-system-card .lg-reward-level-top strong{
  font-size:clamp(29px,3.1vw,38px) !important;
}
.lg-reward-system-card .lg-reward-commission-line{
  padding:16px 18px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,#fff,rgba(250,248,255,.96)) !important;
  border:1px solid rgba(124,92,255,.12) !important;
  box-shadow:0 10px 24px -22px rgba(30,21,80,.45);
}
.lg-reward-system-card .lg-reward-commission-line small{
  max-width:130px;
  color:#58677f !important;
}
.lg-reward-system-card .lg-reward-commission-line b{
  color:#18122f !important;
}
.lg-reward-system-card .lg-reward-mini-table{
  border-radius:20px;
  padding:8px 14px !important;
  background:rgba(248,250,252,.74);
  border:1px solid rgba(124,92,255,.09);
  gap:0 !important;
}
.lg-reward-system-card .lg-reward-mini-table div{
  padding:13px 0 !important;
}
.lg-reward-system-card .lg-reward-mini-table span{
  color:#5f6f88 !important;
}
.lg-reward-system-card .lg-reward-mini-table strong{
  color:#17132f !important;
  font-weight:950 !important;
}
.lg-reward-system-card .lg-reward-total-line{
  padding:18px 20px !important;
  border-radius:22px !important;
  background:linear-gradient(135deg,rgba(124,92,255,.12),rgba(236,72,153,.10)) !important;
  border:1px solid rgba(124,92,255,.22) !important;
}
.lg-reward-system-card .lg-reward-total-line strong{
  font-size:clamp(23px,2.8vw,32px) !important;
}
.lg-reward-plan-professional .lg-reward-total-line{
  background:linear-gradient(135deg,rgba(124,58,237,.13),rgba(236,72,153,.13)) !important;
  border-color:rgba(236,72,153,.24) !important;
}
.lg-reward-plan-executive .lg-reward-total-line{
  background:linear-gradient(135deg,rgba(245,158,11,.14),rgba(124,58,237,.11)) !important;
  border-color:rgba(245,158,11,.25) !important;
}
.lg-reward-calculator{
  padding:28px !important;
  gap:22px !important;
}
.lg-reward-calc-controls{
  min-width:0;
}
.lg-reward-calc-controls label{
  display:block !important;
  color:rgba(255,255,255,.88) !important;
  letter-spacing:.01em;
}
.lg-reward-calc-controls .lg-input,
.lg-reward-calc-controls select.lg-reward-plan-select,
.lg-reward-calc-controls input.lg-reward-ref-count{
  width:100% !important;
  min-height:54px !important;
  height:54px !important;
  box-sizing:border-box !important;
  border-radius:16px !important;
  padding:0 16px !important;
  background-color:#fff !important;
  border:1px solid rgba(255,255,255,.58) !important;
  color:#18122f !important;
  font-size:15px !important;
  font-weight:900 !important;
  line-height:54px !important;
  box-shadow:0 16px 34px -28px rgba(15,23,42,.60) !important;
}
.lg-reward-calc-controls select.lg-reward-plan-select{
  -webkit-appearance:none !important;
  appearance:none !important;
  padding-right:48px !important;
  background-image:url("data:image/svg+xml,%3Csvg width='18' height='18' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 7l4 4 4-4' fill='none' stroke='%2318122f' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;
  background-position:right 16px center !important;
  background-size:18px 18px !important;
}
.lg-reward-calc-controls select.lg-reward-plan-select option{
  color:#18122f !important;
  background:#fff !important;
  font-weight:800 !important;
}
.lg-reward-calc-results div{
  padding:16px !important;
  border-radius:20px !important;
  background:rgba(255,255,255,.16) !important;
}
.lg-reward-calc-results strong{
  font-size:clamp(18px,2vw,22px) !important;
}
@media(max-width:1100px){
  .lg-reward-system-card .lg-reward-level-card{padding:26px 22px 22px !important;}
  .lg-reward-system-card .lg-reward-commission-line small{max-width:none;}
}
@media(max-width:620px){
  .lg-reward-system-card .lg-reward-level-card{padding:24px 18px 20px !important;}
  .lg-reward-system-card .lg-reward-level-top{padding-right:0 !important;}
  .lg-reward-calculator{padding:22px !important;}
  .lg-reward-system-card .lg-reward-mini-table{padding:6px 12px !important;}
}

/* ═══════════════════════════════════════════════════════════════════
   v2.9.9 Reward readability + referral landing fallback.
   Keeps the locked design; only fixes tight figures and old referral links.
   ═══════════════════════════════════════════════════════════════════ */
.lg-reward-system-card .lg-reward-level-card{
  min-width:0 !important;
}
.lg-reward-system-card .lg-reward-level-card *{
  min-width:0;
}
.lg-reward-system-card .lg-reward-total-line strong{
  display:block !important;
  max-width:100% !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  font-size:clamp(25px,2.4vw,30px) !important;
  line-height:1.05 !important;
  letter-spacing:-.055em !important;
}
.lg-reward-system-card .lg-reward-total-line small{
  max-width:100% !important;
  overflow-wrap:break-word !important;
}
.lg-reward-system-card .lg-reward-mini-table div,
.lg-reward-system-card .lg-reward-commission-line{
  min-width:0 !important;
}
.lg-reward-system-card .lg-reward-mini-table strong,
.lg-reward-system-card .lg-reward-commission-line b{
  flex:0 0 auto;
}
.lg-reward-system-card .lg-reward-mini-table span,
.lg-reward-system-card .lg-reward-commission-line small{
  min-width:0 !important;
  overflow-wrap:break-word !important;
}
.lg-reward-system-card .lg-reward-plan-executive .lg-reward-total-line strong{
  font-size:clamp(24px,2.2vw,28px) !important;
}
.lg-register-referral-reward{
  width:min(1120px,100%);
  margin:28px auto 0;
}
body.lg-page-register .lg-auth-page:has(.lg-register-referral-reward){
  flex-direction:column !important;
  align-items:center !important;
  gap:0 !important;
  padding:56px 20px !important;
}
body.lg-page-register .lg-register-referral-reward .lg-reward-system-card{
  margin-bottom:0 !important;
}
body.lg-page-register .lg-register-referral-reward .lg-reward-system-head h3{
  font-size:clamp(22px,2.5vw,30px) !important;
}
@media(max-width:1100px){
  .lg-reward-system-card .lg-reward-total-line strong,
  .lg-reward-system-card .lg-reward-plan-executive .lg-reward-total-line strong{
    font-size:28px !important;
  }
}
@media(max-width:620px){
  .lg-reward-system-card .lg-reward-total-line strong,
  .lg-reward-system-card .lg-reward-plan-executive .lg-reward-total-line strong{
    font-size:26px !important;
  }
}


/* v2.10.1 Wallet verification and withdrawal polish */
.lg-wallet-readiness-card{margin-bottom:22px;overflow:hidden;position:relative;border:1px solid rgba(124,92,255,.16);background:linear-gradient(135deg,rgba(255,255,255,.97),rgba(248,244,255,.96));}
.lg-wallet-readiness-card:after{content:"";position:absolute;right:-80px;top:-80px;width:210px;height:210px;border-radius:999px;background:radial-gradient(circle,rgba(139,92,246,.18),transparent 68%);pointer-events:none;}
.lg-wallet-readiness-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:relative;z-index:1;}
.lg-wallet-readiness-head h2{margin:4px 0 6px;font-size:24px;line-height:1.1;color:#18123d;letter-spacing:-.03em;font-weight:800;}
.lg-wallet-readiness-head p{margin:0;color:#65728a;max-width:620px;line-height:1.6;}
.lg-readiness-score{min-width:104px;border-radius:24px;padding:16px 14px;text-align:center;background:linear-gradient(135deg,#fff,#f1ebff);border:1px solid rgba(124,92,255,.18);box-shadow:0 16px 36px rgba(91,51,189,.12);}
.lg-readiness-score strong{display:block;font-size:30px;line-height:1;color:#6c4ef6;font-weight:900;letter-spacing:-.04em;}
.lg-readiness-score span{display:block;margin-top:7px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:#6b7280;}
.lg-readiness-score.good{background:linear-gradient(135deg,#ecfdf5,#ffffff);border-color:rgba(16,185,129,.28);}
.lg-readiness-score.good strong{color:#059669;}
.lg-readiness-meter{height:10px;border-radius:999px;background:#ece8ff;overflow:hidden;margin:18px 0;position:relative;z-index:1;}
.lg-readiness-meter span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#6d5dfc,#b451e6,#f04b9a);box-shadow:0 8px 20px rgba(124,92,255,.25);}
.lg-readiness-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;position:relative;z-index:1;}
.lg-readiness-step{text-decoration:none;border:1px solid rgba(124,92,255,.14);border-radius:18px;padding:14px;background:rgba(255,255,255,.78);display:grid;grid-template-columns:auto 1fr;gap:4px 10px;align-items:start;min-height:92px;transition:.2s ease;}
.lg-readiness-step:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(70,52,150,.12);}
.lg-step-check{grid-row:1 / span 2;width:26px;height:26px;border-radius:9px;display:grid;place-items:center;font-weight:900;background:#f0ebff;color:#7c3aed;}
.lg-readiness-step strong{font-size:13px;color:#1d1847;line-height:1.25;}
.lg-readiness-step small{font-size:12px;line-height:1.35;color:#667085;}
.lg-readiness-step.done{border-color:rgba(16,185,129,.2);background:linear-gradient(135deg,rgba(236,253,245,.95),rgba(255,255,255,.9));}
.lg-readiness-step.done .lg-step-check{background:#dcfce7;color:#059669;}
.lg-readiness-step.todo{border-color:rgba(245,158,11,.22);}
.lg-wallet-verify-card .lg-card-heading-row{gap:14px;}
.lg-verify-list-v2101{display:grid;gap:10px;margin:16px 0;}
.lg-verify-list-v2101>div{display:flex;justify-content:space-between;gap:16px;align-items:center;padding:12px 14px;border-radius:14px;background:#faf8ff;border:1px solid rgba(124,92,255,.12);}
.lg-verify-list-v2101 span{font-size:13px;color:#667085;font-weight:700;}
.lg-verify-list-v2101 strong{font-size:13px;font-weight:900;text-align:right;}
.lg-verify-list-v2101 strong.good{color:#059669;}
.lg-verify-list-v2101 strong.warn{color:#d97706;}
.lg-payout-box-ready{border-color:rgba(16,185,129,.24);background:linear-gradient(135deg,#ecfdf5,#ffffff);}
.lg-profile-verification-strip{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:12px 14px;border-radius:16px;margin:10px 0 14px;background:linear-gradient(135deg,#f6f1ff,#fff);border:1px solid rgba(124,92,255,.14);}
.lg-profile-verification-strip span{font-weight:900;color:#1d1847;font-size:13px;}
.lg-profile-verification-strip small{color:#667085;font-weight:700;}
@media(max-width:980px){.lg-readiness-steps{grid-template-columns:repeat(2,minmax(0,1fr));}.lg-wallet-readiness-head{flex-direction:column}.lg-readiness-score{width:100%;}}
@media(max-width:560px){.lg-readiness-steps{grid-template-columns:1fr}.lg-wallet-readiness-head h2{font-size:21px}.lg-profile-verification-strip{align-items:flex-start;flex-direction:column;}}


/* ═══ v2.10.2 Community + Notifications polish ─ design-safe ═══ */
.lg-post-type-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:rgba(124,92,255,.08);color:#6d28d9;font-style:normal;font-weight:800;font-size:11px;vertical-align:middle;}
.lg-post-type-learning{background:rgba(59,130,246,.1);color:#2563eb;}
.lg-post-type-success{background:rgba(16,185,129,.1);color:#059669;}
.lg-post-type-premium{background:rgba(245,158,11,.12);color:#b45309;}
.lg-post-type-system{background:rgba(236,72,153,.1);color:#be185d;}
.lg-post-stats{display:flex;justify-content:space-between;gap:12px;padding:2px 2px 10px;margin-top:6px;color:#718096;font-size:12.5px;font-weight:650;}
.lg-comment-panel{margin-top:12px;padding-top:12px;border-top:1px solid rgba(124,92,255,.1);}
.lg-comments-list{display:flex;flex-direction:column;gap:10px;margin-bottom:12px;}
.lg-comment-item{display:flex;gap:9px;align-items:flex-start;animation:lgFadeUp .24s ease both;}
.lg-comment-bubble{min-width:0;flex:1;background:rgba(250,247,255,.86);border:1px solid rgba(124,92,255,.09);border-radius:18px;padding:10px 12px;}
.lg-comment-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:3px;}
.lg-comment-meta strong{font-size:12.5px;color:#1f1744;font-weight:800;}
.lg-comment-meta span{font-size:11px;color:#7c8aa5;}
.lg-comment-bubble p{margin:0 !important;font-size:13.3px !important;line-height:1.55 !important;color:#334155 !important;}
.lg-comment-form{display:flex;gap:8px;align-items:center;background:rgba(255,255,255,.72);border:1px solid rgba(124,92,255,.1);border-radius:18px;padding:8px;}
.lg-comment-form input{flex:1;min-width:0;border:0;background:transparent;padding:9px 6px;font-family:inherit;font-size:13.5px;color:#1f1744;outline:0;}
.lg-comment-form .lg-btn{flex-shrink:0;}
.lg-comment-delete,.lg-delete-post{border:0;background:rgba(239,68,68,.07);color:#b91c1c;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800;cursor:pointer;}
.lg-delete-post{margin-left:auto;background:rgba(239,68,68,.08) !important;font-size:12px;}
.lg-comment-delete:hover,.lg-delete-post:hover{background:rgba(239,68,68,.13) !important;}
.lg-notif-body p strong{color:#1f1744;font-weight:800;}
.lg-notif-body p.lg-muted{margin-top:3px;font-size:13px;line-height:1.55;}
@media(max-width:760px){
  .lg-comment-form{align-items:flex-start;}
  .lg-comment-form .lg-avatar-xs{display:none;}
  .lg-comment-form{flex-wrap:wrap;}
  .lg-comment-form input{flex-basis:100%;background:#fff;border:1px solid rgba(124,92,255,.12);border-radius:14px;padding:12px;}
}


/* ═══════════════════════════════════════════════════════════════════
   v2.10.3 Community media, share, and Facebook-like polish.
   Locked platform design is preserved; only community UX is improved.
   ═══════════════════════════════════════════════════════════════════ */
.lg-community-layout-v24{gap:26px !important;}
.lg-community-profile-card{padding:0 !important;overflow:hidden;border-radius:28px;background:rgba(255,255,255,.78);border:1px solid rgba(255,255,255,.78);box-shadow:0 22px 60px -48px rgba(36,16,94,.65);backdrop-filter:blur(16px);}
.lg-community-profile-cover{height:86px;background:linear-gradient(135deg,#21104d 0%,#6d28d9 54%,#ec4899 100%);position:relative;}
.lg-community-profile-cover:after{content:'✦';position:absolute;right:18px;top:14px;color:rgba(255,255,255,.5);font-size:30px;}
.lg-community-profile-main{padding:0 18px 20px;text-align:center;}
.lg-community-profile-avatar{margin:-38px auto 10px;width:82px;height:82px;border-radius:50%;padding:4px;background:#fff;box-shadow:0 18px 34px -24px rgba(36,16,94,.75);position:relative;z-index:2;}
.lg-community-profile-avatar img{width:74px;height:74px;border-radius:50%;object-fit:cover;display:block;}
.lg-community-profile-main h3{margin:0;color:#171032;font-size:18px;letter-spacing:-.02em;font-weight:760;}
.lg-community-profile-main p{margin:5px 0 14px;color:#64748b;font-size:13px;line-height:1.45;}
.lg-community-profile-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:0 0 14px;}
.lg-community-profile-stats div{padding:11px 8px;border-radius:16px;background:linear-gradient(180deg,#fff,rgba(246,242,255,.9));border:1px solid rgba(124,92,255,.13);}
.lg-community-profile-stats strong{display:block;color:#2d1764;font-size:18px;font-weight:840;line-height:1;}
.lg-community-profile-stats span{display:block;margin-top:4px;color:#64748b;font-size:11px;font-weight:720;letter-spacing:.02em;}
.lg-community-composer-v24{box-shadow:0 22px 70px -52px rgba(36,16,94,.7) !important;}
.lg-community-media-picker{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin:12px 0 0;}
.lg-media-upload-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 14px;border-radius:999px;background:rgba(124,92,255,.10);border:1px solid rgba(124,92,255,.18);color:#5b21b6;font-size:13px;font-weight:800;cursor:pointer;transition:.18s ease;}
.lg-media-upload-btn:hover{background:#6c63ff;color:#fff;box-shadow:0 14px 28px -22px rgba(92,52,220,.75);}
.lg-media-limit{font-size:12.5px;color:#64748b;font-weight:620;line-height:1.4;}
.lg-media-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;}
.lg-media-preview[hidden]{display:none !important;}
.lg-media-preview-item{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(124,92,255,.14);background:#fff;min-height:96px;}
.lg-media-preview-item img{width:100%;height:112px;object-fit:cover;display:block;}
.lg-media-preview-item span{position:absolute;left:8px;bottom:8px;border-radius:999px;padding:4px 8px;background:rgba(17,12,46,.74);color:#fff;font-size:11px;font-weight:800;}
.lg-community-post-v24{padding:0 !important;overflow:visible !important;border-radius:26px !important;border-color:rgba(255,255,255,.85) !important;background:rgba(255,255,255,.78) !important;box-shadow:0 22px 66px -54px rgba(36,16,94,.65) !important;}
.lg-post-head{padding:18px 20px 10px !important;align-items:center;}
.lg-post-body{padding:2px 22px 12px !important;margin:0 !important;color:#20153f !important;font-size:15.2px !important;line-height:1.7 !important;overflow-wrap:anywhere;word-break:normal;}
.lg-post-media-grid{display:grid;gap:6px;padding:0 20px 14px;}
.lg-post-media-count-1{grid-template-columns:1fr;}
.lg-post-media-count-2{grid-template-columns:1fr 1fr;}
.lg-post-media-count-many{grid-template-columns:1fr 1fr;}
.lg-post-media-count-many .lg-post-media-item:first-child{grid-row:span 2;}
.lg-post-media-item{display:block;overflow:hidden;border-radius:18px;background:#f6f2ff;border:1px solid rgba(124,92,255,.12);min-height:150px;}
.lg-post-media-item img{width:100%;height:100%;max-height:420px;min-height:150px;object-fit:cover;display:block;transition:transform .22s ease;}
.lg-post-media-item:hover img{transform:scale(1.025);}
.lg-post-stats{margin:0 20px !important;padding:10px 2px 11px !important;border-top:1px solid rgba(15,23,42,.06);display:flex;justify-content:space-between;color:#64748b;font-size:12.5px;font-weight:720;}
.lg-post-actionbar{display:grid !important;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid rgba(15,23,42,.06);background:rgba(248,250,252,.72);border-radius:0 0 26px 26px;overflow:visible;}
.lg-post-action{border:0 !important;background:transparent !important;border-right:1px solid rgba(15,23,42,.05) !important;border-radius:0 !important;min-height:44px;color:#64748b;font-weight:790;display:flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;position:relative;}
.lg-post-action:last-child{border-right:0 !important;}
.lg-post-action:hover{background:rgba(124,92,255,.08) !important;color:#5b21b6;}
.lg-post-action.liked{color:#7c3aed;}
.lg-share-wrap{position:relative;display:flex;align-items:stretch;justify-content:center;}
.lg-share-menu{position:absolute;right:8px;bottom:calc(100% + 10px);width:220px;padding:10px;border-radius:18px;background:rgba(255,255,255,.98);border:1px solid rgba(124,92,255,.16);box-shadow:0 28px 60px -36px rgba(36,16,94,.72);z-index:50;opacity:0;visibility:hidden;transform:translateY(8px);transition:.16s ease;}
.lg-share-menu.open{opacity:1;visibility:visible;transform:translateY(0);}
.lg-share-menu strong{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#64748b;margin:2px 4px 8px;}
.lg-share-option{display:flex;width:100%;align-items:center;justify-content:space-between;padding:10px 12px;margin:4px 0;border-radius:13px;border:0;background:#f8f6ff;color:#231648;text-decoration:none;font-weight:800;font-size:13px;cursor:pointer;font-family:inherit;}
.lg-share-option:hover{background:#6c63ff;color:#fff;text-decoration:none;}
.lg-comment-panel{padding:14px 18px 18px;border-top:1px solid rgba(15,23,42,.06);background:linear-gradient(180deg,rgba(248,250,252,.72),rgba(255,255,255,.72));border-radius:0 0 26px 26px;}
.lg-comment-panel[hidden]{display:none !important;}
.lg-comments-list{display:flex;flex-direction:column;gap:12px;margin-bottom:12px;}
.lg-comment-item{display:flex;gap:10px;align-items:flex-start;margin:0 !important;padding:0 !important;}
.lg-comment-bubble{flex:1;background:#fff;border:1px solid rgba(124,92,255,.12);border-radius:18px;padding:10px 12px;box-shadow:0 12px 26px -24px rgba(36,16,94,.55);}
.lg-comment-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:4px;}
.lg-comment-meta strong{font-size:13px;color:#18122f;font-weight:820;}
.lg-comment-meta span{font-size:11.5px;color:#94a3b8;font-weight:650;}
.lg-comment-bubble p{margin:0 !important;color:#334155 !important;font-size:13.2px !important;line-height:1.55 !important;overflow-wrap:anywhere;}
.lg-comment-delete{margin-left:auto;border:0;background:rgba(239,68,68,.08);color:#dc2626;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:800;cursor:pointer;}
.lg-comment-form{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:9px;align-items:center;margin-top:10px;padding-top:12px;border-top:1px solid rgba(15,23,42,.06);}
.lg-comment-form input{height:42px;border-radius:999px;border:1px solid rgba(124,92,255,.16);background:#fff;padding:0 15px;font:inherit;min-width:0;}
.lg-comment-form input:focus{outline:0;border-color:rgba(124,92,255,.38);box-shadow:0 0 0 4px rgba(124,92,255,.09);}
@media(max-width:760px){
  .lg-media-preview{grid-template-columns:1fr 1fr;}
  .lg-post-media-grid{padding-left:14px;padding-right:14px;}
  .lg-post-head{padding-left:16px !important;padding-right:16px !important;}
  .lg-post-body{padding-left:16px !important;padding-right:16px !important;}
  .lg-post-actionbar{grid-template-columns:repeat(3,1fr);}
  .lg-share-menu{right:0;width:200px;}
  .lg-comment-form{grid-template-columns:auto minmax(0,1fr);}
  .lg-comment-form button{grid-column:2;justify-self:end;}
}


/* v2.10.4 — Community post separation + upgrade reward detail polish */
.lg-community-post-v24.lg-feed-post{
  position:relative !important;
  margin:0 0 28px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(250,248,255,.94)) !important;
  border:1px solid rgba(124,92,255,.18) !important;
  box-shadow:0 20px 54px -36px rgba(30,21,80,.55),0 2px 0 rgba(255,255,255,.88) inset !important;
  isolation:isolate;
}
.lg-community-post-v24.lg-feed-post + .lg-community-post-v24.lg-feed-post{
  margin-top:30px !important;
}
.lg-community-post-v24.lg-feed-post::before{
  content:"";
  position:absolute;
  left:18px;
  right:18px;
  top:-14px;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(124,92,255,.22),rgba(236,72,153,.18),transparent);
  pointer-events:none;
}
.lg-community-post-v24.lg-feed-post:first-child::before{display:none;}
.lg-community-post-v24 .lg-post-head{
  border-bottom:1px solid rgba(15,23,42,.045);
  background:linear-gradient(90deg,rgba(255,255,255,.62),rgba(248,245,255,.6));
  border-radius:26px 26px 0 0;
}
.lg-community-post-v24 .lg-post-body{
  margin:14px 20px 12px !important;
  padding:14px 16px !important;
  background:rgba(255,255,255,.72);
  border:1px solid rgba(124,92,255,.08);
  border-radius:18px;
}
.lg-community-post-v24 .lg-post-stats{
  border-top:0 !important;
  margin:0 22px !important;
  padding:8px 0 12px !important;
}
.lg-community-post-v24 .lg-post-actionbar{
  border-top:1px solid rgba(124,92,255,.1) !important;
}
.lg-comment-panel{
  margin-top:0 !important;
}
.lg-comment-item + .lg-comment-item{
  padding-top:10px !important;
  border-top:1px dashed rgba(124,92,255,.12);
}
.lg-comment-bubble{
  background:linear-gradient(180deg,#fff,rgba(250,248,255,.92)) !important;
  border-color:rgba(124,92,255,.16) !important;
}
.lg-upgrade-reward-section{
  margin:34px auto 0;
  max-width:1040px;
}
.lg-upgrade-reward-section .lg-reward-system-card{
  margin-top:0;
}
@media(max-width:640px){
  .lg-community-post-v24.lg-feed-post{margin-bottom:24px !important;}
  .lg-community-post-v24.lg-feed-post + .lg-community-post-v24.lg-feed-post{margin-top:24px !important;}
  .lg-community-post-v24 .lg-post-body{margin-left:14px !important;margin-right:14px !important;padding:13px 14px !important;}
  .lg-community-post-v24.lg-feed-post::before{left:14px;right:14px;}
}

/* v2.10.5 — learning progression hardening, locked design respected */
.lg-lesson-gate-card{display:flex;gap:18px;align-items:flex-start;margin:22px 0 8px;padding:22px;border-radius:24px;background:linear-gradient(135deg,rgba(124,92,255,.10),rgba(236,72,153,.07));border:1px solid rgba(124,92,255,.22);box-shadow:0 16px 34px -28px rgba(40,20,90,.55)}
.lg-lesson-gate-icon{width:54px;height:54px;flex:0 0 54px;border-radius:18px;display:flex;align-items:center;justify-content:center;background:#fff;color:#6d28d9;font-size:24px;box-shadow:0 14px 28px -20px rgba(76,29,149,.55)}
.lg-lesson-gate-card h3{margin:4px 0 8px;font-size:24px;line-height:1.18;color:#20163f;font-weight:760;letter-spacing:-.02em}
.lg-lesson-gate-card p{margin:0;color:#5b5377;line-height:1.7;font-size:15.5px;max-width:760px}
.lg-lesson-gate-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.lg-quiz-required-note{width:100%;padding:15px 18px;border-radius:16px;background:rgba(124,92,255,.08);border:1px solid rgba(124,92,255,.18);color:#38245f;font-weight:650;line-height:1.55}
.lg-lesson-row.lg-lesson-locked{opacity:.72;background:linear-gradient(135deg,#fbfaff,#f5f0ff)!important;border-style:dashed!important;cursor:not-allowed!important;transform:none!important}
.lg-lesson-row.lg-lesson-locked:hover{transform:none!important;box-shadow:0 6px 16px -14px rgba(15,23,42,.24)!important}
.lg-lesson-row.lg-lesson-locked .lg-lesson-info strong{color:#5b5377!important}
.lg-lock-tip{font-size:12px;font-weight:850;color:#7c3aed;background:#ede9fe;border-radius:999px;padding:6px 10px;white-space:nowrap}
@media(max-width:768px){.lg-lesson-gate-card{padding:18px;gap:13px;border-radius:20px}.lg-lesson-gate-icon{width:44px;height:44px;flex-basis:44px;font-size:20px}.lg-lesson-gate-card h3{font-size:20px}.lg-lesson-gate-card p{font-size:14.5px}}

/* v2.10.7 shared community post notice */
.lg-shared-post-notice{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px;padding:16px 18px;border:1px solid rgba(124,87,255,.20);background:linear-gradient(135deg,rgba(255,255,255,.92),rgba(246,242,255,.96));box-shadow:0 14px 38px rgba(53,31,115,.08)}
.lg-shared-post-notice strong{color:#24184f;font-size:15px;font-weight:850}.lg-shared-post-notice span{color:#66708a;font-size:13px;line-height:1.5;text-align:right;max-width:420px}
@media(max-width:720px){.lg-shared-post-notice{display:block}.lg-shared-post-notice span{display:block;text-align:left;margin-top:6px}}

/* ═══ v2.10.8 certificate polish ═══ */
.lg-kicker{display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--lg-primary);}
.lg-cert-page-hero{align-items:center;gap:18px;}
.lg-cert-page-hero p{max-width:760px;}
.lg-cert-summary-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 22px;}
.lg-cert-summary-strip>div{background:linear-gradient(135deg,rgba(37,99,235,.10),rgba(14,165,233,.06));border:1px solid rgba(37,99,235,.18);border-radius:18px;padding:18px 20px;box-shadow:0 16px 35px rgba(15,23,42,.06);}
.lg-cert-summary-strip span{display:block;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:var(--lg-muted);margin-bottom:5px;}
.lg-cert-summary-strip strong{display:block;font-size:24px;letter-spacing:-.04em;color:var(--lg-ink);}
.lg-cert-card-premium{border:1px solid rgba(37,99,235,.18);background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(248,250,252,.92));}
.lg-cert-ribbon{position:absolute;top:18px;left:18px;z-index:2;border:1px solid rgba(34,197,94,.25);background:rgba(34,197,94,.10);color:#047857;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;}
.lg-cert-card-premium .lg-cert-body{padding-top:54px;background:radial-gradient(circle at top right,rgba(37,99,235,.10),transparent 34%),linear-gradient(160deg,rgba(255,255,255,.98),rgba(239,246,255,.58));}
.lg-cert-card-premium .lg-cert-course{line-height:1.25;color:#1d4ed8;}
.lg-cert-actions{align-items:center;}
.lg-cert-verify-hero{text-align:center;margin-bottom:22px;}
.lg-cert-verify-card{padding:28px;}
.lg-cert-public-result{padding:26px 0 0;background:transparent;}
.lg-public-cert-preview{position:relative;margin:22px auto 18px;max-width:620px;border:1px solid rgba(37,99,235,.18);border-radius:24px;padding:58px 34px 30px;text-align:center;background:radial-gradient(circle at top right,rgba(37,99,235,.14),transparent 34%),linear-gradient(160deg,#fff,#eff6ff);box-shadow:0 24px 60px rgba(15,23,42,.10);overflow:hidden;}
.lg-public-cert-preview:before{content:"";position:absolute;inset:14px;border:1px dashed rgba(37,99,235,.22);border-radius:18px;pointer-events:none;}
.lg-public-cert-preview .lg-cert-seal{position:absolute;top:18px;right:22px;}
.lg-cert-public-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:18px;}
.lg-cert-verify-note{margin:18px auto 0;padding:16px 18px;border-radius:16px;background:rgba(15,23,42,.04);border:1px solid rgba(15,23,42,.08);color:var(--lg-muted);font-size:14px;line-height:1.55;}
@media(max-width:720px){.lg-cert-summary-strip{grid-template-columns:1fr}.lg-cert-page-hero{align-items:flex-start}.lg-cert-actions{display:grid;grid-template-columns:1fr}.lg-public-cert-preview{padding:56px 18px 26px}.lg-cert-verify-card{padding:20px}.lg-cert-public-actions{display:grid}.lg-cert-public-actions .lg-btn{width:100%}}

/* v2.10.9 — Leaderboard + Badges polish */
.lg-leaderboard-page .lg-page-header{align-items:center;}
.lg-leaderboard-hero{background:linear-gradient(135deg,rgba(124,92,255,.12),rgba(6,182,212,.10));border:1px solid rgba(124,92,255,.18);border-radius:28px;padding:24px;box-shadow:0 24px 70px -54px rgba(15,23,42,.55);}
.lg-leaderboard-hero h2{letter-spacing:-.035em;}
.lg-rank-summary-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin:0 0 18px;}
.lg-rank-summary-card{position:relative;overflow:hidden;border-radius:22px;background:rgba(255,255,255,.82);border:1px solid rgba(124,92,255,.14);padding:18px 16px;box-shadow:0 18px 48px -40px rgba(15,23,42,.5);}
.lg-rank-summary-card:before{content:"";position:absolute;inset:auto -25% -45% -25%;height:74px;background:linear-gradient(90deg,rgba(124,92,255,.12),rgba(6,182,212,.12));filter:blur(2px);}
.lg-rank-summary-card span{position:relative;display:inline-flex;width:38px;height:38px;align-items:center;justify-content:center;border-radius:16px;background:rgba(124,92,255,.10);margin-bottom:10px;font-size:18px;}
.lg-rank-summary-card small{position:relative;display:block;color:var(--lg-muted);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.055em;}
.lg-rank-summary-card strong{position:relative;display:block;color:var(--lg-text);font-size:22px;font-weight:900;letter-spacing:-.035em;margin-top:3px;}
.lg-leaderboard-tabs{display:flex;gap:10px;overflow-x:auto;padding:4px 2px 16px;margin-bottom:10px;-webkit-overflow-scrolling:touch;}
.lg-leaderboard-tabs a{flex:0 0 auto;text-decoration:none;border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.72);border:1px solid rgba(124,92,255,.13);color:var(--lg-text-2);font-size:13px;font-weight:900;box-shadow:0 16px 34px -30px rgba(15,23,42,.55);}
.lg-leaderboard-tabs a.active{background:var(--lg-grad-primary);color:#fff;border-color:transparent;box-shadow:0 18px 44px -28px rgba(124,92,255,.85);}
.lg-podium-premium{padding:10px 0 8px;}
.lg-podium-premium .lg-podium-place{min-width:170px;padding:24px 22px;background:rgba(255,255,255,.86);border:1px solid rgba(124,92,255,.14);box-shadow:0 22px 58px -42px rgba(15,23,42,.65);}
.lg-podium-premium .lg-podium-1{background:linear-gradient(160deg,rgba(251,191,36,.20),rgba(255,255,255,.92));border-color:rgba(245,158,11,.34);}
.lg-podium-plan{display:inline-flex;margin:7px 0 5px;border-radius:999px;padding:4px 9px;background:rgba(124,92,255,.10);color:#5b21b6;font-size:11px;font-weight:900;}
.lg-section-headline{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px;}
.lg-section-headline h3{margin:2px 0 0;font-size:22px;letter-spacing:-.03em;color:var(--lg-text);}
.lg-section-headline p{max-width:460px;margin:0;color:var(--lg-muted);font-size:13.5px;line-height:1.55;}
.lg-leaderboard-board-card{padding:22px !important;border-radius:28px !important;}
.lg-leaderboard-table-polished{min-width:860px;}
.lg-leaderboard-table-polished th{font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:var(--lg-muted);}
.lg-leaderboard-table-polished td{vertical-align:middle;}
.lg-leaderboard-table-polished tbody tr{border-bottom:1px solid rgba(148,163,184,.14);}
.lg-leaderboard-table-polished tbody tr:last-child{border-bottom:none;}
.lg-leaderboard-table-polished strong{font-weight:900;color:var(--lg-primary-dk);}
.lg-achievements-card{padding:22px !important;border-radius:28px !important;margin-top:18px;}
.lg-achievement-progress{height:12px;border-radius:999px;background:rgba(124,92,255,.10);overflow:hidden;margin:12px 0 18px;}
.lg-achievement-progress span{display:block;height:100%;border-radius:999px;background:var(--lg-grad-primary);box-shadow:0 12px 26px -16px rgba(124,92,255,.95);}
.lg-achievement-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;}
.lg-achievement-item{display:flex;gap:12px;align-items:flex-start;border-radius:20px;padding:15px;background:rgba(255,255,255,.72);border:1px solid rgba(148,163,184,.18);box-shadow:0 16px 42px -36px rgba(15,23,42,.48);}
.lg-achievement-item.is-earned{background:linear-gradient(135deg,rgba(124,92,255,.10),rgba(255,255,255,.84));border-color:rgba(124,92,255,.22);}
.lg-achievement-item.is-locked{opacity:.72;}
.lg-achievement-icon{flex:0 0 auto;width:44px;height:44px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid rgba(124,92,255,.12);font-size:22px;box-shadow:0 12px 28px -24px rgba(15,23,42,.5);}
.lg-achievement-item strong{display:block;color:var(--lg-text);font-size:14px;font-weight:900;line-height:1.25;}
.lg-achievement-item span{display:inline-flex;margin:4px 0;border-radius:999px;background:rgba(124,92,255,.10);color:#5b21b6;padding:3px 8px;font-size:10.5px;font-weight:900;}
.lg-achievement-item small{display:block;color:var(--lg-muted);font-size:12.5px;line-height:1.35;}
.lg-empty-state{text-align:center;padding:36px 18px;color:var(--lg-muted);}
.lg-empty-state>div{font-size:44px;margin-bottom:10px;}
.lg-empty-state h3{margin:0 0 6px;color:var(--lg-text);}
@media(max-width:1100px){.lg-rank-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr));}.lg-section-headline{flex-direction:column;}.lg-section-headline p{max-width:none;}}
@media(max-width:680px){.lg-leaderboard-hero{padding:20px;border-radius:22px;}.lg-rank-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;}.lg-rank-summary-card{padding:15px 13px;border-radius:18px;}.lg-rank-summary-card strong{font-size:19px;}.lg-podium-premium .lg-podium-place{min-width:140px;}.lg-achievement-grid{grid-template-columns:1fr;}.lg-leaderboard-board-card,.lg-achievements-card{padding:18px !important;border-radius:22px !important;}}
.lg-ref-mini{display:grid;gap:10px;}
.lg-ref-mini>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.7);border:1px solid rgba(124,92,255,.12);}
.lg-ref-mini strong{font-size:17px;font-weight:900;color:var(--lg-primary-dk);}
.lg-ref-mini span{font-size:12px;font-weight:800;color:var(--lg-muted);}

/* ═══════════════════════════════════════════════════════════════════
   v2.11 — share pills + additive polish (non-destructive)
   ═══════════════════════════════════════════════════════════════════ */
.lg-sharing-buttons{display:flex;flex-wrap:wrap;gap:10px;}
.lg-share-pill{display:inline-flex;align-items:center;gap:7px;padding:10px 16px;border-radius:999px;font-weight:600;font-size:13.5px;color:#fff !important;cursor:pointer;text-decoration:none;line-height:1;transition:transform .22s var(--lg-ease-out,cubic-bezier(.16,1,.3,1)),box-shadow .22s,filter .22s;box-shadow:0 8px 20px -12px rgba(15,23,42,.5);}
.lg-share-pill:hover{transform:translateY(-2px);filter:saturate(1.08);box-shadow:0 14px 28px -14px rgba(15,23,42,.55);color:#fff !important;}
.lg-share-pill::before{font-size:15px;line-height:1;}
.lg-share-wa{background:#25D366;} .lg-share-wa::before{content:'💬';}
.lg-share-tg{background:#229ED9;} .lg-share-tg::before{content:'✈️';}
.lg-share-fb{background:#1877F2;} .lg-share-fb::before{content:'f';font-weight:800;}
.lg-share-tw{background:#0f1419;} .lg-share-tw::before{content:'𝕏';font-weight:800;}
.lg-share-li{background:#0A66C2;} .lg-share-li::before{content:'in';font-weight:800;font-size:12px;}
.lg-share-em{background:#6b7280;} .lg-share-em::before{content:'✉';}

/* Accessible focus rings (additive — improves a11y without changing look) */
.lg-btn:focus-visible,.lg-input:focus-visible,.lg-tab:focus-visible,.lg-share-pill:focus-visible,
.lg-nav-link:focus-visible,.lg-iq-option:focus-within{outline:2px solid rgba(124,92,255,.7);outline-offset:2px;}

/* Smooth, premium easing on existing interactive cards (only refines timing) */
.lg-card,.lg-stat-card,.lg-academy-card,.lg-plan-card,.lg-cert-card,.lg-feed-post,.lg-home-category-card{
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .3s;}

/* Completion success pulse (micro-interaction) */
@keyframes lgSuccessPulse{0%{box-shadow:0 0 0 0 rgba(16,185,129,.45);}70%{box-shadow:0 0 0 14px rgba(16,185,129,0);}100%{box-shadow:0 0 0 0 rgba(16,185,129,0);}}
.lg-completed-badge,.lg-chip-done{animation:lgSuccessPulse 1.6s ease-out 1;}

/* Community feed rhythm (additive spacing only) */
.lg-feed-post{margin-bottom:16px;}
.lg-feed-post + .lg-feed-post{margin-top:0;}
.lg-post-actionbar{margin-top:6px;}

/* Dashboard vertical rhythm refinement */
.lg-content > .lg-stats-grid{margin-bottom:24px;}
.lg-content > .lg-card + .lg-card{margin-top:4px;}

/* Respect reduced motion globally for the new animations */
@media (prefers-reduced-motion: reduce){
  .lg-completed-badge,.lg-chip-done{animation:none;}
  .lg-share-pill,.lg-card,.lg-stat-card,.lg-academy-card,.lg-plan-card,.lg-cert-card,.lg-feed-post,.lg-home-category-card,.lg-academy-tile{transition:none;}
}


/* v2.11.1 — Reward milestone clarity: public cards show combined Direct + KSA totals. */
.lg-reward-system-card .lg-reward-total-table div{
  align-items:flex-start !important;
  gap:14px !important;
}
.lg-reward-system-card .lg-reward-total-table span{
  display:block !important;
  line-height:1.2 !important;
}
.lg-reward-system-card .lg-reward-total-table span em{
  display:block !important;
  margin-top:3px !important;
  font-style:normal !important;
  font-size:10px !important;
  letter-spacing:.045em !important;
  text-transform:uppercase !important;
  color:#8b5cf6 !important;
  font-weight:900 !important;
}
.lg-reward-system-card .lg-reward-total-table strong{
  font-size:clamp(14px,1.5vw,17px) !important;
  white-space:nowrap !important;
}
@media(max-width:620px){
  .lg-reward-system-card .lg-reward-total-table strong{font-size:15px !important;}
}


/* v2.11.4 — Reward milestone tile cleanup.
   Milestone rows now read vertically: label on top, total below. */
.lg-reward-system-card .lg-reward-total-table{
  display:grid !important;
  gap:10px !important;
  padding:10px !important;
  background:rgba(248,250,252,.78) !important;
}
.lg-reward-system-card .lg-reward-total-table .lg-reward-milestone-tile{
  display:grid !important;
  grid-template-columns:1fr !important;
  justify-content:stretch !important;
  align-items:start !important;
  gap:4px !important;
  padding:14px 14px 15px !important;
  border:1px solid rgba(124,92,255,.11) !important;
  border-radius:16px !important;
  background:linear-gradient(180deg,#fff,rgba(250,248,255,.92)) !important;
  box-shadow:0 12px 26px -24px rgba(30,21,80,.52) !important;
}
.lg-reward-system-card .lg-reward-total-table .lg-reward-milestone-tile:last-child{
  border-bottom:1px solid rgba(124,92,255,.11) !important;
}
.lg-reward-system-card .lg-reward-total-table .lg-reward-milestone-label{
  display:block !important;
  max-width:100% !important;
  color:#596a84 !important;
  font-size:12px !important;
  line-height:1.25 !important;
  font-weight:900 !important;
}
.lg-reward-system-card .lg-reward-total-table .lg-reward-milestone-tile em{
  display:block !important;
  margin:0 !important;
  font-style:normal !important;
  font-size:10px !important;
  line-height:1.1 !important;
  letter-spacing:.065em !important;
  text-transform:uppercase !important;
  color:#7c3aed !important;
  font-weight:950 !important;
}
.lg-reward-system-card .lg-reward-total-table .lg-reward-milestone-tile strong{
  display:block !important;
  margin-top:5px !important;
  font-size:clamp(20px,2.2vw,26px) !important;
  line-height:1 !important;
  color:#17132f !important;
  font-weight:950 !important;
  letter-spacing:-.045em !important;
  white-space:nowrap !important;
}
.lg-reward-system-card .lg-reward-plan-executive .lg-reward-total-table .lg-reward-milestone-tile strong{
  font-size:clamp(19px,2vw,24px) !important;
}
.lg-reward-system-card .lg-reward-plan-professional .lg-reward-total-table .lg-reward-milestone-tile em{color:#be185d !important;}
.lg-reward-system-card .lg-reward-plan-executive .lg-reward-total-table .lg-reward-milestone-tile em{color:#b45309 !important;}
@media(max-width:620px){
  .lg-reward-system-card .lg-reward-total-table .lg-reward-milestone-tile strong{
    font-size:22px !important;
  }
}

/* ── v2.11.5 Affiliate Share Kit ───────────────────────────────────── */
.lg-affiliate-resource-kit{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(124,92,255,.16) !important;
  background:
    radial-gradient(circle at 92% 8%, rgba(124,92,255,.16), transparent 18%),
    radial-gradient(circle at 6% 95%, rgba(34,211,238,.12), transparent 20%),
    rgba(255,255,255,.92) !important;
}
.lg-affiliate-kit-head{
  display:flex;
  justify-content:space-between;
  gap:24px;
  align-items:flex-start;
  margin-bottom:22px;
}
.lg-affiliate-kit-head h3{
  margin:8px 0 8px;
  font-size:clamp(24px,2.6vw,36px);
  letter-spacing:-.045em;
  color:#18152f;
}
.lg-affiliate-kit-head p{
  max-width:720px;
  margin:0;
  color:#64748b;
  line-height:1.6;
}
.lg-affiliate-kit-badge{
  width:106px;
  min-width:106px;
  height:106px;
  border-radius:28px;
  display:grid;
  place-items:center;
  text-align:center;
  background:linear-gradient(135deg,#6d5dfc,#d946ef);
  color:white;
  font-weight:950;
  font-size:13px;
  line-height:1.2;
  box-shadow:0 18px 48px rgba(124,92,255,.25);
}
.lg-affiliate-kit-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.lg-affiliate-kit-panel{
  background:rgba(255,255,255,.82);
  border:1px solid rgba(124,92,255,.14);
  border-radius:24px;
  padding:20px;
  box-shadow:0 18px 46px -34px rgba(31,22,82,.55);
}
.lg-affiliate-kit-panel h4,
.lg-affiliate-downloads h4,
.lg-affiliate-video-box h4{
  margin:0 0 8px;
  color:#18152f;
  font-size:18px;
  letter-spacing:-.025em;
}
.lg-affiliate-kit-panel p,
.lg-affiliate-downloads p,
.lg-affiliate-video-box p{
  margin:0 0 14px;
  color:#64748b;
  line-height:1.55;
  font-size:13px;
}
.lg-affiliate-social-grid{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
}
.lg-affiliate-resource-kit .lg-share-pill{
  border-radius:999px;
  padding:10px 14px;
  background:linear-gradient(135deg,rgba(124,92,255,.12),rgba(217,70,239,.10));
  border:1px solid rgba(124,92,255,.16);
  color:#5b35f5;
  font-weight:900;
  text-decoration:none;
  box-shadow:0 12px 26px -22px rgba(31,22,82,.6);
}
.lg-affiliate-status-text{
  width:100%;
  min-height:150px;
  resize:vertical;
  line-height:1.55;
  padding:16px !important;
  border-radius:18px !important;
  background:#fbfaff !important;
}
.lg-copy-affiliate-status{margin-top:12px;}
.lg-affiliate-pdf-panel{
  background:linear-gradient(135deg,#2d176b,#7c3aed) !important;
  color:#fff;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}
.lg-affiliate-pdf-panel h4,
.lg-affiliate-pdf-panel p{color:#fff !important;}
.lg-affiliate-downloads,
.lg-affiliate-video-box{
  margin-top:18px;
  padding:20px;
  border:1px solid rgba(124,92,255,.14);
  border-radius:24px;
  background:rgba(255,255,255,.78);
}
.lg-affiliate-fliers-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.lg-affiliate-flier-card{
  display:block;
  text-decoration:none;
  color:#17132f;
  border:1px solid rgba(124,92,255,.14);
  border-radius:22px;
  background:#fff;
  overflow:hidden;
  box-shadow:0 18px 46px -34px rgba(31,22,82,.55);
}
.lg-affiliate-flier-card span{
  display:block;
  padding:12px 14px 0;
  color:#64748b;
  font-size:12px;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.05em;
}
.lg-affiliate-flier-card img{
  width:100%;
  display:block;
  aspect-ratio:1/1;
  object-fit:cover;
  margin-top:10px;
  background:#f8f5ff;
}
.lg-affiliate-flier-card.is-vertical img{aspect-ratio:9/16;}
.lg-affiliate-flier-card strong{
  display:block;
  padding:14px;
  color:#5b35f5;
  font-weight:950;
}
.lg-affiliate-video-frame{
  position:relative;
  overflow:hidden;
  border-radius:22px;
  background:#120d2d;
  aspect-ratio:16/9;
  box-shadow:0 22px 58px -34px rgba(31,22,82,.8);
}
.lg-affiliate-video-frame iframe{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  border:0;
}
@media(max-width:780px){
  .lg-affiliate-kit-head{display:block;}
  .lg-affiliate-kit-badge{width:auto;min-width:0;height:auto;padding:12px 16px;margin-top:14px;border-radius:18px;}
  .lg-affiliate-kit-grid,
  .lg-affiliate-fliers-grid{grid-template-columns:1fr;}
  .lg-affiliate-kit-panel{padding:16px;}
}


/* v2.11.6 — affiliate share pill visibility fix */
.lg-affiliate-resource-kit .lg-affiliate-social-grid{gap:10px;}
.lg-affiliate-resource-kit .lg-share-pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:40px;
  padding:10px 16px;
  color:#fff !important;
  font-weight:800;
  letter-spacing:-0.01em;
  text-shadow:none;
  opacity:1 !important;
}
.lg-affiliate-resource-kit .lg-share-pill.lg-share-wa,
.lg-affiliate-resource-kit .lg-share-pill.lg-share-tg,
.lg-affiliate-resource-kit .lg-share-pill.lg-share-fb,
.lg-affiliate-resource-kit .lg-share-pill.lg-share-tw,
.lg-affiliate-resource-kit .lg-share-pill.lg-share-li,
.lg-affiliate-resource-kit .lg-share-pill.lg-share-em{border-color:transparent;}


/* ═══════════════════════════════════════════════════════════════════
   v2.11.7 — Affiliate share button + reward tile aesthetic rescue.
   Pure CSS override. No logic, data, flyer, PDF or URL behaviour changed.
   ═══════════════════════════════════════════════════════════════════ */

/* Reward milestone tiles: force clean vertical tile layout everywhere */
body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table{
  display:grid !important;
  grid-template-columns:1fr !important;
  gap:12px !important;
  padding:12px !important;
  border-radius:20px !important;
  background:linear-gradient(180deg,rgba(248,250,255,.95),rgba(255,255,255,.82)) !important;
}
body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table .lg-reward-milestone-tile{
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:center !important;
  gap:5px !important;
  min-height:92px !important;
  width:100% !important;
  padding:15px 16px 16px !important;
  border:1px solid rgba(124,92,255,.15) !important;
  border-radius:18px !important;
  background:
    radial-gradient(circle at 96% 8%,rgba(124,92,255,.10),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#fbfaff 100%) !important;
  box-shadow:0 16px 34px -28px rgba(30,21,80,.55) !important;
  text-align:left !important;
  overflow:hidden !important;
}
body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table .lg-reward-milestone-label{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  color:#64748b !important;
  font-size:12px !important;
  line-height:1.22 !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
  white-space:normal !important;
}
body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table .lg-reward-milestone-tile em{
  display:inline-flex !important;
  width:auto !important;
  max-width:100% !important;
  margin:0 !important;
  padding:4px 9px !important;
  border-radius:999px !important;
  background:rgba(124,58,237,.09) !important;
  color:#6d28d9 !important;
  font-style:normal !important;
  font-size:9.5px !important;
  line-height:1 !important;
  letter-spacing:.07em !important;
  text-transform:uppercase !important;
  font-weight:950 !important;
  white-space:nowrap !important;
}
body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table .lg-reward-milestone-tile strong{
  display:block !important;
  width:100% !important;
  max-width:100% !important;
  margin:4px 0 0 !important;
  padding:0 !important;
  color:#17132f !important;
  font-size:clamp(22px,2.2vw,28px) !important;
  line-height:.98 !important;
  font-weight:950 !important;
  letter-spacing:-.055em !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
}
body.lg-page .lg-reward-system-card .lg-reward-plan-professional .lg-reward-total-table .lg-reward-milestone-tile{
  border-color:rgba(219,39,119,.16) !important;
  background:
    radial-gradient(circle at 96% 8%,rgba(219,39,119,.10),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#fff7fb 100%) !important;
}
body.lg-page .lg-reward-system-card .lg-reward-plan-professional .lg-reward-total-table .lg-reward-milestone-tile em{
  background:rgba(219,39,119,.09) !important;
  color:#be185d !important;
}
body.lg-page .lg-reward-system-card .lg-reward-plan-executive .lg-reward-total-table .lg-reward-milestone-tile{
  border-color:rgba(245,158,11,.22) !important;
  background:
    radial-gradient(circle at 96% 8%,rgba(245,158,11,.14),transparent 34%),
    linear-gradient(180deg,#ffffff 0%,#fffaf0 100%) !important;
}
body.lg-page .lg-reward-system-card .lg-reward-plan-executive .lg-reward-total-table .lg-reward-milestone-tile em{
  background:rgba(245,158,11,.12) !important;
  color:#b45309 !important;
}
@media(max-width:520px){
  body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table .lg-reward-milestone-tile strong{
    font-size:23px !important;
  }
}

/* Affiliate resource share buttons: override pale-kit styling and restore branded readable buttons */
body.lg-page .lg-affiliate-resource-kit .lg-affiliate-social-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  align-items:stretch !important;
}
body.lg-page .lg-affiliate-resource-kit .lg-affiliate-social-grid a.lg-share-pill,
body.lg-page .lg-affiliate-resource-kit a.lg-share-pill{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  min-height:46px !important;
  height:auto !important;
  width:100% !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  padding:12px 16px !important;
  border-radius:16px !important;
  border:0 !important;
  color:#ffffff !important;
  font-size:13.5px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  letter-spacing:-.01em !important;
  text-decoration:none !important;
  text-align:center !important;
  text-shadow:0 1px 1px rgba(0,0,0,.16) !important;
  box-shadow:0 14px 30px -18px rgba(15,23,42,.55) !important;
  transform:none !important;
  overflow:visible !important;
  white-space:nowrap !important;
}
body.lg-page .lg-affiliate-resource-kit .lg-affiliate-social-grid a.lg-share-pill:hover{
  transform:translateY(-2px) !important;
  filter:saturate(1.08) brightness(1.02) !important;
  color:#fff !important;
  text-decoration:none !important;
  box-shadow:0 18px 38px -20px rgba(15,23,42,.65) !important;
}
body.lg-page .lg-affiliate-resource-kit .lg-affiliate-social-grid a.lg-share-wa{
  background:linear-gradient(135deg,#16a34a,#25d366) !important;
}
body.lg-page .lg-affiliate-resource-kit .lg-affiliate-social-grid a.lg-share-tg{
  background:linear-gradient(135deg,#0284c7,#229ed9) !important;
}
body.lg-page .lg-affiliate-resource-kit .lg-affiliate-social-grid a.lg-share-fb{
  background:linear-gradient(135deg,#1d4ed8,#1877f2) !important;
}
body.lg-page .lg-affiliate-resource-kit .lg-affiliate-social-grid a.lg-share-tw{
  background:linear-gradient(135deg,#020617,#111827) !important;
}
body.lg-page .lg-affiliate-resource-kit .lg-affiliate-social-grid a.lg-share-li{
  background:linear-gradient(135deg,#075985,#0a66c2) !important;
}
body.lg-page .lg-affiliate-resource-kit .lg-affiliate-social-grid a.lg-share-em{
  background:linear-gradient(135deg,#4b5563,#6b7280) !important;
}
body.lg-page .lg-affiliate-resource-kit .lg-affiliate-social-grid a.lg-share-pill::before{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:15px !important;
  line-height:1 !important;
  color:#fff !important;
  opacity:1 !important;
  flex:0 0 auto !important;
}
body.lg-page .lg-affiliate-resource-kit .lg-affiliate-social-grid a.lg-share-wa::before{content:'💬' !important;}
body.lg-page .lg-affiliate-resource-kit .lg-affiliate-social-grid a.lg-share-tg::before{content:'✈️' !important;}
body.lg-page .lg-affiliate-resource-kit .lg-affiliate-social-grid a.lg-share-fb::before{content:'f' !important;font-weight:950 !important;font-family:Arial,sans-serif !important;}
body.lg-page .lg-affiliate-resource-kit .lg-affiliate-social-grid a.lg-share-tw::before{content:'𝕏' !important;font-weight:950 !important;}
body.lg-page .lg-affiliate-resource-kit .lg-affiliate-social-grid a.lg-share-li::before{content:'in' !important;font-weight:950 !important;font-size:12px !important;font-family:Arial,sans-serif !important;}
body.lg-page .lg-affiliate-resource-kit .lg-affiliate-social-grid a.lg-share-em::before{content:'✉' !important;}

@media(max-width:520px){
  body.lg-page .lg-affiliate-resource-kit .lg-affiliate-social-grid{
    grid-template-columns:1fr !important;
  }
  body.lg-page .lg-affiliate-resource-kit .lg-affiliate-social-grid a.lg-share-pill{
    min-height:48px !important;
    justify-content:center !important;
  }
}

/* ═══════════════════════════════════════════════════════════════════
   v2.11.8 — Referral share buttons + softer reward figures + 4 flyer support polish
   ═══════════════════════════════════════════════════════════════════ */
body.lg-page-referrals #lg-sharing-buttons,
body.lg-page-referrals .lg-sharing-buttons{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:10px !important;
  margin-top:14px !important;
  align-items:center !important;
}
body.lg-page-referrals #lg-sharing-buttons a.lg-share-pill,
body.lg-page-referrals .lg-sharing-buttons a.lg-share-pill{
  display:inline-flex !important;
  visibility:visible !important;
  opacity:1 !important;
  align-items:center !important;
  justify-content:center !important;
  gap:8px !important;
  min-height:40px !important;
  min-width:108px !important;
  padding:10px 16px !important;
  border-radius:999px !important;
  color:#fff !important;
  font-size:13px !important;
  line-height:1 !important;
  font-weight:850 !important;
  letter-spacing:-.01em !important;
  text-decoration:none !important;
  text-align:center !important;
  border:0 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.14) !important;
  box-shadow:0 14px 30px -20px rgba(15,23,42,.55) !important;
  white-space:nowrap !important;
  overflow:visible !important;
}
body.lg-page-referrals #lg-sharing-buttons a.lg-share-pill:hover,
body.lg-page-referrals .lg-sharing-buttons a.lg-share-pill:hover{
  transform:translateY(-2px) !important;
  color:#fff !important;
  filter:saturate(1.08) brightness(1.02) !important;
  box-shadow:0 18px 36px -22px rgba(15,23,42,.65) !important;
}
body.lg-page-referrals #lg-sharing-buttons a.lg-share-wa,
body.lg-page-referrals .lg-sharing-buttons a.lg-share-wa{background:linear-gradient(135deg,#16a34a,#25d366) !important;}
body.lg-page-referrals #lg-sharing-buttons a.lg-share-tg,
body.lg-page-referrals .lg-sharing-buttons a.lg-share-tg{background:linear-gradient(135deg,#0284c7,#229ed9) !important;}
body.lg-page-referrals #lg-sharing-buttons a.lg-share-fb,
body.lg-page-referrals .lg-sharing-buttons a.lg-share-fb{background:linear-gradient(135deg,#1d4ed8,#1877f2) !important;}
body.lg-page-referrals #lg-sharing-buttons a.lg-share-tw,
body.lg-page-referrals .lg-sharing-buttons a.lg-share-tw{background:linear-gradient(135deg,#020617,#111827) !important;}
body.lg-page-referrals #lg-sharing-buttons a.lg-share-li,
body.lg-page-referrals .lg-sharing-buttons a.lg-share-li{background:linear-gradient(135deg,#075985,#0a66c2) !important;}
body.lg-page-referrals #lg-sharing-buttons a.lg-share-em,
body.lg-page-referrals .lg-sharing-buttons a.lg-share-em{background:linear-gradient(135deg,#4b5563,#6b7280) !important;}
body.lg-page-referrals #lg-sharing-buttons a.lg-share-pill::before,
body.lg-page-referrals .lg-sharing-buttons a.lg-share-pill::before{display:inline-flex !important;color:#fff !important;opacity:1 !important;font-size:15px !important;line-height:1 !important;}
body.lg-page-referrals #lg-sharing-buttons a.lg-share-wa::before,
body.lg-page-referrals .lg-sharing-buttons a.lg-share-wa::before{content:'💬' !important;}
body.lg-page-referrals #lg-sharing-buttons a.lg-share-tg::before,
body.lg-page-referrals .lg-sharing-buttons a.lg-share-tg::before{content:'✈️' !important;}
body.lg-page-referrals #lg-sharing-buttons a.lg-share-fb::before,
body.lg-page-referrals .lg-sharing-buttons a.lg-share-fb::before{content:'f' !important;font-weight:950 !important;font-family:Arial,sans-serif !important;}
body.lg-page-referrals #lg-sharing-buttons a.lg-share-tw::before,
body.lg-page-referrals .lg-sharing-buttons a.lg-share-tw::before{content:'𝕏' !important;font-weight:950 !important;}
body.lg-page-referrals #lg-sharing-buttons a.lg-share-li::before,
body.lg-page-referrals .lg-sharing-buttons a.lg-share-li::before{content:'in' !important;font-weight:950 !important;font-size:12px !important;font-family:Arial,sans-serif !important;}
body.lg-page-referrals #lg-sharing-buttons a.lg-share-em::before,
body.lg-page-referrals .lg-sharing-buttons a.lg-share-em::before{content:'✉' !important;}

/* Softer, more refined reward figures */
body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table{
  gap:11px !important;
}
body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table .lg-reward-milestone-tile{
  min-height:88px !important;
  padding:14px 14px 15px !important;
  border-radius:18px !important;
  box-shadow:0 14px 30px -26px rgba(30,21,80,.42) !important;
}
body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table .lg-reward-milestone-label{
  font-size:11.5px !important;
  color:#66758e !important;
  font-weight:800 !important;
}
body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table .lg-reward-milestone-tile em{
  font-size:9px !important;
  font-weight:850 !important;
  letter-spacing:.055em !important;
  padding:4px 8px !important;
}
body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table .lg-reward-milestone-tile strong{
  font-size:clamp(19px,1.75vw,24px) !important;
  font-weight:850 !important;
  letter-spacing:-.035em !important;
  color:#1f1a3c !important;
}
body.lg-page .lg-reward-system-card .lg-reward-total-line strong{
  font-size:clamp(24px,2.5vw,32px) !important;
  font-weight:850 !important;
  letter-spacing:-.04em !important;
}
body.lg-page .lg-reward-system-card .lg-reward-plan-executive .lg-reward-total-table .lg-reward-milestone-tile strong,
body.lg-page .lg-reward-system-card .lg-reward-plan-professional .lg-reward-total-table .lg-reward-milestone-tile strong{
  font-size:clamp(18px,1.65vw,23px) !important;
}
@media(max-width:760px){
  body.lg-page-referrals #lg-sharing-buttons,
  body.lg-page-referrals .lg-sharing-buttons{display:grid !important;grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  body.lg-page-referrals #lg-sharing-buttons a.lg-share-pill,
  body.lg-page-referrals .lg-sharing-buttons a.lg-share-pill{width:100% !important;min-width:0 !important;}
}


/* ═══════════════════════════════════════════════════════════════════
   v2.11.9 — Softer reward typography.
   Reduces harsh/bulky figures on referral/affiliate reward tables.
   ═══════════════════════════════════════════════════════════════════ */
body.lg-page .lg-reward-system-card .lg-reward-level-top strong{
  font-weight:800 !important;
  letter-spacing:-.035em !important;
  color:#1d1738 !important;
}
body.lg-page .lg-reward-system-card .lg-reward-commission-line b{
  font-weight:780 !important;
  font-size:clamp(17px,1.6vw,21px) !important;
  letter-spacing:-.025em !important;
  color:#1d1738 !important;
}
body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table .lg-reward-milestone-tile{
  min-height:86px !important;
  padding:14px 15px !important;
  gap:4px !important;
}
body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table .lg-reward-milestone-tile strong{
  font-size:clamp(18px,1.75vw,23px) !important;
  font-weight:780 !important;
  line-height:1.05 !important;
  letter-spacing:-.035em !important;
  color:#201a3d !important;
  text-shadow:none !important;
}
body.lg-page .lg-reward-system-card .lg-reward-total-line strong{
  font-size:clamp(21px,2.1vw,28px) !important;
  font-weight:800 !important;
  letter-spacing:-.04em !important;
  color:#201a3d !important;
}
body.lg-page .lg-reward-system-card .lg-reward-milestone-label{
  font-weight:780 !important;
  color:#64748b !important;
}
body.lg-page .lg-reward-system-card .lg-reward-milestone-tile em{
  font-weight:800 !important;
  letter-spacing:.055em !important;
  opacity:.88 !important;
}
body.lg-page .lg-reward-system-card .lg-reward-plan-executive .lg-reward-total-table .lg-reward-milestone-tile strong{
  font-size:clamp(17px,1.6vw,22px) !important;
}
@media(max-width:520px){
  body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table .lg-reward-milestone-tile strong{
    font-size:21px !important;
  }
}


/* v2.12.0 — Upgrade visibility and full-price upgrade policy */
.lg-upgrade-policy-card{
  margin:0 auto 24px;
  width:min(980px,100%);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:20px 24px;
  border:1px solid rgba(124,92,255,.16);
  border-radius:24px;
  background:
    radial-gradient(circle at 94% 14%,rgba(124,92,255,.12),transparent 28%),
    rgba(255,255,255,.84);
  box-shadow:0 20px 50px -38px rgba(31,22,82,.55);
}
.lg-upgrade-policy-card h3{
  margin:6px 0 6px;
  color:#18122f;
  font-size:22px;
  letter-spacing:-.025em;
}
.lg-upgrade-policy-card p{
  margin:0;
  color:#64748b;
  line-height:1.62;
  max-width:780px;
}
.lg-upgrade-policy-card>strong{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(124,92,255,.12),rgba(217,70,239,.10));
  color:#5b21b6;
  font-weight:850;
  font-size:12px;
  white-space:nowrap;
}
@media(max-width:720px){
  .lg-upgrade-policy-card{display:block;padding:18px;}
  .lg-upgrade-policy-card>strong{margin-top:14px;}
}

/* ═══════════════════════════════════════════════════════════════════
   v2.12.1 — Free teaser lessons for all users
   ═══════════════════════════════════════════════════════════════════ */
.lg-free-teaser-card{
  margin-bottom:24px;
  border:1px solid rgba(124,92,255,.16) !important;
  background:
    radial-gradient(circle at 96% 12%,rgba(34,211,238,.12),transparent 28%),
    radial-gradient(circle at 4% 100%,rgba(124,92,255,.10),transparent 28%),
    rgba(255,255,255,.9) !important;
}
.lg-free-teaser-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;}
.lg-free-teaser-row{
  display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;
  padding:16px;border-radius:20px;border:1px solid rgba(124,92,255,.14);
  background:linear-gradient(180deg,#fff,#fbfaff);text-decoration:none!important;
  box-shadow:0 16px 38px -30px rgba(31,22,82,.58);
  transition:transform .22s var(--lg-ease-out,cubic-bezier(.16,1,.3,1)),box-shadow .22s,border-color .22s;
}
.lg-free-teaser-row:hover{transform:translateY(-2px);border-color:rgba(124,92,255,.28);box-shadow:0 24px 48px -34px rgba(31,22,82,.7);}
.lg-free-teaser-num{width:42px;height:42px;border-radius:15px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6c63ff,#22d3ee);color:#fff;font-weight:900;box-shadow:0 14px 28px -18px rgba(76,29,149,.7);}
.lg-free-teaser-info strong{display:block;color:#18122f;font-size:15px;line-height:1.3;margin-bottom:5px;}
.lg-free-teaser-info span{display:block;color:#64748b;font-size:12.5px;font-weight:700;line-height:1.35;}
.lg-free-teaser-open{color:#6d28d9;font-weight:900;font-size:13px;white-space:nowrap;}
.lg-free-teaser-row.is-complete .lg-free-teaser-num{background:linear-gradient(135deg,#10b981,#22c55e);}
.lg-free-teaser-chip{background:rgba(34,211,238,.12)!important;color:#0e7490!important;border-color:rgba(34,211,238,.22)!important;font-weight:850!important;}
.lg-teaser-upgrade-card{
  margin:24px 0 6px;padding:22px;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:18px;
  border:1px solid rgba(124,92,255,.16);
  background:linear-gradient(135deg,rgba(255,255,255,.94),rgba(245,243,255,.92));
  box-shadow:0 20px 48px -38px rgba(31,22,82,.65);
}
.lg-teaser-upgrade-card h3{margin:6px 0 8px;color:#18122f;font-size:22px;letter-spacing:-.025em;}
.lg-teaser-upgrade-card p{margin:0;color:#64748b;line-height:1.62;max-width:720px;}
@media(max-width:760px){
  .lg-free-teaser-list{grid-template-columns:1fr;}
  .lg-free-teaser-row{grid-template-columns:auto 1fr;}
  .lg-free-teaser-open{grid-column:2;}
  .lg-teaser-upgrade-card{display:block;}
  .lg-teaser-upgrade-card .lg-btn{margin-top:16px;width:100%;}
}


/* v2.12.3 — account uniqueness helper notes */
.lg-field-note{
  display:block;
  margin-top:7px;
  color:#64748b;
  font-size:12px;
  line-height:1.45;
}


/* v2.12.4 — Dynamic academy category filters */
.lg-filter-tabs .lg-tab-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:20px;
  height:20px;
  margin-left:7px;
  padding:0 6px;
  border-radius:999px;
  background:rgba(15,23,42,.06);
  color:inherit;
  font-size:11px;
  font-weight:850;
}
.lg-filter-tabs .lg-tab.active .lg-tab-count{
  background:rgba(255,255,255,.22);
  color:#fff;
}
.lg-academy-body .lg-category-tag{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  margin-bottom:8px;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(124,92,255,.08);
  color:#6d28d9;
  font-size:11px;
  line-height:1;
  font-weight:850;
}


/* ═══════════════════════════════════════════════════════════════════
   v2.12.5 emergency header/theme containment repair
   Purpose: remove accidental theme/header output from Learn & Grow pages
   without changing the locked plugin design or lesson/community logic.
   ═══════════════════════════════════════════════════════════════════ */

/* Hide generic/new-theme headers that appeared after the audit/theme install.
   Keep Learn & Grow's own public nav and app/sidebar intact. */
body.lg-page > header:not(.lg-public-nav),
body.lg-page .wp-site-blocks > header,
body.lg-page .wp-site-blocks > .wp-block-template-part:first-child,
body.lg-page header.nav,
body.lg-page .nav:not(.lg-public-nav):not(.lg-sidebar):not(.lg-bottom-nav):not(.lg-mobile-bottom-nav),
body.lg-page .site-branding,
body.lg-page .main-navigation,
body.lg-page .wp-block-navigation,
body.lg-page .wp-block-site-title,
body.lg-page .wp-block-site-logo,
body.lg-page .wp-block-template-part:has(.wp-block-navigation),
body.lg-page .mobile-menu:not(.lg-mobile-menu),
body.lg-page .mobile-bottom-nav:not(.lg-mobile-bottom-nav){
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}

/* Make platform pages own the viewport again after a theme/header takeover. */
body.lg-page,
body.lg-page .site,
body.lg-page .site-content,
body.lg-page .content-area,
body.lg-page .site-main,
body.lg-page .entry-content,
body.lg-page .wp-site-blocks,
body.lg-page main{
  margin-top:0 !important;
}

body.lg-page .entry-content > .lg-app,
body.lg-page .entry-content > .lg-homepage,
body.lg-page .entry-content > .lg-auth-page,
body.lg-page .entry-content > .lg-public-page{
  margin-top:0 !important;
}

/* Prevent public nav duplication on logged-in app screens */
body.lg-page.lg-user-logged-in:not(.lg-page-home):not(.lg-page-register):not(.lg-page-login):not(.lg-page-affiliate-registration):not(.lg-page-upgrade):not(.lg-page-verify-certificate) .lg-public-nav{
  display:none !important;
}
@media(max-width:820px){.lg-pricing-grid{grid-template-columns:1fr;max-width:380px;margin-top:36px;gap:48px;}.lg-pricing-card.is-featured{transform:none;}.lg-pricing-card.is-featured:hover{transform:translateY(-6px);}}


/* ═══ Reward overview — authoritative even spacing (supersedes stacked v2.11/v2.12 patches) ═══ */
body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table{display:flex !important;flex-direction:column !important;gap:10px !important;margin-bottom:16px !important;}
body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table .lg-reward-milestone-tile{display:flex !important;flex-direction:column !important;align-items:flex-start !important;justify-content:center !important;gap:7px !important;min-height:92px !important;padding:15px 16px !important;}
body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table .lg-reward-milestone-label{margin:0 !important;line-height:1.3 !important;}
body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table .lg-reward-milestone-tile em{margin:0 !important;line-height:1 !important;}
body.lg-page .lg-reward-system-card .lg-reward-level-card .lg-reward-total-table .lg-reward-milestone-tile strong{margin:0 !important;line-height:1.12 !important;}
body.lg-page .lg-reward-system-card .lg-reward-level-top{margin-bottom:16px !important;}
body.lg-page .lg-reward-system-card .lg-reward-commission-line{margin-bottom:14px !important;}
body.lg-page .lg-reward-system-card .lg-reward-level-card{padding:26px 22px 22px !important;}
body.lg-page .lg-reward-system-card .lg-reward-total-line{margin-top:2px !important;padding:15px 16px !important;}
body.lg-page .lg-reward-system-card .lg-reward-total-line span{margin-bottom:3px !important;}
body.lg-page .lg-reward-system-card .lg-reward-total-line small{margin-top:4px !important;line-height:1.4 !important;}


/* ═══ Executive — dark metallic gold treatment ═══ */
.lg-pricing-card.is-gold .lg-pricing-head{background:linear-gradient(135deg,#4a3100 0%,#7a5200 20%,#b8860b 40%,#f3d684 52%,#b8860b 64%,#6b4a00 84%,#3d2900 100%) !important;overflow:hidden;}
.lg-pricing-card.is-gold .lg-pricing-head::before{content:"";position:absolute;top:0;left:-70%;width:60%;height:100%;background:linear-gradient(105deg,transparent,rgba(255,255,255,.5),transparent);transform:skewX(-18deg);transition:left .85s var(--lg-ease-out);z-index:1;pointer-events:none;}
.lg-pricing-card.is-gold:hover .lg-pricing-head::before{left:130%;}
.lg-pricing-card.is-gold .lg-pricing-head h3{position:relative;z-index:2;color:#fff7e2;text-shadow:0 1px 3px rgba(58,38,0,.55);}
.lg-pricing-card.is-gold .lg-pricing-icon{position:relative;z-index:2;filter:drop-shadow(0 3px 6px rgba(58,38,0,.6));}
.lg-pricing-card.is-gold .lg-pricing-amount{background:none !important;background-image:none !important;-webkit-background-clip:border-box !important;background-clip:border-box !important;-webkit-text-fill-color:#946400 !important;color:#946400 !important;}
.lg-pricing-card.is-gold .lg-pricing-features li::before{background:#fbf2da;color:#8a5a00;}
.lg-pricing-card.is-gold .lg-pricing-btn{background:linear-gradient(135deg,#7a5200,#b8860b 55%,#8a5a00) !important;box-shadow:0 14px 28px -12px rgba(120,80,0,.62);}
.lg-pricing-card.is-gold .lg-pricing-btn:hover{box-shadow:0 20px 40px -14px rgba(120,80,0,.72);}
.lg-pricing-card.is-gold:hover{box-shadow:0 36px 78px -36px rgba(120,80,0,.55) !important;}


/* ═══ Pricing button — <button> support + disabled / current states (upgrade page) ═══ */
button.lg-pricing-btn{border:none;cursor:pointer;font-family:inherit;text-align:center;}
.lg-pricing-card .lg-pricing-btn-disabled,
.lg-pricing-card.is-gold .lg-pricing-btn-disabled{background:#e8eaf2 !important;color:#8b93a7 !important;box-shadow:none !important;cursor:default;pointer-events:none;}
.lg-pricing-card .lg-pricing-btn-disabled:hover{transform:none !important;box-shadow:none !important;}
.lg-pricing-card.is-current-plan{box-shadow:0 0 0 2px var(--pc1),0 30px 70px -42px color-mix(in srgb,var(--pc1) 48%,transparent) !important;}


/* ═══ Referral milestone table — sleek on-brand (SCOPED to .lg-ks-table-wrap; other tables untouched) ═══ */
.lg-ks-table-wrap{border-radius:18px;border:1px solid rgba(124,92,255,.16);box-shadow:0 18px 44px -34px rgba(30,21,80,.5);overflow:hidden;}
.lg-ks-table-wrap .lg-table thead th{background:linear-gradient(135deg,#4c1d95,#7c3aed 60%,#db2777);color:#fff;border-bottom:none;letter-spacing:.05em;padding:14px 16px;}
.lg-ks-table-wrap .lg-table tbody td{border-bottom:1px solid rgba(124,92,255,.10);padding:14px 16px;}
.lg-ks-table-wrap .lg-table tbody tr:nth-child(even){background:rgba(124,92,255,.035);}
.lg-ks-table-wrap .lg-table tbody tr:hover{background:rgba(124,92,255,.07);}
.lg-ks-table-wrap .lg-table tbody tr:last-child td{border-bottom:none;}
.lg-ks-table-wrap .lg-milestone-status{display:inline-block;padding:4px 11px;border-radius:999px;background:rgba(245,158,11,.14);color:#b45309;font-size:12px;font-weight:800;}

/* ═══ Affiliate reward component — Executive recolored to match locked gold tier ═══ */
body.lg-page .lg-reward-system-card .lg-reward-plan-executive::before{background:linear-gradient(90deg,#8a5a00,#b8860b 50%,#d9a521) !important;}
body.lg-page .lg-reward-system-card .lg-reward-plan-executive .lg-reward-level-top span{color:#8a5a00 !important;}
body.lg-page .lg-reward-system-card .lg-reward-plan-executive .lg-reward-total-table .lg-reward-milestone-tile em{color:#8a5a00 !important;}
body.lg-page .lg-reward-system-card .lg-reward-plan-executive .lg-reward-total-line{background:linear-gradient(135deg,rgba(184,134,11,.12),rgba(217,165,33,.10)) !important;border-color:rgba(184,134,11,.25) !important;}


/* ═══════════════════════════════════════════════════════════════════
   Learn & Grow — Homepage v2.5 additions
   Scoped to .lg-home-v25 — nothing outside these selectors changes
   ═══════════════════════════════════════════════════════════════════ */

/* ── Free bar ─────────────────────────────────────────────────────── */
.lg-home-free-bar{background:#f3e8ff;padding:10px 24px;text-align:center;font-size:13px;color:#6B21A8;border-bottom:1px solid #d8b4fe;}
.lg-home-free-bar a{color:#4c1d95;font-weight:600;text-decoration:underline;margin-left:6px;}

/* ── Hero v25 overrides ───────────────────────────────────────────── */
.lg-home-hero-v25 h1 em{font-style:normal;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent;}
.lg-hero-trust-strip{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;}
.lg-hero-trust-strip span{display:flex;align-items:center;gap:6px;font-size:12px;color:rgba(255,255,255,.82);font-weight:500;}
.lg-hero-trust-strip svg{color:#4ade80;flex-shrink:0;}
.lg-hero-wa-btn{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:#25D366;color:#fff;padding:10px 18px;border-radius:8px;font-size:13px;font-weight:600;text-decoration:none;transition:opacity .2s;}
.lg-hero-wa-btn:hover{opacity:.88;color:#fff;}

/* ── Featured academies grid ──────────────────────────────────────── */
.lg-home-featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

/* ── Why pillars ──────────────────────────────────────────────────── */
.lg-home-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:40px;}
.lg-home-pillar{background:#fff;border:1px solid rgba(99,102,241,.1);border-radius:16px;padding:24px;box-shadow:0 12px 36px -20px rgba(79,70,229,.22);}
.lg-home-pillar-icon{font-size:28px;margin-bottom:14px;}
.lg-home-pillar h3{font-size:15px;font-weight:700;margin:0 0 8px;color:#1a1a1a;}
.lg-home-pillar p{font-size:13px;color:#555;line-height:1.65;margin:0;}

/* ── Pricing grid v25 — 3 cards ───────────────────────────────────── */
.lg-pricing-grid-v25{grid-template-columns:repeat(3,1fr);max-width:1020px;}
.lg-pricing-card-free .lg-pricing-amount-free{color:#16a34a !important;-webkit-text-fill-color:#16a34a !important;}
.lg-pricing-card-free{background:#fafaf9 !important;}

/* ── Referral strip under pricing ─────────────────────────────────── */
.lg-home-referral-strip{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;background:#faf5ff;border:1px solid #d8b4fe;border-radius:12px;padding:16px 24px;margin:20px auto;max-width:680px;font-size:14px;color:#444;}
.lg-home-referral-strip strong{color:#6B21A8;}
.lg-home-referral-strip-label{font-weight:600;color:#6B21A8;}
.lg-home-referral-strip-divider{color:#c4b5fd;}

/* ── Creator section ──────────────────────────────────────────────── */
.lg-home-creator-section{background:#fafaf9;}
.lg-home-creator-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.lg-home-creator-card{background:#fff;border:1px solid #e5e5e5;border-radius:14px;padding:22px;display:flex;gap:16px;margin:20px 0 16px;}
.lg-home-creator-avatar{width:66px;height:66px;border-radius:50%;background:#f3e8ff;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#6B21A8;flex-shrink:0;}
.lg-home-creator-name{font-size:16px;font-weight:700;margin-bottom:4px;color:#1a1a1a;}
.lg-home-creator-title{font-size:12px;color:#666;line-height:1.5;}
.lg-home-creator-creds{list-style:none;padding:0;margin:0 0 16px;display:flex;flex-direction:column;gap:8px;}
.lg-home-creator-creds li{font-size:13px;color:#444;display:flex;align-items:center;gap:8px;}
.lg-home-creator-creds li::before{content:"✓";color:#16a34a;font-weight:700;flex-shrink:0;}
.lg-home-creator-quote{font-size:14px;color:#555;font-style:italic;line-height:1.7;padding:16px;background:#faf5ff;border-radius:8px;border-left:3px solid #6B21A8;margin:0;}
.lg-home-creator-right{display:flex;flex-direction:column;gap:16px;}
.lg-home-founding-card{background:#6B21A8;color:#fff;border-radius:14px;padding:26px;text-align:center;}
.lg-home-founding-num{font-size:48px;font-weight:800;color:#F59E0B;line-height:1;}
.lg-home-founding-label{font-size:14px;color:#e9d5ff;margin:6px 0 18px;}
.lg-home-founding-perks{list-style:none;padding:0;margin:0;text-align:left;display:flex;flex-direction:column;gap:6px;}
.lg-home-founding-perks li{font-size:13px;color:#e9d5ff;display:flex;align-items:center;gap:8px;}
.lg-home-founding-perks li::before{content:"✦";color:#F59E0B;font-size:10px;flex-shrink:0;}
.lg-home-wa-card{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e5e5e5;border-radius:12px;padding:18px 20px;text-decoration:none !important;transition:box-shadow .2s;}
.lg-home-wa-card:hover{box-shadow:0 8px 24px -8px rgba(37,211,102,.25);}

/* ── Affiliate section ────────────────────────────────────────────── */
.lg-home-affiliate-section{background:#1a0533;padding:80px 0;}
.lg-home-affiliate-section .lg-kicker{color:#d8b4fe;background:rgba(167,139,250,.15);border-color:rgba(167,139,250,.3);}
.lg-home-aff-tiers{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 28px;}
.lg-home-aff-tier{border-radius:12px;padding:22px;}
.lg-home-aff-tier-learner{background:rgba(107,33,168,.25);border:1px solid rgba(196,181,253,.3);}
.lg-home-aff-tier-pro{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.3);}
.lg-home-aff-tier-plan{font-size:11px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-bottom:10px;}
.lg-home-aff-tier-learner .lg-home-aff-tier-plan{color:#c4b5fd;}
.lg-home-aff-tier-pro .lg-home-aff-tier-plan{color:#F59E0B;}
.lg-home-aff-tier h3{font-size:15px;font-weight:600;color:#fff;margin:0 0 8px;}
.lg-home-aff-tier p{font-size:13px;color:#c4b5fd;line-height:1.6;margin:0 0 12px;}
.lg-home-aff-earn{font-size:22px;font-weight:700;}
.lg-home-aff-tier-learner .lg-home-aff-earn{color:#c4b5fd;}
.lg-home-aff-tier-pro .lg-home-aff-earn{color:#F59E0B;}
.lg-home-aff-earn span{font-size:13px;font-weight:400;color:#7c6fa0;margin-left:4px;}
.lg-home-aff-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px;}
.lg-home-aff-step{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:22px;}
.lg-home-aff-step-num{width:32px;height:32px;border-radius:50%;background:#6B21A8;color:#fff;font-size:13px;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:12px;}
.lg-home-aff-step h4{font-size:14px;font-weight:600;color:#fff;margin:0 0 6px;}
.lg-home-aff-step p{font-size:13px;color:#c4b5fd;line-height:1.6;margin:0;}
.lg-home-aff-disclaimer{font-size:12px;color:#7c6fa0;line-height:1.6;padding:12px 16px;border:1px solid rgba(255,255,255,.08);border-radius:8px;margin:0;}

/* ── FAQ section ──────────────────────────────────────────────────── */
.lg-home-faq-section{background:#fff;}
.lg-home-faq-list{max-width:720px;margin:32px auto 0;}
.lg-home-faq-item{border-bottom:1px solid #ebebeb;padding:18px 0;}
.lg-home-faq-q{font-size:15px;font-weight:600;color:#1a1a1a;margin-bottom:8px;display:flex;align-items:flex-start;gap:10px;}
.lg-home-faq-q::before{content:"?";width:24px;height:24px;border-radius:50%;background:#f3e8ff;color:#6B21A8;font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px;}
.lg-home-faq-a{font-size:13px;color:#555;line-height:1.7;padding-left:34px;}

/* ── Responsive ───────────────────────────────────────────────────── */
@media(max-width:1024px){
  .lg-home-pillars{grid-template-columns:repeat(2,1fr);}
  .lg-home-featured-grid{grid-template-columns:repeat(2,1fr);}
  .lg-pricing-grid-v25{grid-template-columns:1fr !important;}
  .lg-home-creator-grid{grid-template-columns:1fr;gap:32px;}
  .lg-home-aff-tiers{grid-template-columns:1fr;}
  .lg-home-aff-steps{grid-template-columns:1fr;}
}
@media(max-width:700px){
  .lg-home-free-bar{font-size:12px;padding:10px 16px;}
  .lg-home-pillars{grid-template-columns:1fr;}
  .lg-home-featured-grid{grid-template-columns:1fr;}
  .lg-hero-trust-strip{gap:12px;}
  .lg-home-referral-strip{flex-direction:column;gap:8px;text-align:center;}
  .lg-home-referral-strip-divider{display:none;}
  .lg-home-affiliate-section{padding:56px 0;}
  .lg-home-aff-tiers,.lg-home-aff-steps{grid-template-columns:1fr;}
}


/* ═══════════════════════════════════════════════════════════════════
   Learn & Grow — Homepage v2.5 FIXES
   Corrects colour inheritance from .lg-home-hero-v24 !important rules
   and fixes layout/display issues in new sections
   ═══════════════════════════════════════════════════════════════════ */

/* ── Global colour reset for light sections inside .lg-home-v25 ───── */
.lg-home-v25 .lg-home-why-section,
.lg-home-v25 .lg-home-why-section *,
.lg-home-v25 .lg-home-creator-section,
.lg-home-v25 .lg-home-creator-section *,
.lg-home-v25 .lg-home-faq-section,
.lg-home-v25 .lg-home-faq-section *,
.lg-home-v25 .lg-home-categories-section,
.lg-home-v25 .lg-home-categories-section *,
.lg-home-v25 .lg-home-featured-section,
.lg-home-v25 .lg-home-featured-section *,
.lg-home-v25 .lg-home-flow-section,
.lg-home-v25 .lg-home-flow-section *,
.lg-home-v25 .lg-home-earning-section,
.lg-home-v25 .lg-home-earning-section * {
  color: revert;
}

/* ── Re-apply correct text colours to light sections ─────────────── */
.lg-home-v25 .lg-home-why-section h2,
.lg-home-v25 .lg-home-categories-section h2,
.lg-home-v25 .lg-home-featured-section h2,
.lg-home-v25 .lg-home-flow-section h2,
.lg-home-v25 .lg-home-earning-section h2,
.lg-home-v25 .lg-home-creator-section h2,
.lg-home-v25 .lg-home-faq-section h2 { color: #140b34 !important; }

.lg-home-v25 .lg-home-why-section p,
.lg-home-v25 .lg-home-categories-section p,
.lg-home-v25 .lg-home-featured-section p,
.lg-home-v25 .lg-home-flow-section p,
.lg-home-v25 .lg-home-earning-section .lg-section-header p,
.lg-home-v25 .lg-home-creator-section p { color: #555 !important; }

/* ── Pillars ──────────────────────────────────────────────────────── */
.lg-home-v25 .lg-home-pillar h3 { color: #1a1a1a !important; }
.lg-home-v25 .lg-home-pillar p  { color: #555 !important; }

/* ── Steps ────────────────────────────────────────────────────────── */
.lg-home-v25 .lg-steps-premium .lg-step h3 { color: #1a1a1a !important; }
.lg-home-v25 .lg-steps-premium .lg-step p  { color: #555 !important; }

/* ── Pricing section in light bg ─────────────────────────────────── */
.lg-home-v25 .lg-home-earning-section { background: #fafaf9; }
.lg-home-v25 .lg-home-referral-strip,
.lg-home-v25 .lg-home-referral-strip * { color: revert; }
.lg-home-v25 .lg-home-referral-strip  { color: #444 !important; }
.lg-home-v25 .lg-home-referral-strip strong { color: #6B21A8 !important; }
.lg-home-v25 .lg-home-referral-strip-label { color: #6B21A8 !important; font-weight: 600; }

/* ── Creator section explicit colours ────────────────────────────── */
.lg-home-v25 .lg-home-creator-section { background: #fafaf9; color: #1a1a1a !important; }
.lg-home-v25 .lg-home-creator-section h2 { color: #140b34 !important; }
.lg-home-v25 .lg-home-creator-name { color: #1a1a1a !important; }
.lg-home-v25 .lg-home-creator-title { color: #666 !important; }
.lg-home-v25 .lg-home-creator-creds li { color: #444 !important; }
.lg-home-v25 .lg-home-creator-quote { color: #555 !important; }
/* Founding card — dark bg, needs white text explicitly */
.lg-home-v25 .lg-home-founding-card,
.lg-home-v25 .lg-home-founding-card * { color: revert; }
.lg-home-v25 .lg-home-founding-card { color: #fff !important; }
.lg-home-v25 .lg-home-founding-num { color: #F59E0B !important; display: block; font-size: 48px; font-weight: 800; line-height: 1; }
.lg-home-v25 .lg-home-founding-label { color: #e9d5ff !important; display: block; font-size: 14px; margin: 6px 0 18px; }
.lg-home-v25 .lg-home-founding-perks li { color: #e9d5ff !important; }
.lg-home-v25 .lg-home-founding-perks li::before { color: #F59E0B !important; }

/* ── Affiliate section — dark bg, explicit colours for all text ───── */
.lg-home-v25 .lg-home-affiliate-section { background: #1a0533 !important; color: #e9d5ff !important; }
.lg-home-v25 .lg-home-affiliate-section h2 { color: #fff !important; }
.lg-home-v25 .lg-home-affiliate-section > .lg-container > p { color: #c4b5fd !important; }
.lg-home-v25 .lg-home-aff-tier h3 { color: #fff !important; }
.lg-home-v25 .lg-home-aff-tier p { color: #c4b5fd !important; }
.lg-home-v25 .lg-home-aff-tier-learner .lg-home-aff-tier-plan { color: #c4b5fd !important; }
.lg-home-v25 .lg-home-aff-tier-pro .lg-home-aff-tier-plan { color: #F59E0B !important; }
.lg-home-v25 .lg-home-aff-tier-learner .lg-home-aff-earn { color: #c4b5fd !important; }
.lg-home-v25 .lg-home-aff-tier-pro .lg-home-aff-earn { color: #F59E0B !important; }
.lg-home-v25 .lg-home-aff-earn span { color: #7c6fa0 !important; }
.lg-home-v25 .lg-home-aff-step h4 { color: #fff !important; }
.lg-home-v25 .lg-home-aff-step p { color: #c4b5fd !important; }
.lg-home-v25 .lg-home-aff-step-num { color: #fff !important; background: #6B21A8; }
.lg-home-v25 .lg-home-aff-disclaimer { color: #7c6fa0 !important; }

/* ── FAQ — fix layout and colour ─────────────────────────────────── */
.lg-home-v25 .lg-home-faq-section { background: #fff !important; color: #1a1a1a !important; }
.lg-home-v25 .lg-home-faq-list { max-width: 720px; margin: 32px auto 0; }
.lg-home-v25 .lg-home-faq-item { border-bottom: 1px solid #ebebeb; padding: 18px 0; }
.lg-home-v25 .lg-home-faq-q {
  font-size: 15px; font-weight: 600; color: #1a1a1a !important;
  margin: 0 0 8px; display: flex; align-items: flex-start; gap: 10px;
}
.lg-home-v25 .lg-home-faq-q::before {
  content: "?"; width: 24px; height: 24px; border-radius: 50%;
  background: #f3e8ff; color: #6B21A8 !important; font-size: 13px; font-weight: 800;
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0; margin-top: 1px;
}
.lg-home-v25 .lg-home-faq-a { font-size: 13px; color: #555 !important; line-height: 1.7; padding-left: 34px; }

/* ── Section header h2 colours ───────────────────────────────────── */
.lg-home-v25 .lg-section-header h2 { color: #140b34 !important; }
.lg-home-v25 .lg-section-header p  { color: #555 !important; }
/* Override for affiliate section header */
.lg-home-v25 .lg-home-affiliate-section .lg-section-header h2 { color: #fff !important; }

/* ── Free bar centering ───────────────────────────────────────────── */
.lg-home-free-bar { text-align: center !important; }

/* ── Creator grid centering fix ──────────────────────────────────── */
.lg-home-v25 .lg-home-creator-section .lg-container { max-width: 1200px; margin: 0 auto; }
.lg-home-v25 .lg-home-creator-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: start; }

/* ── WhatsApp card text colours ──────────────────────────────────── */
.lg-home-wa-card div div:first-child { color: #1a1a1a !important; }
.lg-home-wa-card div div:last-child { color: #666 !important; }

/* ── Kicker colour fix in light sections ─────────────────────────── */
.lg-home-v25 .lg-home-why-section .lg-kicker,
.lg-home-v25 .lg-home-categories-section .lg-kicker,
.lg-home-v25 .lg-home-featured-section .lg-kicker,
.lg-home-v25 .lg-home-flow-section .lg-kicker,
.lg-home-v25 .lg-home-earning-section .lg-kicker,
.lg-home-v25 .lg-home-creator-section .lg-kicker,
.lg-home-v25 .lg-home-faq-section .lg-kicker { color: #7c3aed !important; }
.lg-home-v25 .lg-home-affiliate-section .lg-kicker { color: #d8b4fe !important; background: rgba(167,139,250,.15); border-color: rgba(167,139,250,.3); }

/* ── Responsive fixes ─────────────────────────────────────────────── */
@media(max-width:1024px){
  .lg-home-v25 .lg-home-creator-grid { grid-template-columns: 1fr; }
}


/* ═══════════════════════════════════════════════════════════════════
   Learn & Grow — Homepage v2.5.1 TARGETED FIXES
   ═══════════════════════════════════════════════════════════════════ */

/* ── Fix 1: Academy tiles in featured section lost white text ─────── */
/* The `color:revert` on .lg-home-featured-section * was overriding tile white text */
.lg-home-v25 .lg-home-featured-section .lg-academy-tile,
.lg-home-v25 .lg-home-featured-section .lg-academy-tile * { color: revert; }
.lg-home-v25 .lg-home-featured-section .lg-academy-tile { color: #fff !important; }
.lg-home-v25 .lg-home-featured-section .lg-academy-tile-title { color: #fff !important; }
.lg-home-v25 .lg-home-featured-section .lg-academy-tile-cat { color: #fff !important; }
.lg-home-v25 .lg-home-featured-section .lg-academy-tile-foot small { color: rgba(255,255,255,.94) !important; }
.lg-home-v25 .lg-home-featured-section .lg-academy-tile-go { color: #fff !important; }

/* ── Fix 2: Reward level grid — switch to 2 columns (executive removed) */
.lg-reward-level-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; max-width: 820px; margin-left: auto; margin-right: auto; }
/* On mobile keep single column */
@media(max-width:700px){ .lg-reward-level-grid { grid-template-columns: 1fr !important; } }

/* ── Fix 3: Reward system card centred on all pages ──────────────── */
.lg-reward-system-card { max-width: 880px !important; margin-left: auto !important; margin-right: auto !important; }
.lg-upgrade-reward-section .lg-reward-system-card,
.lg-referrals-page .lg-reward-system-card { max-width: 900px !important; margin-left: auto !important; margin-right: auto !important; }

/* ── Fix 4: KSA milestone grid (4 items, 2 cols centred) ─────────── */
.lg-ksa-mini-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin: 0 0 14px; }
@media(max-width:600px){ .lg-ksa-mini-grid { grid-template-columns: repeat(2,1fr); } }
.lg-ksa-mini-grid span { background: rgba(255,255,255,.12); border: 1px solid rgba(251,191,36,.28); border-radius: 10px; padding: 8px 12px; font-size: 13px; font-weight: 600; color: #fde68a; text-align: center; }

/* ── Fix 5: Referral strip divider spacing ───────────────────────── */
.lg-home-referral-strip { flex-wrap: wrap; justify-content: center; }


/* ═══════════════════════════════════════════════════════════════════
   Learn & Grow — v2.5.2 FIXES
   1. Softer purple palette
   2. Upgrade page 2-card centred layout
   3. KSA mini grid text visibility
   4. Reward section centering
   ═══════════════════════════════════════════════════════════════════ */

/* ── 1. Softer, more approachable purple palette ─────────────────── */
:root {
  --lg-primary:       #7C6FCD;  /* was #6366F1 — softer indigo-violet */
  --lg-primary-dk:    #6457B8;
  --lg-primary-2:     #9D8FE0;
  --lg-accent:        #D4649A;  /* was #EC4899 — softer pink */
  --lg-grad-primary:  linear-gradient(135deg,#7C6FCD 0%,#9D8FE0 50%,#D4649A 100%);
  --lg-grad-soft:     linear-gradient(135deg,#9D8FE0 0%,#B8AFEC 100%);
  --lg-grad-dark:     linear-gradient(160deg,#2D1F6B 0%,#4A3A9E 60%,#6457B8 100%);
}

/* Soften pricing card heads */
.lg-pricing-card .lg-pricing-head { opacity: .92; }
.lg-pricing-card[style*="6366F1"] .lg-pricing-head,
.lg-pricing-card[style*="6457B8"] { --pc1:#7C6FCD; --pc2:#9D8FE0; }
.lg-pricing-card[style*="8B5CF6"] .lg-pricing-head,
.lg-pricing-card[style*="EC4899"] { --pc1:#9D8FE0; --pc2:#D4649A; }

/* Step numbers softer */
.lg-step-num { background: linear-gradient(135deg,#7C6FCD,#D4649A) !important; }
.lg-steps-premium .lg-step-num { background: linear-gradient(135deg,#7C6FCD,#D4649A) !important; box-shadow: 0 14px 30px -14px rgba(100,87,184,.45) !important; }

/* Buttons softer */
.lg-btn-primary { background: #7C6FCD !important; }
.lg-btn-primary:hover { background: #6457B8 !important; }

/* ── 2. Upgrade page — 2 cards centred, not full-width ──────────── */
.lg-plan-grid {
  grid-template-columns: repeat(2, minmax(0, 340px)) !important;
  max-width: 740px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  justify-content: center !important;
}
/* On mobile stack */
@media(max-width:680px){ .lg-plan-grid { grid-template-columns: 1fr !important; max-width: 420px !important; } }

/* ── 3. Upgrade reward section — centred with breathing room ──────── */
.lg-upgrade-reward-section {
  max-width: 860px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 40px !important;
}
.lg-upgrade-reward-section .lg-reward-system-card {
  max-width: 100% !important;
  margin: 0 !important;
}

/* ── 4. KSA mini grid text — force gold text, fix colour inheritance ─ */
/* The global color:revert on .lg-home-earning-section * pulls dark text
   into the dark-background KSA card. Fix with high-specificity rules. */
.lg-ksa-home-card { color: #fff !important; }
.lg-ksa-home-card h3 { color: #fde68a !important; }
.lg-ksa-home-card p  { color: rgba(255,255,255,.74) !important; }
.lg-ksa-mini-grid span { color: #fcd34d !important; background: rgba(255,255,255,.07) !important; border-color: rgba(251,191,36,.32) !important; }
.lg-home-v25 .lg-home-earning-section .lg-ksa-home-card { color: #fff !important; }
.lg-home-v25 .lg-home-earning-section .lg-ksa-home-card * { color: revert; }
.lg-home-v25 .lg-home-earning-section .lg-ksa-home-card h3 { color: #fde68a !important; }
.lg-home-v25 .lg-home-earning-section .lg-ksa-home-card p { color: rgba(255,255,255,.74) !important; }
.lg-home-v25 .lg-home-earning-section .lg-ksa-mini-grid span { color: #fcd34d !important; background: rgba(255,255,255,.07) !important; border-color: rgba(251,191,36,.32) !important; }

/* ── 5. Reward system card: 2-col grid, centred ──────────────────── */
.lg-reward-level-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; max-width: 780px !important; margin-left: auto !important; margin-right: auto !important; }
@media(max-width:640px){ .lg-reward-level-grid { grid-template-columns: 1fr !important; } }

/* ── 6. Soften the public nav brand gradient ─────────────────────── */
.lg-public-brand span { background: linear-gradient(135deg,#7C6FCD,#D4649A); -webkit-background-clip:text; background-clip:text; color:transparent; }

/* ── 7. Kicker pill softer ───────────────────────────────────────── */
.lg-kicker { background: linear-gradient(135deg,rgba(100,87,184,.1),rgba(212,100,154,.1)); border-color: rgba(100,87,184,.18); color: #6457B8; }


/* ── Sidebar career tools section ───────────────────────────────────── */
.lg-sidebar-section-label{
  display:flex;align-items:center;justify-content:space-between;
  padding:16px 18px 6px;font-size:10px;font-weight:700;text-transform:uppercase;
  letter-spacing:.12em;color:rgba(255,255,255,.45);
}
.lg-sidebar-pro-tag{
  font-size:9px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  background:linear-gradient(135deg,#7C6FCD,#D4649A);color:#fff;
  padding:2px 8px;border-radius:99px;
}
.lg-nav-career-tool.lg-nav-locked{opacity:.55;}
.lg-nav-career-tool.lg-nav-locked:hover{opacity:.75;}
.lg-nav-lock-icon{margin-left:auto;font-size:12px;opacity:.7;}


/* ── Career tools shared shell ────────────────────────────────────── */
.lg-career-tool-page .lg-container { max-width: 1200px; }
.lg-cl-hero { background: radial-gradient(circle at top right,rgba(47,140,255,.32),transparent 36%), linear-gradient(135deg,#071426,#0b213a); border:1px solid #234765; border-radius:24px; padding:34px; margin-bottom:18px; }


/* ═══════════════════════════════════════════════════════════════════
   Career Tools — consolidated field & layout fixes (v2.5.3)
   ═══════════════════════════════════════════════════════════════════ */

/* ── Hero header - force white text on all career tool pages ──────── */
.lg-ip-hero h1,.lg-ip-hero p,.lg-ip-hero span,
.lg-ct-hero h1,.lg-ct-hero p,.lg-ct-hero span,
.lg-cl-hero h1,.lg-cl-hero p,.lg-cl-hero span,
.lg-sn-wrap .lg-cl-hero h1,.lg-sn-wrap .lg-cl-hero p {
  color: inherit !important;
}
.lg-ip-hero h1,.lg-ct-hero h1,.lg-cl-hero h1 { color: #ffffff !important; }
.lg-ip-hero p,.lg-ct-hero p,.lg-cl-hero p    { color: #8fb4d4 !important; }
.lg-ip-hero span,.lg-ct-hero-tag              { color: #90c4f8 !important; }

/* ── Salary form fields - neat and sleek ──────────────────────────── */
.lg-sn-form-inner{display:flex;flex-direction:column;gap:0}
.lg-sn-form-inner label{display:block;margin-bottom:14px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#8fb4d4}
.lg-sn-form-inner input,.lg-sn-form-inner textarea,.lg-sn-form-inner select{
  display:block;width:100%;box-sizing:border-box;
  background:#0c2040;border:1px solid #2a536e;color:#e8f4ff;
  border-radius:12px;padding:11px 14px;font:inherit;font-size:14px;
  transition:border-color .2s;margin-top:6px;
}
.lg-sn-form-inner input:focus,.lg-sn-form-inner textarea:focus,.lg-sn-form-inner select:focus{
  outline:none;border-color:#7C6FCD;
}
.lg-sn-form-inner input::placeholder,.lg-sn-form-inner textarea::placeholder{color:#4a6a8a}
.lg-sn-form-inner textarea{resize:vertical;min-height:80px}

/* ── Interview prep tabs - white on white fix ─────────────────────── */
.lg-ip-tab{color:rgba(255,255,255,.75) !important}
.lg-ip-tab.active,.lg-ip-tab:hover{color:#fff !important}
.lg-ip-practice-toggle{color:#9fb6cc !important}
.lg-ip-counter{color:#9fb6cc !important}

/* ── LinkedIn checklist items text fix ───────────────────────────── */
.lg-li-q{color:#eaf4ff !important}
.lg-li-section-title{color:#c4b5fd !important}

/* ── Ensure app shell wraps career tools properly ────────────────── */
.lg-app .lg-content .lg-ip-wrap,
.lg-app .lg-content .lg-cl-builder,
.lg-app .lg-content .lg-sn-wrap,
.lg-app .lg-content .lg-li-wrap { max-width: 100%; }


/* ═══════════════════════════════════════════════════════════════════
   Interview Prep — force colours via global stylesheet (v2.5.4)
   These rules override the platform cascade that was washing out
   the dark-bg controls when the stylesheet loaded after the template.
   ═══════════════════════════════════════════════════════════════════ */
.lg-app .lg-ip-wrap { color: #eaf4ff !important; }
.lg-app .lg-ip-hero { background: radial-gradient(circle at top right,rgba(47,140,255,.32),transparent 36%),linear-gradient(135deg,#071426,#0b213a); border: 1px solid #234765; border-radius: 24px; }
.lg-app .lg-ip-hero span,.lg-app .lg-ip-hero-tag { color: #bfe4ff !important; }
.lg-app .lg-ip-hero h1 { color: #ffffff !important; }
.lg-app .lg-ip-hero p  { color: #9fb6cc !important; }
/* Tabs */
.lg-app .lg-ip-tab { border: 1px solid rgba(255,255,255,.22) !important; background: rgba(255,255,255,.07) !important; color: rgba(255,255,255,.82) !important; }
.lg-app .lg-ip-tab.active, .lg-app .lg-ip-tab:hover { background: rgba(124,111,205,.45) !important; border-color: rgba(124,111,205,.7) !important; color: #fff !important; }
/* Toolbar */
.lg-app .lg-ip-practice-toggle,
.lg-app .lg-ip-practice-toggle span { color: #9fb6cc !important; }
.lg-app .lg-ip-bookmark-btn { border: 1px solid rgba(255,255,255,.22) !important; background: rgba(255,255,255,.07) !important; color: #bfe4ff !important; }
.lg-app .lg-ip-counter { color: #9fb6cc !important; }
/* Cards */
.lg-app .lg-ip-card { background: rgba(7,20,38,.96) !important; border-color: #234765 !important; }
.lg-app .lg-ip-question { color: #fff !important; }
.lg-app .lg-ip-q-num { color: #fff !important; }
.lg-app .lg-ip-answer { color: #9fb6cc !important; }
.lg-app .lg-ip-toggle-btn { border: 1px solid rgba(124,111,205,.5) !important; background: rgba(124,111,205,.1) !important; color: #c4b5fd !important; }
.lg-app .lg-ip-toggle-btn:hover { background: rgba(124,111,205,.3) !important; color: #fff !important; }
.lg-app .lg-ip-reviewed label { color: #9fb6cc !important; }
.lg-app .lg-ip-bookmark-empty { color: #9fb6cc !important; }
/* Salary negotiation — same treatment */
.lg-app .lg-sn-hero h1 { color: #ffffff !important; }
.lg-app .lg-sn-hero p  { color: #8fb4d4 !important; }
.lg-app .lg-sn-hero-tag { color: #90c4f8 !important; }
.lg-app .lg-sn-form-col { background: rgba(7,20,38,.96) !important; border: 1px solid #234765 !important; }
.lg-app .lg-sn-form-inner label > span { color: #8fb4d4 !important; }
.lg-app .lg-sn-form-inner input,
.lg-app .lg-sn-form-inner textarea,
.lg-app .lg-sn-form-inner select { background: #0c2040 !important; border-color: #2a536e !important; color: #e8f4ff !important; }
.lg-app .lg-sn-form-inner input::placeholder,
.lg-app .lg-sn-form-inner textarea::placeholder { color: #4a6a8a !important; }
.lg-app .lg-sn-script-card { background: rgba(7,20,38,.96) !important; border-color: #234765 !important; }
.lg-app .lg-sn-script-title { color: #fff !important; }
.lg-app .lg-sn-script-body { color: #c4b5fd !important; }
.lg-app .lg-sn-placeholder { color: #9fb6cc !important; border-color: #234765 !important; background: rgba(7,20,38,.96) !important; }
.lg-app .lg-sn-tips h4 { color: #34d399 !important; }
.lg-app .lg-sn-tips li { color: #9fb6cc !important; }
/* LinkedIn — same treatment */
.lg-app .lg-li-hero h1 { color: #ffffff !important; }
.lg-app .lg-li-hero p  { color: #8fb4d4 !important; }
.lg-app .lg-li-hero-tag { color: #90c4f8 !important; }
.lg-app .lg-li-score-label { color: #fff !important; }
.lg-app .lg-li-score-label strong { color: #F59E0B !important; }
.lg-app .lg-li-section-title { color: #c4b5fd !important; }
.lg-app .lg-li-q { color: #eaf4ff !important; }
.lg-app .lg-li-check:checked ~ .lg-li-q { color: #9fb6cc !important; }
.lg-app .lg-li-pts { color: #7C6FCD !important; }
.lg-app .lg-li-tip { color: #9fb6cc !important; }
.lg-app .lg-li-action-title { color: #c4b5fd !important; }
.lg-app .lg-li-action-empty { color: #9fb6cc !important; }
.lg-app .lg-li-action-item { color: #eaf4ff !important; border-color: rgba(255,255,255,.06) !important; }
.lg-app .lg-li-action-item em { color: #9fb6cc !important; }


/* ═══════════════════════════════════════════════════════════════════
   v2.5.5 — Interview Prep colour FINAL FIX
   Problem: body.lg-page sets color:#0F172A on all descendants,
   and .lg-tab sets color:var(--lg-text-2) which both beat previous
   rules. Solution: maximum specificity with body + class chain.
   ═══════════════════════════════════════════════════════════════════ */
body.lg-page .lg-app .lg-ip-wrap,
body.lg-page .lg-app .lg-ip-wrap * { color: #eaf4ff !important; }

/* Restore specific light colours within the dark zone */
body.lg-page .lg-app .lg-ip-hero h1 { color: #ffffff !important; font-size: clamp(24px,4vw,40px) !important; }
body.lg-page .lg-app .lg-ip-hero p  { color: #9fb6cc !important; }
body.lg-page .lg-app .lg-ip-hero span { color: #bfe4ff !important; }

body.lg-page .lg-app .lg-ip-tab { color: rgba(255,255,255,.85) !important; background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.22) !important; }
body.lg-page .lg-app .lg-ip-tab.active,
body.lg-page .lg-app .lg-ip-tab:hover { color: #fff !important; background: rgba(124,111,205,.5) !important; border-color: rgba(124,111,205,.8) !important; }

body.lg-page .lg-app .lg-ip-practice-toggle { color: #9fb6cc !important; }
body.lg-page .lg-app .lg-ip-practice-toggle span { color: #9fb6cc !important; }
body.lg-page .lg-app .lg-ip-bookmark-btn { color: #bfe4ff !important; background: rgba(255,255,255,.08) !important; border-color: rgba(255,255,255,.22) !important; }
body.lg-page .lg-app .lg-ip-counter { color: #9fb6cc !important; }

body.lg-page .lg-app .lg-ip-question { color: #ffffff !important; }
body.lg-page .lg-app .lg-ip-answer { color: #9fb6cc !important; }
body.lg-page .lg-app .lg-ip-toggle-btn { color: #c4b5fd !important; border-color: rgba(124,111,205,.5) !important; background: rgba(124,111,205,.1) !important; }
body.lg-page .lg-app .lg-ip-toggle-btn:hover { color: #ffffff !important; background: rgba(124,111,205,.3) !important; }
body.lg-page .lg-app .lg-ip-reviewed label { color: #9fb6cc !important; }
body.lg-page .lg-app .lg-ip-section-title { color: #c4b5fd !important; }
body.lg-page .lg-app .lg-ip-bookmark-empty { color: #9fb6cc !important; }


/* ═══════════════════════════════════════════════════════════════════
   v2.13.42 — Interview Prep controls readability fix
   Keeps the page premium and prevents white-on-white tab/toolbar text.
   Scoped only to the Interview Prep page classes.
   ═══════════════════════════════════════════════════════════════════ */
body.lg-page .lg-app .lg-ip-controls{
  background:linear-gradient(135deg,rgba(12,29,55,.96),rgba(41,25,96,.94)) !important;
  border:1px solid rgba(191,219,254,.20) !important;
  box-shadow:0 18px 50px -32px rgba(15,23,42,.55) !important;
}
body.lg-page .lg-app .lg-ip-tabs .lg-ip-tab{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.24) !important;
  color:#eaf4ff !important;
  font-weight:800 !important;
  opacity:1 !important;
  text-shadow:0 1px 1px rgba(0,0,0,.18) !important;
}
body.lg-page .lg-app .lg-ip-tabs .lg-ip-tab.active,
body.lg-page .lg-app .lg-ip-tabs .lg-ip-tab:hover,
body.lg-page .lg-app .lg-ip-tabs .lg-ip-tab:focus{
  background:linear-gradient(135deg,#6d5dfc,#a855f7) !important;
  border-color:rgba(196,181,253,.95) !important;
  color:#ffffff !important;
  opacity:1 !important;
  outline:none !important;
}
body.lg-page .lg-app .lg-ip-toolbar,
body.lg-page .lg-app .lg-ip-toolbar *,
body.lg-page .lg-app .lg-ip-practice-toggle,
body.lg-page .lg-app .lg-ip-practice-toggle span,
body.lg-page .lg-app .lg-ip-bookmark-btn{
  color:#eaf4ff !important;
  opacity:1 !important;
}
body.lg-page .lg-app .lg-ip-bookmark-btn{
  background:rgba(255,255,255,.10) !important;
  border-color:rgba(255,255,255,.24) !important;
  font-weight:800 !important;
}
body.lg-page .lg-app .lg-ip-bookmark-btn:hover,
body.lg-page .lg-app .lg-ip-bookmark-btn:focus{
  background:rgba(124,111,205,.35) !important;
  border-color:rgba(196,181,253,.65) !important;
  color:#ffffff !important;
}
body.lg-page .lg-app .lg-ip-counter{
  color:#6b5c93 !important;
  opacity:1 !important;
}


/* ═══════════════════════════════════════════════════════════════════
   v2.13.43 — Lesson audio reader: Google voices only, scoped to lesson page
   ═══════════════════════════════════════════════════════════════════ */
body.lg-page .lg-app .lg-audio-reader{
  margin:18px 0 24px;
  padding:14px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(39,19,95,.97),rgba(91,64,214,.95) 55%,rgba(229,62,158,.92));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 22px 55px -32px rgba(49,32,122,.72);
  color:#fff !important;
  overflow:hidden;
}
body.lg-page .lg-app .lg-audio-reader,
body.lg-page .lg-app .lg-audio-reader *{
  box-sizing:border-box;
}
body.lg-page .lg-app .lg-audio-reader{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
body.lg-page .lg-app .lg-audio-main{
  display:flex;
  align-items:center;
  min-width:220px;
  gap:12px;
}
body.lg-page .lg-app .lg-audio-badge{
  width:44px;
  height:44px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16);
  font-size:20px;
}
body.lg-page .lg-app .lg-audio-title strong{
  display:block;
  color:#fff !important;
  font-size:15px;
  font-weight:900;
  letter-spacing:-.01em;
}
body.lg-page .lg-app .lg-audio-title span{
  display:block;
  margin-top:3px;
  color:rgba(255,255,255,.78) !important;
  font-size:12px;
  font-weight:750;
}
body.lg-page .lg-app .lg-audio-controls{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:flex-end;
  gap:9px;
}
body.lg-page .lg-app .lg-audio-select,
body.lg-page .lg-app .lg-audio-btn{
  min-height:40px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.24) !important;
  background:rgba(255,255,255,.14) !important;
  color:#ffffff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14);
  font-weight:850;
  font-size:12px;
  outline:none;
}
body.lg-page .lg-app .lg-audio-select{
  width:min(290px,100%);
  padding:0 34px 0 14px;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
}
body.lg-page .lg-app .lg-audio-select option{
  color:#172033 !important;
  background:#ffffff !important;
}
body.lg-page .lg-app .lg-audio-btn{
  padding:0 15px;
  cursor:pointer;
  transition:transform .16s ease, background .16s ease, opacity .16s ease;
}
body.lg-page .lg-app .lg-audio-btn:hover,
body.lg-page .lg-app .lg-audio-btn:focus{
  transform:translateY(-1px);
  background:rgba(255,255,255,.22) !important;
  color:#fff !important;
}
body.lg-page .lg-app .lg-audio-play{
  background:#ffffff !important;
  color:#5b3fd0 !important;
  border-color:rgba(255,255,255,.65) !important;
}
body.lg-page .lg-app .lg-audio-play:hover,
body.lg-page .lg-app .lg-audio-play:focus{
  color:#4b2ec4 !important;
  background:#f7f3ff !important;
}
body.lg-page .lg-app .lg-audio-stop{
  background:rgba(15,23,42,.22) !important;
}
body.lg-page .lg-app .lg-audio-btn:disabled,
body.lg-page .lg-app .lg-audio-select:disabled{
  opacity:.55;
  cursor:not-allowed;
  transform:none;
}
body.lg-page .lg-app .lg-audio-progress{
  flex:1 0 100%;
  height:5px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  overflow:hidden;
}
body.lg-page .lg-app .lg-audio-progress span{
  display:block;
  width:0%;
  height:100%;
  border-radius:999px;
  background:#ffffff;
  transition:width .22s ease;
}
@media (max-width:760px){
  body.lg-page .lg-app .lg-audio-reader{align-items:stretch;}
  body.lg-page .lg-app .lg-audio-main{width:100%;}
  body.lg-page .lg-app .lg-audio-controls{width:100%;justify-content:flex-start;}
  body.lg-page .lg-app .lg-audio-select{width:100%;}
  body.lg-page .lg-app .lg-audio-btn{flex:1;}
}


/* ═══ v2.13.44 — Hide retired top Listen Mode add-on player on lesson pages ═══ */
body.lg-page .lg-app .lgla-player,
body.lg-page .lgla-player,
body.learn-grow-page .lgla-player,
body .lgla-player{
  display:none !important;
  visibility:hidden !important;
  height:0 !important;
  min-height:0 !important;
  margin:0 !important;
  padding:0 !important;
  overflow:hidden !important;
}