:root{--bsic-primary:#6C4DF6;--bsic-dark:#111827;--bsic-muted:#6b7280;--bsic-soft:#f4f2ff;--bsic-border:#e5e7eb;--bsic-radius:22px}.bsic-dashboard,.bsic-courses-page,.bsic-course-page,.bsic-lesson-page,.bsic-auth-wrap{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--bsic-dark)}.bsic-hero{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,var(--bsic-primary),#121826);color:#fff;border-radius:32px;padding:36px;margin:0 0 28px;box-shadow:0 24px 50px rgba(20,20,80,.18)}.bsic-hero.compact{display:block}.bsic-hero h1{margin:5px 0 10px;color:#fff;font-size:clamp(30px,5vw,56px);line-height:1}.bsic-hero p{margin:0;color:rgba(255,255,255,.84);font-size:17px}.bsic-kicker{display:inline-flex;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);padding:7px 12px;border-radius:999px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.bsic-course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:22px}.bsic-course-card{background:#fff;border:1px solid var(--bsic-border);border-radius:var(--bsic-radius);overflow:hidden;box-shadow:0 14px 36px rgba(17,24,39,.08);transition:.2s ease}.bsic-course-card:hover{transform:translateY(-4px);box-shadow:0 22px 54px rgba(17,24,39,.13)}.bsic-thumb{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;background:linear-gradient(135deg,var(--bsic-soft),#fff);color:var(--bsic-primary);font-weight:800;text-decoration:none}.bsic-thumb img{width:100%;height:100%;object-fit:cover}.bsic-card-body{padding:20px}.bsic-tag{display:inline-flex;background:var(--bsic-soft);color:var(--bsic-primary);font-weight:700;border-radius:999px;padding:5px 10px;font-size:12px}.bsic-card-body h3{margin:12px 0 8px;font-size:22px}.bsic-card-body h3 a{text-decoration:none;color:var(--bsic-dark)}.bsic-card-body p{color:var(--bsic-muted);margin:0 0 18px}.bsic-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.bsic-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--bsic-primary);color:#fff!important;border:0;border-radius:999px;padding:13px 20px;text-decoration:none!important;font-weight:800;box-shadow:0 12px 26px rgba(108,77,246,.25);cursor:pointer;line-height:1.1}.bsic-btn:hover{filter:brightness(.95);color:#fff!important}.bsic-btn-small{padding:10px 14px;font-size:13px}.bsic-btn-light{background:#fff;color:var(--bsic-primary)!important}.bsic-auth-wrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:22px;max-width:980px;margin:30px auto}.bsic-auth-card{background:#fff;border:1px solid var(--bsic-border);border-radius:26px;padding:28px;box-shadow:0 16px 40px rgba(17,24,39,.09);max-width:760px}.bsic-gradient-card{background:linear-gradient(135deg,var(--bsic-primary),#141827);color:#fff}.bsic-gradient-card h2{color:#fff}.bsic-auth-card label{display:block;margin:14px 0 8px;font-weight:700}.bsic-auth-card input[type=email],.bsic-auth-card input[type=password],.bsic-auth-card input[type=text]{width:100%;border:1px solid var(--bsic-border);border-radius:14px;padding:13px;margin-top:6px;background:#fff;color:#111827}.bsic-check{display:flex!important;align-items:center;gap:8px;font-weight:500!important}.bsic-alert{background:#fff7ed;border:1px solid #fed7aa;border-radius:16px;padding:14px 16px;margin:16px 0;color:#9a3412}.bsic-empty{background:#f9fafb;border:1px dashed var(--bsic-border);border-radius:18px;padding:22px;color:var(--bsic-muted)}.bsic-course-cover{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px;align-items:start;background:#111827;color:#fff;border-radius:34px;padding:34px;margin-bottom:30px}.bsic-course-cover h1{color:#fff;font-size:clamp(32px,5vw,58px);line-height:1;margin:12px 0}.bsic-course-content{color:rgba(255,255,255,.84)}.bsic-course-side{background:#fff;color:#111827;border-radius:24px;padding:16px;box-shadow:0 18px 44px rgba(0,0,0,.18)}.bsic-course-side img{border-radius:18px;width:100%;height:auto}.bsic-price{font-weight:900;font-size:28px;margin:14px 0}.bsic-lesson-list{display:grid;gap:12px}.bsic-lesson-row{display:flex;align-items:center;justify-content:space-between;gap:16px;background:#fff;border:1px solid var(--bsic-border);border-radius:18px;padding:17px 18px;text-decoration:none!important;color:var(--bsic-dark)!important;box-shadow:0 8px 22px rgba(17,24,39,.05)}.bsic-lesson-row small{display:block;color:var(--bsic-muted);margin-top:4px}.bsic-lesson-row em{font-style:normal;background:var(--bsic-soft);color:var(--bsic-primary);border-radius:999px;padding:6px 10px;font-weight:800}.bsic-back{display:inline-flex;margin-bottom:16px;text-decoration:none!important;color:var(--bsic-primary)!important;font-weight:800}.bsic-lesson-page h1{font-size:clamp(30px,5vw,52px);line-height:1;margin:0 0 20px}.bsic-player-card{background:#0b1020;border-radius:28px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.22);margin-bottom:26px;user-select:none}.bsic-video-shell{position:relative;aspect-ratio:16/9;background:#000}.bsic-player-box,.bsic-player-box iframe,.bsic-video-placeholder{position:absolute;inset:0;width:100%;height:100%}.bsic-video-placeholder{display:flex;align-items:center;justify-content:center;color:#fff;background:radial-gradient(circle at center,var(--bsic-primary),#050816);font-weight:800}.bsic-video-shield{position:absolute;inset:0;z-index:5;background:transparent}.bsic-custom-controls{position:relative;z-index:10;display:flex;align-items:center;gap:10px;padding:14px;background:#0b1020;color:#fff;flex-wrap:wrap}.bsic-control{border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:999px;padding:10px 13px;cursor:pointer;font-weight:800}.bsic-control:hover{background:rgba(255,255,255,.16)}.bsic-seek{flex:1;min-width:180px;accent-color:var(--bsic-primary)}.bsic-time{font-variant-numeric:tabular-nums;color:rgba(255,255,255,.7)}.bsic-progress-bar{height:6px;background:rgba(255,255,255,.12)}.bsic-progress-bar span{display:block;height:100%;background:var(--bsic-primary);transition:.2s}.bsic-completed .bsic-progress-bar span{background:#22c55e}.bsic-lesson-content{background:#fff;border:1px solid var(--bsic-border);border-radius:22px;padding:24px;margin-bottom:22px}.bsic-materials,.bsic-quiz{background:#fff;border:1px solid var(--bsic-border);border-radius:22px;padding:24px;margin:22px 0;box-shadow:0 12px 30px rgba(17,24,39,.06)}.bsic-materials a{display:flex;border:1px solid var(--bsic-border);border-radius:14px;padding:12px 14px;margin:10px 0;text-decoration:none!important;color:var(--bsic-dark)!important}.bsic-quiz-question{background:#f9fafb;border:1px solid var(--bsic-border);border-radius:18px;padding:18px;margin:14px 0}.bsic-quiz-question h3{margin-top:0}.bsic-quiz-question label{display:block;margin:10px 0}.bsic-quiz-result{margin-top:14px;font-weight:800}.bsic-quiz-result.is-ok{color:#15803d}.bsic-quiz-result.is-ko{color:#b91c1c}.bsic-password-gate{margin:24px 0}.bsic-dashboard h2,.bsic-course-page h2,.bsic-lesson-page h2{font-size:28px;margin:26px 0 16px}@media(max-width:780px){.bsic-hero,.bsic-course-cover{grid-template-columns:1fr;display:grid}.bsic-course-cover{padding:24px}.bsic-course-side{max-width:none}.bsic-custom-controls{gap:8px}.bsic-control{padding:9px 10px;font-size:13px}}

/* Be Smart Academy v2.1 modern UI polish */
.bsic-dashboard,.bsic-courses-page,.bsic-course-page,.bsic-lesson-page{max-width:1180px;margin:0 auto;padding:28px 16px}.bsic-auth-wrap{padding:28px 16px}.bsic-dashboard,.bsic-courses-page,.bsic-course-page,.bsic-lesson-page,.bsic-auth-wrap{--bsic-bg:#f7f8fc;--bsic-card:#ffffff;--bsic-ink:#101828;--bsic-muted2:#667085}.bsic-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.30),transparent 25%),linear-gradient(135deg,#15172c 0%,var(--bsic-primary) 54%,#a78bfa 100%);min-height:210px}.bsic-hero:after{content:"";position:absolute;right:-80px;top:-80px;width:260px;height:260px;border-radius:50%;background:rgba(255,255,255,.14);filter:blur(2px)}.bsic-hero>*{position:relative;z-index:1}.bsic-hero h1{letter-spacing:-.045em}.bsic-kicker-dark{background:var(--bsic-soft);border:1px solid #e9e4ff;color:var(--bsic-primary)}.bsic-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:28px 0 18px}.bsic-section-head h2{margin:5px 0 0!important;letter-spacing:-.03em}.bsic-count-pill{background:#111827;color:#fff;border-radius:999px;padding:9px 13px;font-weight:900;font-size:13px}.bsic-course-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:26px}.bsic-course-card{border:0;border-radius:26px;background:rgba(255,255,255,.94);box-shadow:0 18px 45px rgba(16,24,40,.10);position:relative}.bsic-course-card:before{content:"";position:absolute;inset:0;border-radius:26px;padding:1px;background:linear-gradient(135deg,rgba(108,77,246,.35),rgba(255,255,255,.2),rgba(16,24,40,.08));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}.bsic-thumb{border-radius:22px;margin:12px 12px 0;overflow:hidden;background:linear-gradient(135deg,#ece9ff,#fbfcff 55%,#e0f2fe);min-height:180px}.bsic-thumb span{font-size:28px;letter-spacing:-.04em}.bsic-card-body{padding:22px}.bsic-card-body h3{font-size:24px;line-height:1.08;letter-spacing:-.035em}.bsic-tag{background:linear-gradient(135deg,var(--bsic-soft),#eef2ff);box-shadow:inset 0 0 0 1px rgba(108,77,246,.10)}.bsic-btn{transition:transform .18s ease,box-shadow .18s ease,filter .18s ease;background:linear-gradient(135deg,var(--bsic-primary),#8b5cf6);box-shadow:0 14px 30px rgba(108,77,246,.30)}.bsic-btn:hover{transform:translateY(-1px);box-shadow:0 20px 40px rgba(108,77,246,.36)}.bsic-course-cover{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 10%,rgba(124,58,237,.55),transparent 28%),linear-gradient(135deg,#0b1020,#17172d 56%,#30225e);border-radius:36px;box-shadow:0 28px 70px rgba(16,24,40,.22)}.bsic-course-cover:after{content:"";position:absolute;right:-70px;bottom:-90px;width:280px;height:280px;border-radius:50%;background:rgba(255,255,255,.09)}.bsic-course-cover>*{position:relative;z-index:1}.bsic-course-side{backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.65)}.bsic-lesson-row{position:relative;border:0;padding:18px 18px 18px 16px;border-radius:20px;background:linear-gradient(180deg,#fff,#fbfbff);box-shadow:0 12px 28px rgba(16,24,40,.07);transition:.18s ease}.bsic-lesson-row:hover{transform:translateX(4px);box-shadow:0 16px 34px rgba(16,24,40,.11)}.bsic-lesson-index{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:12px;background:var(--bsic-soft);color:var(--bsic-primary);font-weight:950;flex:0 0 auto}.bsic-lesson-row span:nth-child(2){flex:1}.bsic-lesson-page{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:24px;align-items:start}.bsic-lesson-page>.bsic-back,.bsic-lesson-page>h1,.bsic-lesson-page>.bsic-player-card,.bsic-lesson-page>.bsic-lesson-content{grid-column:1}.bsic-lesson-page>.bsic-materials,.bsic-lesson-page>.bsic-quiz,.bsic-lesson-page>.bsic-empty{grid-column:2}.bsic-lesson-page>h1{letter-spacing:-.045em}.bsic-player-card{border-radius:30px;border:1px solid rgba(255,255,255,.08);box-shadow:0 30px 80px rgba(2,6,23,.35)}.bsic-video-shell{background:linear-gradient(135deg,#050816,#111827)}.bsic-custom-controls{background:linear-gradient(180deg,#111827,#090d19);border-top:1px solid rgba(255,255,255,.08)}.bsic-control{backdrop-filter:blur(8px);transition:.16s ease}.bsic-control:hover{transform:translateY(-1px)}.bsic-materials,.bsic-quiz,.bsic-lesson-content,.bsic-auth-card{border:0;box-shadow:0 18px 45px rgba(16,24,40,.09)}.bsic-materials,.bsic-quiz{position:sticky;top:26px}.bsic-materials h2,.bsic-quiz h2{margin-top:0;letter-spacing:-.03em}.bsic-materials a:hover{background:var(--bsic-soft)}.bsic-quiz-question{background:linear-gradient(180deg,#f9fafb,#fff);border-color:#eef0f5}.bsic-alert{border:0;background:#fff7ed;box-shadow:0 10px 28px rgba(154,52,18,.08)}.bsic-empty{background:#fff;border:1px dashed #d6d9e0;box-shadow:0 8px 24px rgba(16,24,40,.04)}@media(max-width:980px){.bsic-lesson-page{display:block}.bsic-materials,.bsic-quiz{position:static}.bsic-section-head{align-items:flex-start;flex-direction:column}.bsic-course-grid{grid-template-columns:1fr}.bsic-dashboard,.bsic-courses-page,.bsic-course-page,.bsic-lesson-page{padding:18px 12px}}

/* Be Smart Academy v2.2 fully functional lesson layout */
.bsic-lesson-v22{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:28px!important;align-items:start!important;max-width:1240px!important}.bsic-lesson-main{min-width:0}.bsic-lesson-sidebar{display:grid;gap:18px;position:sticky;top:24px}.bsic-lesson-v22>.bsic-back,.bsic-lesson-v22>h1,.bsic-lesson-v22>.bsic-player-card,.bsic-lesson-v22>.bsic-lesson-content,.bsic-lesson-v22>.bsic-materials,.bsic-lesson-v22>.bsic-quiz,.bsic-lesson-v22>.bsic-empty{grid-column:auto!important}.bsic-lesson-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.bsic-complete-badge{display:inline-flex;align-items:center;gap:7px;background:#ecfdf3;color:#027a48;border:1px solid #abefc6;border-radius:999px;padding:8px 12px;font-weight:900}.bsic-lesson-header{background:linear-gradient(135deg,#fff,#f7f5ff);border:1px solid #eef0f6;border-radius:28px;padding:26px;margin-bottom:20px;box-shadow:0 16px 42px rgba(16,24,40,.08)}.bsic-lesson-header h1{margin:10px 0 14px!important;letter-spacing:-.045em}.bsic-lesson-stats{display:flex;gap:10px;flex-wrap:wrap}.bsic-lesson-stats span{background:#fff;border:1px solid #eef0f6;border-radius:999px;padding:8px 12px;color:#667085}.bsic-lesson-stats strong{color:#101828}.bsic-admin-warning{background:#fff7ed;border:1px solid #fed7aa;color:#9a3412;border-radius:18px;padding:14px 16px;margin:0 0 18px;box-shadow:0 10px 26px rgba(154,52,18,.08)}.bsic-admin-warning a{font-weight:900;color:#9a3412!important;margin-left:6px}.bsic-side-card{background:#fff;border:0;border-radius:24px;padding:22px;box-shadow:0 18px 45px rgba(16,24,40,.09)}.bsic-side-card h2{font-size:22px!important;margin:0 0 15px!important;letter-spacing:-.03em}.bsic-progress-widget{text-align:center}.bsic-ring{--p:0;width:132px;height:132px;border-radius:50%;margin:8px auto 14px;background:conic-gradient(var(--bsic-primary) calc(var(--p)*1%),#eef0f6 0);display:grid;place-items:center}.bsic-ring:before{content:"";position:absolute}.bsic-ring span{display:grid;place-items:center;width:96px;height:96px;background:#fff;border-radius:50%;font-size:28px;font-weight:950;color:#101828;box-shadow:inset 0 0 0 1px #eef0f6}.bsic-progress-widget p{color:#667085;margin-bottom:0}.bsic-mini-empty{background:#f9fafb;border:1px dashed #d6d9e0;border-radius:14px;padding:14px;color:#667085}.bsic-course-map{display:grid;gap:8px}.bsic-course-map h2{margin-bottom:8px!important}.bsic-course-map a{display:flex;align-items:center;gap:10px;text-decoration:none!important;color:#101828!important;border:1px solid #eef0f6;background:#fff;border-radius:14px;padding:10px;transition:.16s ease}.bsic-course-map a:hover,.bsic-course-map a.is-current{background:var(--bsic-soft);border-color:#ded6ff}.bsic-course-map span{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#f2f4f7;color:#667085;font-weight:900;flex:0 0 auto}.bsic-course-map a.is-current span{background:var(--bsic-primary);color:#fff}.bsic-course-map em{margin-left:auto;color:#027a48;font-style:normal;font-weight:950}.bsic-lesson-nav-bottom{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.bsic-nav-btn{display:block;text-decoration:none!important;background:#fff;border:1px solid #eef0f6;border-radius:18px;padding:16px;color:#667085!important;box-shadow:0 10px 26px rgba(16,24,40,.06)}.bsic-nav-btn strong{display:block;margin-top:4px;color:#101828}.bsic-nav-btn.is-next{text-align:right;background:linear-gradient(135deg,var(--bsic-soft),#fff)}.bsic-video-placeholder{font-size:18px;text-align:center;padding:24px}.bsic-player-card[data-has-video="0"] .bsic-custom-controls{opacity:.45;pointer-events:none}.bsic-quiz .bsic-btn{width:100%;justify-content:center;margin-top:8px}.bsic-materials,.bsic-quiz{position:static!important;margin:0!important}.bsic-side-card.bsic-quiz .bsic-quiz-question{padding:14px;margin:10px 0}.bsic-side-card.bsic-quiz .bsic-quiz-question h3{font-size:15px;line-height:1.25}.bsic-side-card.bsic-quiz .bsic-quiz-question label{font-size:14px}.bsic-lesson-content{min-height:100px}.bsic-player-card.bsic-completed .bsic-progress-bar span{background:#12b76a!important}@media(max-width:1024px){.bsic-lesson-v22{display:block!important}.bsic-lesson-sidebar{position:static;margin-top:22px}.bsic-lesson-nav-bottom{grid-template-columns:1fr}.bsic-nav-btn.is-next{text-align:left}}@media(max-width:640px){.bsic-lesson-header{padding:20px;border-radius:22px}.bsic-lesson-topbar{align-items:flex-start;flex-direction:column}.bsic-lesson-stats span{width:100%}.bsic-lesson-sidebar{gap:14px}.bsic-side-card{padding:18px;border-radius:20px}}