/* ═══════════════════════════════════════════════════════════════════
   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 — glass, soft */
.lg-home-category-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(248px,1fr));gap:18px;}
.lg-home-category-card{display:block;background:var(--lg-glass-3);border:1px solid rgba(255,255,255,.7);border-radius:24px;padding:22px;box-shadow:0 14px 42px -26px rgba(79,70,229,.4);color:var(--lg-v24-ink) !important;transition:transform .35s var(--lg-ease-out),box-shadow .35s,border-color .35s;backdrop-filter:blur(16px) saturate(150%);}
.lg-home-category-card:hover{transform:translateY(-6px);border-color:rgba(244,114,182,.35);box-shadow:0 28px 64px -32px rgba(124,92,255,.5);}
.lg-home-category-top{display:flex;align-items:center;justify-content:space-between;gap:12px;}
.lg-home-category-top span{font-weight:640;letter-spacing:-.015em;font-size:15.5px;line-height:1.3;}
.lg-home-category-top b{min-width:40px;height:34px;padding:0 10px;border-radius:999px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:14px;background:linear-gradient(135deg,#7c5cff,#ec4899);box-shadow:0 8px 18px -8px rgba(124,92,255,.6);}
.lg-home-category-card p{margin:10px 0 0;color:var(--lg-v24-muted);font-size:13px;font-weight:500;}

/* 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{max-width:1000px;margin:26px auto 30px;padding:28px;border-radius:26px;background:linear-gradient(135deg,rgba(255,247,237,.9),rgba(254,243,199,.7));border:1px solid rgba(251,191,36,.3);color:#7c4a12;box-shadow:0 18px 50px -38px rgba(245,158,11,.5);backdrop-filter:blur(10px);}
.lg-ksa-home-card h3{margin:0 0 16px;color:#78350f;font-size:19px;font-weight:680;letter-spacing:-.015em;}
.lg-ksa-home-card p{margin:16px 0 0;font-size:13px;line-height:1.7;font-weight:460;color:#92651f;}
.lg-ksa-mini-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;}
.lg-ksa-mini-grid span{padding:13px 10px;border-radius:16px;background:rgba(255,255,255,.78);border:1px solid rgba(251,191,36,.34);text-align:center;font-weight:620;font-size:12.5px;color:#b45309;box-shadow:0 6px 14px -12px rgba(245,158,11,.5);}

.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;}
}