/* PLANK Physics identity — 2026 redesign */
:root{
  --bg:#050914;--bg2:#081329;--panel:#0b1730;--panel2:#0d1e3e;--line:rgba(126,249,255,.13);
  --text:#eef7ff;--muted:#8fa7c2;--primary:#2de2e6;--primary2:#4d8cff;--accent:#d7b56d;
  --danger:#ff6b7a;--success:#36d399;--warning:#f7c65f;--shadow:0 26px 70px rgba(0,0,0,.34);--radius:22px
}
html{scroll-behavior:smooth;background:var(--bg)}
body{background:
 radial-gradient(circle at 8% 4%,rgba(45,226,230,.08),transparent 26rem),
 radial-gradient(circle at 92% 8%,rgba(77,140,255,.12),transparent 28rem),
 linear-gradient(180deg,#050914 0%,#071126 56%,#050914 100%);color:var(--text)}
a{color:inherit}.muted{color:var(--muted)}.kicker,.eyebrow{color:var(--primary)}
::selection{background:rgba(45,226,230,.28);color:#fff}

/* Shared glass system */
.card,.stat-card,.pricing-card,.auth-card,.table-wrap,.modal-content{
  background:linear-gradient(145deg,rgba(14,31,63,.92),rgba(7,18,39,.94));
  border:1px solid rgba(126,249,255,.12);box-shadow:0 18px 55px rgba(0,0,0,.24);backdrop-filter:blur(15px)
}
.card{border-radius:22px}.card:hover{border-color:rgba(45,226,230,.22)}
.btn-primary{background:linear-gradient(135deg,#18cfd8,#4d8cff)!important;color:#04101f!important;border:0!important;box-shadow:0 12px 34px rgba(45,226,230,.2);font-weight:900}
.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.07);box-shadow:0 16px 38px rgba(45,226,230,.26)}
.btn-secondary{border:1px solid rgba(126,249,255,.23)!important;background:rgba(9,29,58,.72)!important;color:#cdefff!important;box-shadow:none!important}
.btn-secondary:hover{border-color:rgba(45,226,230,.5)!important;background:rgba(45,226,230,.09)!important;color:#fff!important}
.btn-success{background:linear-gradient(135deg,#21b984,#36d399)!important}.btn-danger{background:linear-gradient(135deg,#f05265,#ff7585)!important}
.input,.select,.textarea{background:rgba(2,10,24,.7)!important;border:1px solid rgba(126,249,255,.13)!important;color:#eef7ff!important;border-radius:13px!important;outline:none}
.input:focus,.select:focus,.textarea:focus{border-color:rgba(45,226,230,.68)!important;box-shadow:0 0 0 3px rgba(45,226,230,.09)!important}
.input::placeholder,.textarea::placeholder{color:#627b98}.label{color:#c7d9ea!important}.select option{background:#0b1730;color:#fff}
.badge-primary,.badge-warning{background:rgba(45,226,230,.1)!important;color:#6ff6fa!important;border:1px solid rgba(45,226,230,.15)}
.badge-success{background:rgba(54,211,153,.1)!important;color:#73efbd!important}.badge-danger{background:rgba(255,107,122,.1)!important;color:#ff9ba6!important}
.progress-bar{background:rgba(255,255,255,.06)!important}.progress-bar-fill{background:linear-gradient(90deg,#2de2e6,#4d8cff)!important}

/* Public navigation */
.topbar{background:rgba(5,9,20,.58)!important;border-bottom:1px solid rgba(126,249,255,.07)!important;backdrop-filter:blur(18px)}
.topbar.scrolled{background:rgba(5,9,20,.94)!important;box-shadow:0 12px 40px rgba(0,0,0,.24)}
.brand img{height:58px!important;max-width:150px;object-fit:contain;filter:invert(1) brightness(1.45) drop-shadow(0 0 12px rgba(45,226,230,.08))}
.nav-links a{color:#b3c4d7!important}.nav-links a:hover,.nav-links a.active{color:#fff!important}.nav-links a.active:after{background:linear-gradient(90deg,#2de2e6,#4d8cff)!important}
.mobile-nav{background:#071126!important;border-color:rgba(126,249,255,.1)!important}.mobile-menu-button{color:#dcecff!important}

/* Physics landing */
.public-main{overflow:hidden}.plank-hero{min-height:760px;position:relative;display:flex;align-items:center;padding:8.3rem 0 5rem;isolation:isolate}
.plank-hero:before{content:"";position:absolute;inset:-10%;z-index:-2;background:
  radial-gradient(circle at 72% 38%,rgba(77,140,255,.19),transparent 24%),
  radial-gradient(circle at 65% 52%,rgba(45,226,230,.08),transparent 32%),
  linear-gradient(130deg,#050914 8%,#07132b 55%,#050914 100%)}
.plank-hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(126,249,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(126,249,255,.05) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.physics-orbit{position:absolute;border:1px solid rgba(126,249,255,.16);border-radius:50%;pointer-events:none}.physics-orbit.o1{width:520px;height:180px;left:2%;top:22%;transform:rotate(-13deg)}.physics-orbit.o2{width:360px;height:360px;right:-130px;bottom:7%;border-color:rgba(77,140,255,.12)}
.hero-grid-plank{display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:4.5rem}.plank-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.55rem .8rem;border-radius:999px;border:1px solid rgba(45,226,230,.18);background:rgba(45,226,230,.07);color:#8bf8fb;font-size:.78rem;font-weight:800}.plank-badge-dot{width:8px;height:8px;background:#2de2e6;border-radius:50%;box-shadow:0 0 0 6px rgba(45,226,230,.09),0 0 20px rgba(45,226,230,.7)}
.plank-hero h1{font-size:clamp(2.7rem,5.8vw,5.5rem);line-height:1.14;margin:1.2rem 0 1rem;font-weight:900;letter-spacing:-.04em;color:#fff}.plank-hero h1 span{background:linear-gradient(100deg,#fff 5%,#7ef9ff 55%,#6da3ff);-webkit-background-clip:text;background-clip:text;color:transparent}.plank-hero .lead{max-width:690px;font-size:clamp(1rem,1.8vw,1.18rem);line-height:2;color:#a9bdd2}.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.65rem}.hero-proof{display:flex;gap:1.2rem;flex-wrap:wrap;margin-top:2rem}.proof-item{display:flex;align-items:center;gap:.65rem;color:#c9d8e7;font-size:.85rem}.proof-icon{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(45,226,230,.14);border-radius:12px;background:rgba(45,226,230,.06);color:#6ff6fa}
.teacher-hero-card{position:relative;max-width:490px;margin-inline:auto;padding:14px;border-radius:36px;background:linear-gradient(150deg,rgba(45,226,230,.2),rgba(77,140,255,.06),rgba(215,181,109,.13));border:1px solid rgba(126,249,255,.17);box-shadow:0 38px 110px rgba(0,0,0,.46)}.teacher-hero-card:before{content:"hν";position:absolute;left:-42px;top:38px;width:86px;height:86px;border-radius:26px;display:grid;place-items:center;background:#081a35;border:1px solid rgba(45,226,230,.2);color:#78f7fa;font-weight:900;font-size:1.5rem;box-shadow:0 18px 40px rgba(0,0,0,.35);transform:rotate(-7deg)}.teacher-hero-card:after{content:"E = hf";position:absolute;right:-28px;bottom:52px;padding:.7rem 1rem;border-radius:14px;background:#0b1d3b;border:1px solid rgba(77,140,255,.2);color:#9fc1ff;font-weight:800;font-size:.86rem;transform:rotate(5deg)}.teacher-hero-card img{width:100%;height:min(570px,66vh);object-fit:cover;object-position:center 18%;border-radius:27px;display:block;filter:saturate(.92) contrast(1.03)}.teacher-card-caption{position:absolute;right:30px;left:30px;bottom:28px;padding:1rem 1.1rem;border-radius:17px;background:rgba(5,12,27,.74);border:1px solid rgba(255,255,255,.1);backdrop-filter:blur(14px)}.teacher-card-caption strong{display:block;color:#fff;font-size:1rem}.teacher-card-caption span{display:block;color:#90a7bf;font-size:.76rem;margin-top:.25rem}

.plank-section{padding:6rem 0;position:relative}.plank-section.alt{background:linear-gradient(180deg,rgba(8,20,43,.7),rgba(5,9,20,.35))}.section-kicker{color:#64edf1;font-size:.76rem;font-weight:900;letter-spacing:.08em}.section-head{max-width:760px;margin:0 auto 2.6rem;text-align:center}.section-head h2{font-size:clamp(2rem,4vw,3.2rem);margin:.55rem 0;color:#fff;line-height:1.35}.section-head p{color:#8fa7c2;line-height:1.9;margin:0}.trust-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.trust-card{padding:1.45rem;border:1px solid rgba(126,249,255,.1);border-radius:20px;background:linear-gradient(145deg,rgba(14,31,63,.72),rgba(7,18,39,.72));position:relative;overflow:hidden}.trust-card:after{content:"";position:absolute;width:100px;height:100px;left:-40px;top:-45px;border-radius:50%;background:rgba(45,226,230,.06)}.trust-card .n{font-size:2rem;font-weight:900;color:#fff}.trust-card .t{color:#8fa7c2;font-size:.8rem;line-height:1.8;margin-top:.2rem}.trust-card .ico{color:#6ff6fa;margin-bottom:.85rem}
.teacher-story{display:grid;grid-template-columns:.82fr 1.18fr;gap:3rem;align-items:center}.teacher-story-photo{position:relative}.teacher-story-photo img{width:100%;max-height:610px;object-fit:cover;border-radius:30px;border:1px solid rgba(126,249,255,.14);box-shadow:var(--shadow)}.teacher-story-photo .year-chip{position:absolute;left:-18px;bottom:32px;padding:1rem 1.2rem;border-radius:16px;background:#092247;border:1px solid rgba(45,226,230,.22);box-shadow:0 22px 48px rgba(0,0,0,.35)}.year-chip b{display:block;color:#6ff6fa;font-size:1.8rem}.year-chip span{color:#9db0c4;font-size:.72rem}.teacher-story-copy h2{font-size:clamp(2rem,4vw,3.35rem);color:#fff;line-height:1.35;margin:.5rem 0 1rem}.teacher-story-copy p{color:#a5b8cc;line-height:2;font-size:1rem}.story-points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-top:1.5rem}.story-point{padding:1rem;border-radius:15px;border:1px solid rgba(126,249,255,.1);background:rgba(255,255,255,.025);color:#cad8e6;font-size:.83rem}.story-point strong{display:block;color:#fff;margin-bottom:.25rem}
.success-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:1.35rem;align-items:stretch}.video-story{border-radius:26px;overflow:hidden;border:1px solid rgba(126,249,255,.14);background:#030811;box-shadow:var(--shadow);position:relative}.video-story video{width:100%;height:520px;object-fit:cover;display:block}.video-story .video-copy{position:absolute;inset:auto 18px 18px 18px;padding:1.1rem;border-radius:18px;background:rgba(3,9,20,.78);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.1)}.video-copy small{color:#64edf1;font-weight:800}.video-copy h3{margin:.25rem 0;color:#fff;font-size:1.35rem}.video-copy p{margin:0;color:#96aac0;font-size:.8rem}.achievement-stack{display:grid;gap:1rem}.achievement-card{padding:1.5rem;border-radius:22px;border:1px solid rgba(126,249,255,.11);background:linear-gradient(145deg,rgba(14,31,63,.78),rgba(7,18,39,.9));position:relative;overflow:hidden}.achievement-card.gold{border-color:rgba(215,181,109,.22)}.achievement-card .rank{display:inline-flex;padding:.36rem .65rem;border-radius:999px;background:rgba(45,226,230,.08);color:#6ff6fa;font-size:.72rem;font-weight:900}.achievement-card.gold .rank{background:rgba(215,181,109,.1);color:#e8cb89}.achievement-card h3{font-size:1.35rem;color:#fff;margin:.75rem 0 .3rem}.achievement-card p{color:#91a7be;line-height:1.8;font-size:.84rem;margin:0}.achievement-card .year{position:absolute;left:18px;top:18px;font-size:2.4rem;font-weight:900;color:rgba(255,255,255,.055)}
.honor-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.honor-shot{border-radius:22px;padding:10px;background:linear-gradient(145deg,rgba(215,181,109,.17),rgba(45,226,230,.07));border:1px solid rgba(215,181,109,.16);overflow:hidden}.honor-shot img{display:block;width:100%;height:520px;object-fit:cover;object-position:top;border-radius:15px;background:#fff}.honor-note{text-align:center;margin-top:1.3rem;color:#7f96ae;font-size:.8rem}
.feature-physics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.feature-physics{padding:1.45rem;border-radius:20px;border:1px solid rgba(126,249,255,.1);background:rgba(10,25,52,.72)}.feature-physics .icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(45,226,230,.14),rgba(77,140,255,.12));color:#7ef9ff}.feature-physics h3{color:#fff;margin:.8rem 0 .35rem;font-size:1rem}.feature-physics p{color:#8ea4bb;font-size:.8rem;line-height:1.8;margin:0}
.course-card{position:relative;overflow:hidden}.course-card:before{content:"";position:absolute;inset:0 0 auto 0;height:3px;background:linear-gradient(90deg,#2de2e6,#4d8cff)}.feature-icon{background:rgba(45,226,230,.08)!important;color:#6ff6fa!important;border:1px solid rgba(45,226,230,.12)!important}.pricing-card.featured{border-color:rgba(45,226,230,.38)!important;box-shadow:0 24px 70px rgba(45,226,230,.08)!important}.pricing-card .price{color:#6ff6fa!important}
.cta-panel{padding:3rem;border:1px solid rgba(126,249,255,.15);border-radius:30px;background:radial-gradient(circle at 12% 30%,rgba(45,226,230,.12),transparent 32%),linear-gradient(135deg,#0b1b37,#081126);display:flex;align-items:center;justify-content:space-between;gap:2rem;overflow:hidden}.cta-panel h2{font-size:clamp(1.8rem,3.5vw,3rem);color:#fff;margin:0 0 .5rem}.cta-panel p{color:#94abc1;margin:0;line-height:1.9}.cta-panel .formula{font-size:4rem;color:rgba(126,249,255,.09);font-weight:900;white-space:nowrap}
.footer{background:#030712!important;border-top:1px solid rgba(126,249,255,.08)!important}.footer h3{color:#fff!important}.footer p,.footer a{color:#7f96ae!important}.footer a:hover{color:#6ff6fa!important}.social-row{display:flex;gap:.55rem;flex-wrap:wrap;margin-top:.8rem}.social-pill{padding:.46rem .7rem;border-radius:999px;border:1px solid rgba(126,249,255,.12);font-size:.72rem;color:#a9c0d6!important;background:rgba(255,255,255,.025)}

/* Panel redesign */
.panel-body{background:radial-gradient(circle at 70% 0,rgba(77,140,255,.09),transparent 33rem),#050914!important}.sidebar{background:linear-gradient(180deg,#07142b,#050b18)!important;border-left:1px solid rgba(126,249,255,.08)!important;box-shadow:18px 0 60px rgba(0,0,0,.22)}
.sidebar-brand{border-bottom:1px solid rgba(126,249,255,.07)!important}.sidebar-brand img{height:54px!important;max-width:125px;filter:invert(1) brightness(1.4)}.sidebar-label{color:#66809c!important}.side-link{border-right:0!important;border-radius:12px;margin:.17rem .65rem;padding:.72rem .82rem!important;color:#8ea6bd!important}.side-link:hover{background:rgba(45,226,230,.06)!important;color:#e9fbff!important}.side-link.active{background:linear-gradient(135deg,rgba(45,226,230,.13),rgba(77,140,255,.08))!important;color:#79f6fa!important;box-shadow:inset 0 0 0 1px rgba(45,226,230,.1)}.side-link svg{color:#6adfe4}.panel-main{background:transparent!important}.panel-top{padding:.75rem 1rem;border:1px solid rgba(126,249,255,.08);border-radius:18px;background:rgba(7,18,39,.55);backdrop-filter:blur(14px)}.panel-top h1{font-size:1.35rem!important}.avatar{background:linear-gradient(135deg,#2de2e6,#4d8cff)!important;color:#03101f!important}.stat-card{border-radius:18px;padding:1.2rem!important;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;left:-28px;top:-30px;width:82px;height:82px;border-radius:50%;background:rgba(45,226,230,.04)}.stat-card strong,.stat-value{color:#6ff6fa!important}.table-wrap th{color:#85f6f9!important;background:rgba(45,226,230,.045)!important}.lesson-row:hover{background:rgba(45,226,230,.04)!important;border-color:rgba(45,226,230,.18)!important}.content-text{background:rgba(45,226,230,.045)!important;border-color:rgba(45,226,230,.14)!important}.tab.active{background:rgba(45,226,230,.1)!important;color:#6ff6fa!important}.option:hover{border-color:rgba(45,226,230,.35)!important}
.panel-quick-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;margin-bottom:1.5rem}.panel-quick-card{display:flex;align-items:center;gap:.85rem;padding:1rem 1.1rem;border-radius:18px;border:1px solid rgba(126,249,255,.1);background:linear-gradient(145deg,rgba(14,31,63,.7),rgba(7,18,39,.86));transition:.2s}.panel-quick-card:hover{transform:translateY(-2px);border-color:rgba(45,226,230,.27)}.panel-quick-card .qicon{width:43px;height:43px;display:grid;place-items:center;border-radius:13px;background:rgba(45,226,230,.08);color:#6ff6fa;font-size:1.15rem}.panel-quick-card strong{display:block;color:#fff;font-size:.85rem}.panel-quick-card small{display:block;color:#758ca5;font-size:.7rem;margin-top:.15rem}

/* Question bank */
.question-bank-toolbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem;margin-bottom:1.1rem}.qb-card{padding:1.15rem;border:1px solid rgba(126,249,255,.1);border-radius:19px;background:rgba(8,22,46,.72);margin-bottom:.85rem}.qb-card-head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;flex-wrap:wrap}.qb-number{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:11px;background:rgba(45,226,230,.09);color:#6ff6fa;font-weight:900}.qb-question{font-size:1rem;color:#fff;line-height:1.9;margin:.8rem 0}.qb-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem}.qb-option{padding:.75rem .85rem;border-radius:12px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);color:#b7c8d8;font-size:.82rem}.qb-answer{margin-top:.8rem;padding:.85rem;border-radius:12px;background:rgba(54,211,153,.06);border:1px solid rgba(54,211,153,.14);color:#b7e8d2;font-size:.82rem;line-height:1.8}.qb-meta{display:flex;gap:.45rem;flex-wrap:wrap}.difficulty-easy{color:#76e4b4}.difficulty-medium{color:#f3c76b}.difficulty-hard{color:#ff8c98}

/* Auth */
.auth-wrap{background:radial-gradient(circle at 15% 10%,rgba(45,226,230,.12),transparent 28rem),radial-gradient(circle at 90% 15%,rgba(77,140,255,.13),transparent 26rem),#050914!important;min-height:100vh}.auth-card{border-radius:26px!important;border-color:rgba(126,249,255,.14)!important}.auth-card .brand img{height:70px!important}.demo-box{background:rgba(45,226,230,.035)!important;border-color:rgba(45,226,230,.1)!important}.separator{border-color:rgba(126,249,255,.08)!important}

@media(max-width:1080px){.hero-grid-plank,.teacher-story,.success-grid{grid-template-columns:1fr}.teacher-hero-card{max-width:430px}.trust-grid,.feature-physics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.honor-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.honor-shot:last-child{grid-column:1/-1;max-width:540px;margin:auto}.panel-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.plank-hero{padding-top:7rem;min-height:auto}.plank-hero h1{font-size:2.65rem}.teacher-hero-card:before,.teacher-hero-card:after{display:none}.teacher-hero-card img{height:480px}.trust-grid,.feature-physics-grid,.story-points,.honor-gallery,.qb-options,.question-bank-toolbar{grid-template-columns:1fr}.honor-shot:last-child{grid-column:auto}.honor-shot img{height:auto}.video-story video{height:430px}.cta-panel{padding:2rem;flex-direction:column;align-items:flex-start}.cta-panel .formula{display:none}.panel-quick-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.brand img{height:48px!important;max-width:118px}.plank-hero h1{font-size:2.2rem}.teacher-hero-card img{height:410px}.hero-proof{display:grid}.panel-quick-grid{grid-template-columns:1fr}.plank-section{padding:4.3rem 0}.video-story video{height:390px}}

/* =========================================================
   PLANK v3 polish — blue-only identity, light mode & UX
   ========================================================= */
:root{
  --accent:#6da3ff;
  --warning:#76baff;
  --surface:rgba(11,23,48,.94);
  --surface-soft:rgba(10,25,52,.72);
  --heading:#ffffff;
}
*{scrollbar-width:thin;scrollbar-color:#2f80ed rgba(7,18,39,.75)}
*::-webkit-scrollbar{width:10px;height:10px}
*::-webkit-scrollbar-track{background:rgba(7,18,39,.75)}
*::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#2de2e6,#2f80ed);border-radius:999px;border:2px solid rgba(7,18,39,.75)}
*::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5df3f6,#5b9cff)}
button,a,input,select,textarea{ -webkit-tap-highlight-color:rgba(45,226,230,.12) }
:focus-visible{outline:2px solid rgba(45,226,230,.8);outline-offset:3px}

/* Override the previous warm interaction language with the PLANK blue/cyan identity. */
.side-link:hover{background:rgba(45,226,230,.06)!important;border-right-color:transparent!important}
.side-link.active{background:linear-gradient(135deg,rgba(45,226,230,.13),rgba(77,140,255,.09))!important;color:#79f6fa!important;border-right-color:transparent!important}
.stat-card strong,.stat-value{color:#6ff6fa!important}
.lesson-row:hover{background:rgba(45,226,230,.045)!important;border-color:rgba(45,226,230,.2)!important}
.content-text{background:rgba(45,226,230,.045)!important;border-color:rgba(45,226,230,.15)!important}
.option:hover{border-color:rgba(45,226,230,.36)!important}
.tab.active{background:rgba(45,226,230,.11)!important;color:#62eef4!important}
.table-wrap th{color:#74ecf3!important;background:rgba(45,226,230,.05)!important}
.quiz-image-link:focus-visible{box-shadow:0 0 0 3px rgba(45,226,230,.32)!important}
.quiz-question-image,.upload-image-preview,.model-answer-image{border-color:rgba(45,226,230,.25)!important}
.question-image-dropzone{border-color:rgba(45,226,230,.38)!important;background:linear-gradient(145deg,rgba(45,226,230,.06),rgba(77,140,255,.03))!important}
.question-image-dropzone:hover{border-color:rgba(45,226,230,.72)!important;background:linear-gradient(145deg,rgba(45,226,230,.1),rgba(77,140,255,.06))!important}
.question-image-dropzone-icon,.model-answer-icon{background:rgba(45,226,230,.11)!important;color:#6ff6fa!important}
.question-type-card:hover{border-color:rgba(45,226,230,.35)!important;background:rgba(45,226,230,.045)!important}
.question-type-card:has(input:checked){border-color:#2de2e6!important;background:rgba(45,226,230,.1)!important;box-shadow:0 0 0 2px rgba(45,226,230,.08) inset!important}
.question-type-card-icon{color:#6da3ff!important}
.question-type-card:has(input:checked) .question-type-card-icon{background:#2f80ed!important;color:#fff!important}
.mcq-option-row:focus-within{border-color:rgba(45,226,230,.48)!important;background:rgba(45,226,230,.04)!important}
.mcq-option-row.is-correct{border-color:rgba(45,226,230,.78)!important;background:rgba(45,226,230,.085)!important}
.correct-option-selector input:checked+span{border-color:#2de2e6!important;background:#2f80ed!important;box-shadow:inset 0 0 0 5px #0b1730,0 0 0 4px rgba(45,226,230,.13)!important}
.correct-answer-help-dot{border-color:#2de2e6!important;box-shadow:inset 0 0 0 2px #0b1730!important}
.mcq-student-choice input{accent-color:#2f80ed!important}
.mcq-student-choice:has(input:checked){border-color:#2de2e6!important;background:rgba(45,226,230,.09)!important;box-shadow:0 0 0 2px rgba(45,226,230,.06) inset!important}
.grade-filter-card{background:linear-gradient(145deg,rgba(45,226,230,.08),rgba(77,140,255,.03))!important}
.grade-filter-button:hover{border-color:rgba(45,226,230,.42)!important;background:rgba(45,226,230,.055)!important}
.grade-filter-button.active{border-color:#2de2e6!important;background:linear-gradient(135deg,rgba(45,226,230,.18),rgba(77,140,255,.14))!important;box-shadow:0 0 0 2px rgba(45,226,230,.08) inset!important}
.grade-filter-number{color:#73dff7!important}.grade-filter-button.active .grade-filter-number{background:#2f80ed!important;color:#fff!important}
.inline-editor-card{border-color:rgba(45,226,230,.2)!important;background:rgba(7,18,39,.7)!important}
.model-answer-field{border-color:rgba(45,226,230,.18)!important;background:linear-gradient(145deg,rgba(45,226,230,.05),rgba(255,255,255,.015))!important}
.model-answer-admin-preview{border-right-color:#2de2e6!important;background:rgba(45,226,230,.065)!important}.model-answer-admin-preview strong{color:#65edf2!important}
.result-question-number{color:#6da3ff!important}.result-answer-box.correct-answer{border-color:rgba(77,140,255,.32)!important;background:rgba(77,140,255,.06)!important}
.model-answer-box{border-color:rgba(45,226,230,.24)!important;background:linear-gradient(145deg,rgba(45,226,230,.075),rgba(77,140,255,.04))!important}.model-answer-box strong{color:#6ff6fa!important}
.btn-secondary{border-color:rgba(45,226,230,.28)!important;background:linear-gradient(135deg,rgba(45,226,230,.095),rgba(77,140,255,.08))!important;color:#bdeff6!important;box-shadow:none!important}
.btn-secondary:hover{background:linear-gradient(135deg,rgba(45,226,230,.16),rgba(77,140,255,.13))!important;border-color:rgba(45,226,230,.55)!important;color:#fff!important}
.badge-warning{background:rgba(77,140,255,.11)!important;color:#9cc4ff!important;border-color:rgba(77,140,255,.18)!important}
.achievement-card.gold,.honor-shot{border-color:rgba(77,140,255,.2)!important}.achievement-card.gold .rank{background:rgba(77,140,255,.1)!important;color:#9fc5ff!important}.honor-shot{background:linear-gradient(145deg,rgba(77,140,255,.15),rgba(45,226,230,.07))!important}

/* Theme toggle */
.theme-toggle{width:42px;height:42px;border-radius:13px;border:1px solid rgba(126,249,255,.17);background:rgba(45,226,230,.055);color:#dffcff;display:inline-grid;place-items:center;cursor:pointer;transition:.2s ease;font:inherit}
.theme-toggle:hover{transform:translateY(-1px);border-color:rgba(45,226,230,.42);background:rgba(45,226,230,.1)}
.mobile-theme-toggle{width:auto;display:flex!important;gap:.55rem;padding:.7rem .9rem;margin:.5rem 0;justify-content:center}
.panel-user-actions{display:flex;align-items:center;gap:.7rem}
.user-chip small{display:block;color:#6f89a5;font-size:.65rem;margin-top:.1rem}.user-chip>div:first-child{text-align:right}

/* Larger logo in dashboard and public nav */
.brand img{height:68px!important;max-width:178px!important}
.sidebar-brand{padding:1rem 1.05rem!important}.sidebar-brand img{height:76px!important;max-width:168px!important}
.sidebar-label{text-align:center;margin-top:.15rem}

/* Hero typography + physics visual instead of teacher portrait */
.plank-hero{min-height:720px;padding:7.4rem 0 4rem}
.hero-grid-plank{grid-template-columns:minmax(0,1fr) minmax(390px,.88fr);gap:3.6rem}
.plank-hero h1{font-size:clamp(2.25rem,4.15vw,4.15rem);line-height:1.2;max-width:760px;letter-spacing:-.035em}
.plank-hero .lead{font-size:clamp(.98rem,1.45vw,1.12rem);max-width:650px}
.physics-hero-visual{position:relative;min-height:520px;display:grid;place-items:center}
.physics-console{position:relative;width:min(100%,520px);aspect-ratio:1/1;border-radius:42px;overflow:hidden;border:1px solid rgba(126,249,255,.16);background:radial-gradient(circle at 50% 42%,rgba(45,226,230,.105),transparent 26%),radial-gradient(circle at 74% 16%,rgba(77,140,255,.18),transparent 30%),linear-gradient(150deg,rgba(9,30,62,.88),rgba(4,12,27,.96));box-shadow:0 38px 100px rgba(0,0,0,.4),inset 0 0 60px rgba(45,226,230,.035);isolation:isolate}
.console-grid{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(126,249,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(126,249,255,.06) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle at center,#000,transparent 82%)}
.atom-scene{position:absolute;inset:11% 10% 25%;display:grid;place-items:center;transform-style:preserve-3d}
.atom-core{position:relative;z-index:5;width:92px;height:92px;border-radius:50%;display:grid;place-items:center;color:#eaffff;font-weight:900;font-size:1.35rem;background:radial-gradient(circle at 38% 32%,#79f7fa,#2f80ed 60%,#102e69);box-shadow:0 0 32px rgba(45,226,230,.55),0 0 85px rgba(77,140,255,.28)}
.atom-core:after{content:"";position:absolute;inset:-14px;border:1px solid rgba(126,249,255,.2);border-radius:50%;animation:pulseRing 2.8s ease-in-out infinite}
.atom-orbit{position:absolute;width:76%;height:34%;border:1px solid rgba(126,249,255,.31);border-radius:50%;animation:orbitSpin 8s linear infinite;transform-style:preserve-3d}
.atom-orbit-b{transform:rotate(60deg);animation-duration:10.5s;animation-direction:reverse}.atom-orbit-c{transform:rotate(-60deg);animation-duration:12s}
.atom-orbit i{position:absolute;right:7%;top:44%;width:13px;height:13px;border-radius:50%;background:#7ef9ff;box-shadow:0 0 20px #2de2e6,0 0 35px rgba(77,140,255,.7)}
.wave-panel{position:absolute;inset:auto 7% 7%;height:34%;border-top:1px solid rgba(126,249,255,.08);overflow:hidden}.wave-panel svg{width:100%;height:100%;overflow:visible}.wave-line{fill:none;stroke-width:2;stroke-linecap:round;stroke-dasharray:10 8;animation:waveDash 8s linear infinite}.wave-line-1{stroke:rgba(45,226,230,.76)}.wave-line-2{stroke:rgba(77,140,255,.48);animation-direction:reverse;animation-duration:12s}
.formula-chip{position:absolute;padding:.55rem .75rem;border-radius:12px;border:1px solid rgba(126,249,255,.14);background:rgba(4,14,31,.72);backdrop-filter:blur(10px);font:800 .78rem/1.1 "Cairo",sans-serif;color:#a9eaff;box-shadow:0 14px 32px rgba(0,0,0,.2);animation:floatFormula 5s ease-in-out infinite}.formula-one{top:8%;right:7%;animation-delay:-1s}.formula-two{top:44%;left:5%;animation-delay:-2.5s}.formula-three{bottom:14%;right:10%;animation-delay:-3.7s}
.atomic-energy-formula{display:flex;align-items:center;gap:.38rem;padding:.58rem .78rem;font-family:"Cambria Math","STIX Two Math","Times New Roman",serif;font-size:.93rem;line-height:1;white-space:nowrap}.atomic-energy-formula .formula-variable,.atomic-energy-formula .formula-unit{display:inline-flex;align-items:baseline}.atomic-energy-formula sub{font-size:.68em;line-height:0;transform:translateY(.2em)}.atomic-energy-formula sup{font-size:.64em;line-height:0;vertical-align:.7em}.formula-fraction{display:inline-grid;grid-template-rows:auto auto;min-width:4.8rem;text-align:center;line-height:1.08}.formula-numerator{padding:0 .3rem .18rem;border-bottom:1.5px solid currentColor}.formula-denominator{padding:.55rem .3rem .02rem;line-height:1}.formula-unit{margin-inline-start:.05rem}
.physics-status{position:absolute;right:7%;bottom:7%;display:flex;align-items:center;gap:.5rem;color:#7e9ab7;font-size:.68rem}.status-dot{width:7px;height:7px;border-radius:50%;background:#2de2e6;box-shadow:0 0 12px #2de2e6;animation:statusBlink 1.6s ease-in-out infinite}
@keyframes orbitSpin{to{transform:rotate(360deg)}}
@keyframes pulseRing{50%{transform:scale(1.12);opacity:.35}}
@keyframes waveDash{to{stroke-dashoffset:-180}}
@keyframes floatFormula{50%{transform:translateY(-9px) rotate(.5deg)}}
@keyframes statusBlink{50%{opacity:.35}}

/* Mouse physics trail */
.cursor-particle{position:fixed;z-index:9998;width:7px;height:7px;border-radius:50%;pointer-events:none;background:radial-gradient(circle,#fff 0 18%,#64f3f7 38%,rgba(77,140,255,.4) 68%,transparent 72%);box-shadow:0 0 12px rgba(45,226,230,.5);animation:cursorParticle .7s ease-out forwards}
@keyframes cursorParticle{to{transform:translate(var(--dx),var(--dy)) scale(.15);opacity:0}}

/* Success video preview + floating player */
.video-story-trigger{appearance:none;padding:0;text-align:inherit;color:inherit;width:100%;cursor:pointer;position:relative}
.video-story-trigger>img{width:100%;height:520px;display:block;object-fit:cover;object-position:center;background:#02060d;transition:transform .45s ease,filter .3s ease}
.video-story-trigger:hover>img{transform:scale(1.025);filter:brightness(.75)}
.video-play-button{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:rgba(8,24,51,.78);border:1px solid rgba(126,249,255,.32);box-shadow:0 0 0 12px rgba(45,226,230,.07),0 18px 46px rgba(0,0,0,.35);backdrop-filter:blur(12px);transition:.25s ease;z-index:3}.video-play-button span{margin-left:4px;color:#7ef9ff;font-size:1.5rem}.video-story-trigger:hover .video-play-button{transform:translate(-50%,-50%) scale(1.08);background:rgba(18,57,104,.9)}
.video-open-hint{position:absolute;top:18px;right:18px;z-index:3;padding:.45rem .65rem;border-radius:999px;background:rgba(4,13,29,.68);border:1px solid rgba(126,249,255,.12);color:#b6d5ec;font-size:.68rem;backdrop-filter:blur(10px)}
.video-story-trigger .video-copy{display:block;text-align:right}.video-story-trigger .video-copy strong{display:block;margin:.25rem 0;color:#fff;font-size:1.35rem}.video-story-trigger .video-copy span{display:block;color:#96aac0;font-size:.8rem}
.video-modal{position:fixed;inset:0;z-index:10020;display:grid;place-items:center;padding:28px;opacity:0;visibility:hidden;transition:.22s ease}.video-modal.open{opacity:1;visibility:visible}.video-modal-backdrop{position:absolute;inset:0;background:rgba(1,5,13,.86);backdrop-filter:blur(12px)}.video-modal-dialog{position:relative;z-index:2;width:min(1100px,95vw);max-height:92vh;border-radius:24px;overflow:hidden;background:#020711;border:1px solid rgba(126,249,255,.18);box-shadow:0 35px 100px rgba(0,0,0,.55)}.video-modal-dialog video{display:block;width:100%;max-height:78vh;object-fit:contain;background:#000}.video-modal-close{position:absolute;z-index:4;top:12px;left:12px;width:42px;height:42px;border:1px solid rgba(255,255,255,.18);border-radius:13px;background:rgba(2,7,17,.72);color:#fff;font-size:1.7rem;cursor:pointer;backdrop-filter:blur(10px)}.video-modal-meta{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;color:#91aac1}.video-modal-meta strong{color:#fff}.video-modal-open{overflow:hidden}

/* Watch-time gate */
.watch-gate{padding:1rem;border-radius:16px;border:1px solid rgba(45,226,230,.13);background:rgba(45,226,230,.035)}.watch-gate-top{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.7rem;color:#94abc1;font-size:.8rem}.watch-gate-top strong{font-size:1.05rem;color:#6ff6fa}.watch-gate small{display:block;margin-top:.55rem}.btn[disabled],.btn-primary[disabled]{opacity:.45;cursor:not-allowed;transform:none!important;filter:none!important;box-shadow:none!important}.lesson-heading-card{margin-bottom:1rem}

/* Flexible package access editor */
.access-mode-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.65rem;margin:.75rem 0 1rem}.access-mode-card{display:flex;gap:.55rem;align-items:flex-start;padding:.8rem;border-radius:13px;border:1px solid rgba(126,249,255,.11);background:rgba(255,255,255,.02);cursor:pointer}.access-mode-card:has(input:checked){border-color:rgba(45,226,230,.48);background:rgba(45,226,230,.07)}.access-mode-card input{margin-top:.25rem;accent-color:#2f80ed}.access-mode-card strong{display:block;color:#fff;font-size:.8rem}.access-mode-card small{display:block;color:#748fa9;font-size:.68rem;line-height:1.55;margin-top:.15rem}.access-selector{padding:.9rem;border-radius:14px;border:1px solid rgba(126,249,255,.09);background:rgba(255,255,255,.018);margin-bottom:.8rem}.access-selector[hidden]{display:none!important}.access-checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;max-height:300px;overflow:auto;padding:.25rem}.access-checkbox{display:flex;gap:.55rem;align-items:flex-start;padding:.65rem;border-radius:10px;background:rgba(255,255,255,.025);font-size:.75rem;color:#b9cada}.access-checkbox input{accent-color:#2f80ed;margin-top:.2rem}.plan-access-chip{display:inline-flex;margin-top:.35rem;padding:.28rem .55rem;border-radius:999px;border:1px solid rgba(45,226,230,.15);color:#7aeef2;background:rgba(45,226,230,.06);font-size:.68rem;font-weight:800}

/* Question-bank PDF/library resources */
.qb-resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;margin-bottom:1.1rem}.qb-resource-card{padding:1rem;border-radius:17px;border:1px solid rgba(126,249,255,.11);background:linear-gradient(145deg,rgba(13,31,64,.72),rgba(7,18,39,.82));display:flex;gap:.85rem;align-items:flex-start}.qb-resource-icon{flex:0 0 44px;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:rgba(77,140,255,.12);color:#a7c9ff;font-weight:900;font-size:.75rem}.qb-resource-card h4{margin:0 0 .25rem;color:#fff}.qb-resource-card p{margin:0;color:#7f99b2;font-size:.72rem;line-height:1.7}.qb-resource-card .actions{margin-top:.7rem}

/* Cleaner student dashboard */
.student-course-overview{margin-bottom:1.1rem}.student-course-row{padding:.9rem 0;border-bottom:1px solid rgba(126,249,255,.07)}.student-course-row:last-child{border-bottom:0}.student-course-title{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.55rem;flex-wrap:wrap}.student-course-title a,.student-course-title strong{font-size:.9rem;font-weight:900;color:#e9f7ff}.student-summary{margin-top:1.1rem}.student-summary>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;font-weight:900;color:#e8f7ff}.student-summary>summary::-webkit-details-marker{display:none}.student-summary>summary:after{content:"＋";color:#6ff6fa;font-size:1.2rem}.student-summary[open]>summary:after{content:"−"}.student-summary-body{margin-top:1rem;padding-top:1rem;border-top:1px solid rgba(126,249,255,.08)}.compact-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem}.compact-stat{padding:.8rem;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(126,249,255,.08);text-align:center}.compact-stat strong{display:block;color:#6ff6fa;font-size:1.1rem}.compact-stat span{color:#778fa8;font-size:.68rem}.recent-result-list{display:grid;gap:.55rem;margin-top:1rem}.recent-result-item{display:flex;justify-content:space-between;gap:1rem;align-items:center;padding:.7rem .8rem;border-radius:12px;background:rgba(255,255,255,.02)}

/* Light mode */
html[data-theme="light"]{--bg:#f4f8ff;--bg2:#eaf2ff;--panel:#ffffff;--panel2:#f7faff;--line:rgba(32,86,155,.13);--text:#132238;--muted:#657790;--surface:#fff;--surface-soft:#f7faff;--heading:#10213a;--shadow:0 22px 60px rgba(43,78,126,.13);background:#f4f8ff}
html[data-theme="light"] body{background:radial-gradient(circle at 8% 4%,rgba(45,226,230,.08),transparent 25rem),radial-gradient(circle at 92% 7%,rgba(77,140,255,.11),transparent 28rem),linear-gradient(180deg,#f9fbff,#edf4ff 56%,#f7faff);color:var(--text)}
html[data-theme="light"] *{scrollbar-color:#4d8cff #eaf2ff}html[data-theme="light"] *::-webkit-scrollbar-track{background:#eaf2ff}html[data-theme="light"] *::-webkit-scrollbar-thumb{border-color:#eaf2ff}
html[data-theme="light"] .card,html[data-theme="light"] .stat-card,html[data-theme="light"] .pricing-card,html[data-theme="light"] .auth-card,html[data-theme="light"] .table-wrap,html[data-theme="light"] .modal-content{background:rgba(255,255,255,.92)!important;border-color:rgba(32,86,155,.12)!important;box-shadow:0 16px 45px rgba(45,77,120,.1)!important;color:#132238}
html[data-theme="light"] h1,html[data-theme="light"] h2,html[data-theme="light"] h3,html[data-theme="light"] h4,html[data-theme="light"] .section-head h2,html[data-theme="light"] .trust-card .n,html[data-theme="light"] .feature-physics h3,html[data-theme="light"] .achievement-card h3,html[data-theme="light"] .qb-question,html[data-theme="light"] .panel-quick-card strong,html[data-theme="light"] .access-mode-card strong,html[data-theme="light"] .qb-resource-card h4{color:#10213a!important}
html[data-theme="light"] .muted,html[data-theme="light"] .section-head p,html[data-theme="light"] .teacher-story-copy p,html[data-theme="light"] .trust-card .t,html[data-theme="light"] .feature-physics p,html[data-theme="light"] .achievement-card p,html[data-theme="light"] .video-copy span,html[data-theme="light"] .footer p,html[data-theme="light"] .footer a{color:#657790!important}
html[data-theme="light"] .topbar{background:rgba(248,251,255,.76)!important;border-color:rgba(32,86,155,.1)!important}html[data-theme="light"] .topbar.scrolled{background:rgba(248,251,255,.96)!important;box-shadow:0 12px 36px rgba(38,70,110,.1)!important}
html[data-theme="light"] .brand img,html[data-theme="light"] .sidebar-brand img{filter:none!important}
html[data-theme="light"] .nav-links a{color:#526780!important}html[data-theme="light"] .nav-links a:hover,html[data-theme="light"] .nav-links a.active{color:#162b47!important}
html[data-theme="light"] .mobile-nav{background:#f8fbff!important;border-color:rgba(32,86,155,.12)!important}
html[data-theme="light"] .plank-hero:before{background:radial-gradient(circle at 72% 38%,rgba(77,140,255,.14),transparent 24%),radial-gradient(circle at 65% 52%,rgba(45,226,230,.08),transparent 32%),linear-gradient(130deg,#fbfdff 8%,#edf4ff 55%,#f8fbff 100%)}
html[data-theme="light"] .plank-hero:after{opacity:.4;background-image:linear-gradient(rgba(41,103,171,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(41,103,171,.06) 1px,transparent 1px)}
html[data-theme="light"] .plank-hero h1{color:#10213a!important}html[data-theme="light"] .plank-hero h1 span{background:linear-gradient(100deg,#173252,#207dc9 55%,#315fcc);-webkit-background-clip:text;background-clip:text;color:transparent!important}html[data-theme="light"] .plank-hero .lead{color:#5c718d}
html[data-theme="light"] .proof-item{color:#536c88}html[data-theme="light"] .proof-item strong{color:#17304d!important}
html[data-theme="light"] .plank-section.alt{background:linear-gradient(180deg,rgba(232,241,255,.72),rgba(248,251,255,.58))}
html[data-theme="light"] .trust-card,html[data-theme="light"] .feature-physics,html[data-theme="light"] .achievement-card,html[data-theme="light"] .qb-card,html[data-theme="light"] .panel-quick-card,html[data-theme="light"] .qb-resource-card{background:rgba(255,255,255,.78)!important;border-color:rgba(32,86,155,.11)!important;box-shadow:0 12px 32px rgba(45,77,120,.06)}
html[data-theme="light"] .story-point,html[data-theme="light"] .qb-option,html[data-theme="light"] .compact-stat,html[data-theme="light"] .recent-result-item,html[data-theme="light"] .access-mode-card,html[data-theme="light"] .access-selector{background:rgba(54,109,177,.035)!important;border-color:rgba(32,86,155,.09)!important;color:#334d69!important}
html[data-theme="light"] .teacher-story-photo .year-chip{background:#eaf4ff;border-color:rgba(47,128,237,.2);box-shadow:0 16px 36px rgba(45,77,120,.12)}
html[data-theme="light"] .physics-console{background:radial-gradient(circle at 50% 42%,rgba(45,226,230,.12),transparent 26%),radial-gradient(circle at 74% 16%,rgba(77,140,255,.18),transparent 30%),linear-gradient(150deg,#edf6ff,#dfeeff);box-shadow:0 35px 85px rgba(48,80,126,.17);border-color:rgba(47,128,237,.18)}
html[data-theme="light"] .formula-chip{background:rgba(250,253,255,.82);color:#285f9b;border-color:rgba(47,128,237,.16)}
html[data-theme="light"] .physics-status{color:#4c6a89}
html[data-theme="light"] .footer{background:#eaf2ff!important;border-color:rgba(32,86,155,.1)!important}html[data-theme="light"] .footer h3{color:#10213a!important}
html[data-theme="light"] .panel-body{background:radial-gradient(circle at 70% 0,rgba(77,140,255,.11),transparent 33rem),#f4f8ff!important}
html[data-theme="light"] .sidebar{background:linear-gradient(180deg,#f8fbff,#edf4ff)!important;border-left-color:rgba(32,86,155,.1)!important;box-shadow:12px 0 42px rgba(45,77,120,.08)}
html[data-theme="light"] .sidebar-brand{border-color:rgba(32,86,155,.08)!important}html[data-theme="light"] .side-link{color:#647992!important}html[data-theme="light"] .side-link:hover{color:#173451!important;background:rgba(47,128,237,.06)!important}html[data-theme="light"] .side-link.active{color:#1769c3!important;background:linear-gradient(135deg,rgba(45,226,230,.11),rgba(77,140,255,.09))!important}
html[data-theme="light"] .panel-top{background:rgba(255,255,255,.7);border-color:rgba(32,86,155,.1);box-shadow:0 8px 28px rgba(45,77,120,.06)}
html[data-theme="light"] .input,html[data-theme="light"] .select,html[data-theme="light"] .textarea{background:#fff!important;border-color:rgba(32,86,155,.16)!important;color:#17283e!important}html[data-theme="light"] .input::placeholder,html[data-theme="light"] .textarea::placeholder{color:#8b9bad}html[data-theme="light"] .label{color:#3c5571!important}html[data-theme="light"] .select option{background:#fff;color:#17283e}
html[data-theme="light"] .table-wrap td{color:#324960!important}html[data-theme="light"] .table-wrap th{color:#1769c3!important;background:rgba(47,128,237,.055)!important}
html[data-theme="light"] .lesson-row,html[data-theme="light"] .exam-question{background:rgba(255,255,255,.62)!important;border-color:rgba(32,86,155,.1)!important;color:#263d57}html[data-theme="light"] .content-text{color:#29435e;background:rgba(45,226,230,.055)!important}
html[data-theme="light"] .btn-secondary{color:#24679c!important;background:linear-gradient(135deg,rgba(45,226,230,.1),rgba(77,140,255,.07))!important;border-color:rgba(47,128,237,.2)!important}html[data-theme="light"] .btn-secondary:hover{color:#164c7d!important;background:linear-gradient(135deg,rgba(45,226,230,.16),rgba(77,140,255,.12))!important}
html[data-theme="light"] .theme-toggle{color:#205d9f;background:rgba(47,128,237,.06);border-color:rgba(47,128,237,.15)}
html[data-theme="light"] .inline-editor-card{background:#f6faff!important}
html[data-theme="light"] .watch-gate{background:rgba(47,128,237,.045);border-color:rgba(47,128,237,.13)}
html[data-theme="light"] .video-modal-dialog{border-color:rgba(126,249,255,.22)}

@media(max-width:1080px){.hero-grid-plank{grid-template-columns:1fr}.physics-hero-visual{min-height:460px}.physics-console{max-width:470px}.access-mode-grid{grid-template-columns:1fr}.qb-resource-grid{grid-template-columns:1fr}}
@media(max-width:760px){.plank-hero h1{font-size:clamp(2rem,9vw,2.8rem)}.physics-hero-visual{min-height:390px}.physics-console{max-width:390px;border-radius:30px}.video-story-trigger>img{height:430px}.compact-stat-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.access-checkbox-grid{grid-template-columns:1fr}.panel-user-actions{gap:.4rem}.sidebar-brand img{height:68px!important}}
@media(max-width:520px){.brand img{height:58px!important;max-width:145px!important}.plank-hero h1{font-size:2.05rem}.physics-hero-visual{min-height:330px}.physics-console{max-width:330px}.atom-core{width:72px;height:72px}.formula-chip{font-size:.65rem}.video-story-trigger>img{height:360px}.video-play-button{width:66px;height:66px}.video-modal{padding:10px}.video-modal-meta{flex-direction:column}.compact-stat-grid{grid-template-columns:1fr 1fr}.user-chip small{display:none}}
@media(prefers-reduced-motion:reduce){.atom-orbit,.atom-core:after,.wave-line,.formula-chip,.status-dot,.cursor-particle{animation:none!important}.observe-animate{opacity:1!important}}

/* PLANK v3.1 — dashboard cleanup, editable resource library and strong course actions */
.section-heading-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.section-heading-row h2,.section-heading-row h3{margin:.2rem 0 .25rem;color:#eef7ff}.section-heading-row p{margin:0}
.qb-resource-admin-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:1rem}.qb-resource-form{padding:1rem;border-radius:16px;background:rgba(77,140,255,.035);border:1px solid rgba(126,249,255,.08)}.qb-resource-list{display:grid;gap:.6rem;align-content:start}.qb-resource-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.7rem;align-items:center;padding:.75rem;border-radius:15px;border:1px solid rgba(126,249,255,.09);background:rgba(255,255,255,.02)}.qb-resource-row .actions{grid-column:2/-1;justify-content:flex-end}.qb-resource-copy{min-width:0}.qb-resource-copy strong{display:block;color:#eaf7ff;font-size:.86rem}.qb-resource-copy small{display:block;color:#7893ae;font-size:.7rem;margin-top:.2rem}.qb-resource-student-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}.qb-resource-student-grid .qb-resource-card{align-items:center}.qb-resource-student-grid .qb-resource-copy{flex:1}.qb-resource-student-grid .qb-resource-card h4{margin:.45rem 0 .25rem}.student-qb-heading{margin:1.15rem 0 .75rem}.qb-student-hero{background:radial-gradient(circle at 95% 10%,rgba(45,226,230,.1),transparent 16rem),linear-gradient(135deg,rgba(77,140,255,.08),rgba(45,226,230,.035))!important}.qb-student-hero h2{margin:.35rem 0;color:#fff}.qb-student-hero p{margin:0;line-height:1.9}

.student-sub-alert{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}.student-courses-focus{margin-bottom:1rem;padding:1.2rem!important;background:radial-gradient(circle at 100% 0,rgba(45,226,230,.08),transparent 18rem),linear-gradient(145deg,rgba(13,31,64,.92),rgba(7,18,39,.94))!important}.student-course-list{display:grid;gap:.65rem}.student-course-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:.9rem;align-items:center;padding:.85rem;border:1px solid rgba(126,249,255,.08);border-radius:16px;background:rgba(255,255,255,.022)}.student-course-row:last-child{border-bottom:1px solid rgba(126,249,255,.08)}.student-course-row.is-locked{opacity:.78}.student-course-symbol{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(45,226,230,.13),rgba(77,140,255,.12));border:1px solid rgba(126,249,255,.12);font:900 1.2rem Georgia,serif;color:#80f7fa}.student-course-main{min-width:0}.student-course-title-row{display:flex;align-items:center;justify-content:space-between;gap:.7rem;flex-wrap:wrap}.student-course-title-row h3{font-size:.92rem;margin:0;color:#eff9ff}.student-course-main p{font-size:.72rem;margin:.28rem 0 .55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.student-course-action{min-width:112px;justify-content:center;text-align:center;opacity:1!important;visibility:visible!important}.student-compact-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:0 0 1rem}.student-compact-nav a{display:grid;grid-template-columns:auto 1fr;column-gap:.65rem;align-items:center;padding:.8rem .9rem;border-radius:15px;border:1px solid rgba(126,249,255,.09);background:rgba(10,27,55,.72);transition:.2s}.student-compact-nav a:hover{transform:translateY(-2px);border-color:rgba(45,226,230,.25);background:rgba(45,226,230,.055)}.student-compact-nav a>span{grid-row:1/3;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:rgba(77,140,255,.1);color:#7df4f8;font-weight:900;font-size:.72rem}.student-compact-nav strong{color:#eaf7ff;font-size:.8rem}.student-compact-nav small{color:#718ba6;font-size:.65rem}.student-summary>summary small{font-weight:500}.recent-result-item strong{color:#eaf7ff;font-size:.78rem}

.course-card .btn{display:flex!important;width:100%;min-height:42px;align-items:center;justify-content:center;opacity:1!important;visibility:visible!important;margin-top:auto}.course-card .btn-primary{color:#03101f!important}.course-card .btn-secondary{color:#cdefff!important}.course-card h3{color:#eef7ff}.course-card .progress{background:rgba(255,255,255,.06)}.course-card .progress span{background:linear-gradient(90deg,#2de2e6,#4d8cff)!important}

html[data-theme="light"] .section-heading-row h2,html[data-theme="light"] .section-heading-row h3,html[data-theme="light"] .qb-resource-copy strong,html[data-theme="light"] .student-course-title-row h3,html[data-theme="light"] .student-compact-nav strong,html[data-theme="light"] .recent-result-item strong,html[data-theme="light"] .course-card h3{color:#10213a!important}
html[data-theme="light"] .qb-resource-form,html[data-theme="light"] .qb-resource-row,html[data-theme="light"] .student-course-row,html[data-theme="light"] .student-compact-nav a{background:rgba(255,255,255,.74)!important;border-color:rgba(32,86,155,.11)!important}
html[data-theme="light"] .student-courses-focus{background:radial-gradient(circle at 100% 0,rgba(45,226,230,.08),transparent 18rem),rgba(255,255,255,.9)!important}
html[data-theme="light"] .student-compact-nav a:hover{background:rgba(47,128,237,.055)!important}html[data-theme="light"] .student-compact-nav small,html[data-theme="light"] .qb-resource-copy small{color:#687e96!important}html[data-theme="light"] .student-course-symbol{color:#1769c3;background:linear-gradient(145deg,rgba(45,226,230,.12),rgba(77,140,255,.09))}html[data-theme="light"] .course-card .btn-secondary{color:#24679c!important}html[data-theme="light"] .chapter-header span,html[data-theme="light"] .chapter-body .lesson-item{color:#233c57!important}

@media(max-width:1000px){.qb-resource-admin-grid{grid-template-columns:1fr}.student-compact-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.qb-resource-student-grid{grid-template-columns:1fr}}
@media(max-width:700px){.student-course-row{grid-template-columns:auto minmax(0,1fr)}.student-course-action{grid-column:1/-1;width:100%}.student-course-main p{white-space:normal}.student-compact-nav{grid-template-columns:1fr 1fr}.qb-resource-row{grid-template-columns:auto minmax(0,1fr)}.qb-resource-row>.badge{justify-self:start}.qb-resource-row .actions{grid-column:1/-1}}

/* Final hero scale adjustment after review */
.plank-hero h1{font-size:clamp(2.05rem,3.35vw,3.45rem)!important;max-width:650px!important;line-height:1.22!important}
@media(max-width:760px){.plank-hero h1{font-size:clamp(1.9rem,8vw,2.55rem)!important}}
@media(max-width:520px){.plank-hero h1{font-size:1.95rem!important}}
.auth-theme-toggle{position:fixed;top:18px;left:18px;z-index:100;box-shadow:0 12px 30px rgba(0,0,0,.16)}
html[data-theme="light"] .auth-wrap{background:radial-gradient(circle at 15% 10%,rgba(45,226,230,.09),transparent 28rem),radial-gradient(circle at 90% 15%,rgba(77,140,255,.11),transparent 26rem),#f4f8ff!important}
html[data-theme="light"] .auth-card h1{color:#10213a!important}
html[data-theme="light"] .demo-box{background:rgba(47,128,237,.045)!important;border-color:rgba(47,128,237,.13)!important}
.plan-feature-chips{display:flex;gap:.4rem;flex-wrap:wrap;margin-top:.65rem}.plan-feature-chips span{padding:.3rem .55rem;border-radius:999px;background:rgba(45,226,230,.055);border:1px solid rgba(126,249,255,.1);color:#92dfe7;font-size:.66rem;font-weight:800}html[data-theme="light"] .plan-feature-chips span{background:rgba(47,128,237,.05);border-color:rgba(47,128,237,.1);color:#28669f}

/* v4.3 layout polish */
.topbar .nav{position:relative;display:grid;grid-template-columns:minmax(190px,auto) 1fr minmax(190px,auto);align-items:center;height:4.4rem;gap:1rem}
.topbar .brand{grid-column:3;justify-self:end}
.topbar .nav-links{grid-column:2;justify-content:center;justify-self:center;gap:2rem}
.topbar .nav-actions{grid-column:1;justify-self:start}
.topbar .mobile-menu-button{grid-column:1;justify-self:start}
.brand img{height:60px!important;max-width:152px!important;object-fit:contain;object-position:center center}
.sidebar{display:flex;flex-direction:column;overflow:hidden!important}
.sidebar-scroll{flex:1;overflow-y:auto;padding-bottom:.75rem}
.sidebar-nav{padding-bottom:.25rem}
.sidebar-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem .9rem .85rem!important;margin-bottom:.35rem}
.sidebar-brand a{display:flex;align-items:center;justify-content:center;width:100%}
.sidebar-brand img{height:64px!important;max-width:138px!important;object-fit:contain;object-position:center center}
.sidebar-label{text-align:center;margin-top:.45rem;font-size:.8rem;font-weight:700;letter-spacing:.01em}
.sidebar-footer{margin-top:auto;padding:1rem;border-top:1px solid rgba(126,249,255,.08);background:linear-gradient(180deg,rgba(255,255,255,0),rgba(0,0,0,.08))}
.sidebar-footer .side-link{margin:.18rem 0;padding:.8rem .95rem!important}
.side-link-danger{color:#f59ca6!important}
.side-link-danger:hover{background:rgba(248,113,113,.08)!important;color:#ffd2d7!important}
.side-link-danger svg{color:currentColor!important}
html[data-theme="light"] .sidebar-footer{border-top-color:rgba(32,86,155,.1);background:linear-gradient(180deg,rgba(255,255,255,0),rgba(65,123,196,.03))}
html[data-theme="light"] .side-link-danger{color:#cf4f63!important}
@media(max-width:1024px){
  .topbar .nav{display:flex;height:4rem}
}

/* v4.4 — navbar symmetry + always-visible panel logout */
.topbar .nav{
  position:relative;
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  height:4.4rem;
  gap:1rem;
}
.topbar .brand{
  order:0;
  flex:0 0 180px;
  justify-content:flex-start;
  justify-self:auto!important;
}
.topbar .brand img{
  height:54px!important;
  max-width:138px!important;
  width:auto!important;
  object-fit:contain!important;
  object-position:center!important;
}
.topbar .nav-links{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  display:flex;
  align-items:center;
  justify-content:center!important;
  gap:2rem;
  white-space:nowrap;
}
.topbar .nav-actions{
  order:2;
  flex:0 0 180px;
  justify-content:flex-end;
  justify-self:auto!important;
}
.public-main{padding-top:4.4rem}

.sidebar{
  top:0!important;
  bottom:0!important;
  height:100vh!important;
  height:100dvh!important;
  min-height:0!important;
  box-sizing:border-box;
  display:flex!important;
  flex-direction:column!important;
  overflow:hidden!important;
}
.sidebar-scroll{
  flex:1 1 auto!important;
  min-height:0!important;
  overflow-y:auto!important;
  overscroll-behavior:contain;
  scrollbar-width:thin;
  scrollbar-color:rgba(77,140,255,.72) transparent;
}
.sidebar-footer{
  flex:0 0 auto!important;
  margin-top:0!important;
  padding:.65rem .8rem .8rem!important;
  border-top:1px solid rgba(126,249,255,.08);
  background:#061124;
  position:relative;
  z-index:4;
}
.sidebar-footer .side-link{
  min-height:42px;
  margin:.12rem 0!important;
  padding:.62rem .78rem!important;
}
.sidebar-footer .side-link-danger{
  display:flex!important;
  visibility:visible!important;
  opacity:1!important;
}
html[data-theme="light"] .sidebar-footer{background:#edf4ff!important}

@media(max-width:1024px){
  .topbar .nav{height:4rem;display:flex!important}
  .topbar .nav-links{position:static;transform:none;display:none}
  .topbar .brand{flex:0 0 auto}
  .topbar .nav-actions{flex:0 0 auto}
  .topbar .brand img{height:50px!important;max-width:128px!important}
  .public-main{padding-top:4rem}
}

/* v4.5 — student session leak deterrence */
.student-session-watermark{
  position:fixed;
  left:6vw;
  top:18vh;
  z-index:880;
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
  display:flex;
  align-items:center;
  gap:.48rem;
  max-width:min(280px,62vw);
  padding:.42rem .68rem;
  border:1px solid rgba(126,249,255,.16);
  border-radius:999px;
  background:rgba(4,16,35,.56);
  color:rgba(235,252,255,.94);
  box-shadow:0 8px 26px rgba(0,0,0,.08);
  backdrop-filter:blur(4px);
  -webkit-backdrop-filter:blur(4px);
  opacity:.3;
  transform:translate3d(0,0,0);
  transition:left 12s linear,top 12s linear,opacity 1.8s ease;
  will-change:left,top;
  direction:rtl;
  white-space:nowrap;
}
.student-session-watermark-dot{
  width:7px;height:7px;border-radius:50%;flex:0 0 auto;
  background:#62f3f7;
  box-shadow:0 0 12px rgba(98,243,247,.75);
}
.student-session-watermark-copy{display:flex;align-items:center;gap:.42rem;min-width:0}
.student-session-watermark-copy strong{font-size:.72rem;font-weight:900;overflow:hidden;text-overflow:ellipsis;max-width:170px}
.student-session-watermark-copy small{font-size:.62rem;font-weight:700;letter-spacing:.04em;color:rgba(170,225,236,.78);direction:ltr}
html[data-theme="light"] .student-session-watermark{
  background:rgba(244,250,255,.92);
  color:rgba(12,44,79,.96);
  border-color:rgba(30,99,255,.24);
  box-shadow:0 8px 26px rgba(26,74,132,.12);
}
html[data-theme="light"] .student-session-watermark-copy small{color:rgba(30,76,119,.92)}

@media(max-width:760px){
  .student-session-watermark{max-width:72vw;padding:.36rem .55rem;gap:.38rem}
  .student-session-watermark-copy strong{font-size:.66rem;max-width:130px}
  .student-session-watermark-copy small{font-size:.57rem}
}



/* v4.6 — clean lesson video shell */
.plank-video-player{border-radius:22px;overflow:hidden;border:1px solid rgba(126,249,255,.12);background:#030914;box-shadow:0 20px 55px rgba(0,0,0,.24)}
.plank-video-stage{position:relative;aspect-ratio:16/9;background:radial-gradient(circle at 50% 40%,rgba(45,226,230,.08),transparent 35%),#020710;overflow:hidden;cursor:pointer}
.plank-youtube-mount,.plank-youtube-mount iframe{position:absolute!important;inset:0;width:100%!important;height:100%!important;border:0!important}
.plank-youtube-mount iframe{pointer-events:none}
.plank-video-cover{position:absolute;inset:0;z-index:4;border:0;margin:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.45rem;background:linear-gradient(180deg,rgba(3,9,20,.62),rgba(3,9,20,.82));color:#effcff;cursor:pointer;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease;font-family:inherit}
.plank-video-player.is-idle .plank-video-cover,.plank-video-player.is-paused .plank-video-cover,.plank-video-player.is-ended .plank-video-cover{opacity:1;visibility:visible}
.plank-video-cover-icon{width:62px;height:62px;border-radius:50%;display:grid;place-items:center;padding-left:4px;background:linear-gradient(135deg,#2de2e6,#4d8cff);color:#02101f;font-size:1.35rem;box-shadow:0 12px 38px rgba(45,226,230,.18)}
.plank-video-cover strong{font-size:1rem;font-weight:900}.plank-video-cover small{color:#91a9c2;font-size:.72rem;font-weight:700}
.plank-video-controls{height:54px;display:flex;align-items:center;gap:.7rem;padding:.55rem .75rem;background:linear-gradient(180deg,#071529,#05101f);border-top:1px solid rgba(126,249,255,.08)}
.plank-video-control{width:36px;height:36px;flex:0 0 36px;border-radius:11px;border:1px solid rgba(126,249,255,.12);background:rgba(45,226,230,.055);color:#dffcff;display:grid;place-items:center;cursor:pointer;font:800 .85rem/1 system-ui;transition:.18s}
.plank-video-control:hover{background:rgba(45,226,230,.11);border-color:rgba(126,249,255,.24)}
.plank-video-main-control{background:linear-gradient(135deg,rgba(45,226,230,.2),rgba(77,140,255,.18));color:#7cf8fb}
.plank-video-progress{height:5px;flex:1;min-width:70px;border-radius:999px;background:rgba(255,255,255,.08);overflow:hidden}
.plank-video-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#2de2e6,#4d8cff);border-radius:inherit;transition:width .35s linear}
.plank-video-time{flex:0 0 auto;color:#8fa7c0;font-size:.68rem;font-weight:800;font-variant-numeric:tabular-nums;white-space:nowrap}
.direct-video-wrap video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#000}
html[data-theme="light"] .plank-video-player{border-color:rgba(32,86,155,.13);background:#eaf3ff}.plank-video-player:fullscreen{background:#000}.plank-video-player:fullscreen .plank-video-stage{height:calc(100vh - 54px);aspect-ratio:auto}
@media(max-width:620px){.plank-video-controls{gap:.42rem;padding:.45rem .5rem}.plank-video-control{width:32px;height:32px;flex-basis:32px}.plank-video-time{font-size:.6rem}.plank-video-cover-icon{width:54px;height:54px}}

/* v4.8 — mask residual YouTube chrome inside the Plank player */
.plank-youtube-mount{overflow:hidden}
.plank-youtube-mount iframe{
  /* A very small overscan crops YouTube's edge chrome without noticeably cropping lectures. */
  inset:-2.8%!important;
  width:105.6%!important;
  height:105.6%!important;
  max-width:none!important;
  max-height:none!important;
}
.plank-youtube-corner-mask{
  position:absolute;
  z-index:3;
  bottom:0;
  width:118px;
  height:58px;
  pointer-events:none;
  opacity:.98;
}
.plank-youtube-corner-mask-left{
  left:0;
  background:linear-gradient(35deg,#020710 0%,rgba(2,7,16,.98) 56%,rgba(2,7,16,0) 100%);
}
.plank-youtube-corner-mask-right{
  right:0;
  background:linear-gradient(-35deg,#020710 0%,rgba(2,7,16,.98) 56%,rgba(2,7,16,0) 100%);
}
.plank-video-player.is-idle .plank-youtube-corner-mask,
.plank-video-player.is-paused .plank-youtube-corner-mask,
.plank-video-player.is-ended .plank-youtube-corner-mask{opacity:0}
@media(max-width:620px){
  .plank-youtube-corner-mask{width:88px;height:46px}
  .plank-youtube-mount iframe{inset:-3.2%!important;width:106.4%!important;height:106.4%!important}
}


/* v4.9 — stronger YouTube chrome shielding for lesson videos */
.plank-video-stage{-webkit-user-select:none;user-select:none}
.plank-youtube-corner-mask{
  bottom:0!important;
  height:82px!important;
  opacity:1!important;
  z-index:5!important;
  pointer-events:auto!important;
  background:#020710!important;
}
.plank-youtube-corner-mask-left{
  left:0!important;
  width:22%!important;
  clip-path:polygon(0 0,84% 0,100% 100%,0 100%);
}
.plank-youtube-corner-mask-right{
  right:0!important;
  width:46%!important;
  clip-path:polygon(14% 0,100% 0,100% 100%,0 100%);
}
.plank-video-player.is-idle .plank-youtube-corner-mask,
.plank-video-player.is-paused .plank-youtube-corner-mask,
.plank-video-player.is-ended .plank-youtube-corner-mask{opacity:0!important;pointer-events:none!important}
@media(max-width:620px){
  .plank-youtube-corner-mask{height:66px!important}
  .plank-youtube-corner-mask-left{width:26%!important}
  .plank-youtube-corner-mask-right{width:52%!important}
}

/* v4.10 — clean video edge: remove the large YouTube shielding blocks. */
.plank-youtube-corner-mask{display:none!important}

/* The student identity now lives only inside the lecture player, lower-left. */
.student-session-watermark.is-video-watermark{
  position:absolute!important;
  z-index:7!important;
  max-width:min(260px,46%)!important;
  padding:.42rem .64rem!important;
  background:rgba(4,16,35,.82)!important;
  border-color:rgba(126,249,255,.28)!important;
  color:rgba(244,254,255,.98)!important;
  box-shadow:0 8px 28px rgba(0,0,0,.22)!important;
  backdrop-filter:blur(8px)!important;
  -webkit-backdrop-filter:blur(8px)!important;
  transition:left 10s linear,bottom 10s linear,opacity 1.4s ease!important;
}
.student-session-watermark.is-video-watermark .student-session-watermark-copy small{color:rgba(192,238,247,.94)!important}
html[data-theme="light"] .student-session-watermark.is-video-watermark{
  background:rgba(8,28,54,.82)!important;
  color:#fff!important;
  border-color:rgba(126,249,255,.3)!important;
}
@media(max-width:620px){
  .student-session-watermark.is-video-watermark{max-width:58%!important;padding:.34rem .5rem!important}
}

/* v4.11 — watermark only during active lecture playback + minimal copy-link cover */
.plank-youtube-mount iframe{
  inset:0!important;
  width:100%!important;
  height:100%!important;
  max-width:100%!important;
  max-height:100%!important;
}
.plank-youtube-copy-mask{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  z-index:6;
  width:100%;
  height:58px;
  background:linear-gradient(180deg,rgba(2,7,16,0) 0%,rgba(2,7,16,.92) 24%,#020710 52%,#020710 100%);
  border-top:1px solid rgba(126,249,255,.055);
  pointer-events:none;
  user-select:none;
  -webkit-user-select:none;
}
.plank-video-player.is-idle .plank-youtube-copy-mask,
.plank-video-player.is-paused .plank-youtube-copy-mask,
.plank-video-player.is-ended .plank-youtube-copy-mask{opacity:0;pointer-events:none}
.student-session-watermark.is-session-only{
  display:none;
  position:absolute!important;
  z-index:8!important;
  left:14px;
  top:14px;
  right:auto!important;
  bottom:auto!important;
  max-width:min(300px,58%)!important;
  padding:.4rem .64rem!important;
  border:1px solid rgba(126,249,255,.3)!important;
  border-radius:999px!important;
  background:rgba(4,16,35,.72)!important;
  color:rgba(244,254,255,.98)!important;
  box-shadow:0 8px 26px rgba(0,0,0,.18)!important;
  backdrop-filter:blur(6px)!important;
  -webkit-backdrop-filter:blur(6px)!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translate3d(0,0,0)!important;
  transition:left 6.2s linear,top 6.2s linear,opacity .22s ease,visibility .22s ease!important;
  will-change:left,top,opacity;
}
.student-session-watermark.is-session-only.is-active{
  display:flex;
  opacity:.68!important;
  visibility:visible!important;
}
.student-session-watermark.is-session-only .student-session-watermark-copy small{color:rgba(202,240,247,.96)!important}
.direct-video-wrap{overflow:hidden}
.direct-video-wrap .student-session-watermark.is-session-only{z-index:4!important}
@media(max-width:620px){
  .plank-youtube-copy-mask{width:100%;height:48px}
  .student-session-watermark.is-session-only{max-width:70%!important;padding:.32rem .5rem!important;transition:left 5.4s linear,top 5.4s linear,opacity .22s ease,visibility .22s ease!important}
}

/* v4.12 — payment notification, method controls and transfer history */
.payment-modal-open{overflow:hidden!important}
.payment-alert-modal{position:fixed;inset:0;z-index:5000;display:grid;place-items:center;padding:20px}
.payment-alert-backdrop{position:absolute;inset:0;background:rgba(1,7,18,.82);backdrop-filter:blur(12px)}
.payment-alert-dialog{position:relative;z-index:1;width:min(920px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid rgba(111,246,250,.2);border-radius:28px;background:linear-gradient(145deg,#0c1d39,#071326);box-shadow:0 36px 110px rgba(0,0,0,.58);padding:1.35rem}
.payment-alert-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1rem;align-items:center;padding:.3rem .2rem 1rem;border-bottom:1px solid rgba(126,249,255,.09)}
.payment-alert-icon{width:54px;height:54px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#2de2e6,#4d8cff);color:#03101f;font-size:1.6rem;font-weight:900;box-shadow:0 12px 30px rgba(45,226,230,.18)}
.payment-alert-head h2{margin:.2rem 0;color:#fff;font-size:1.35rem}.payment-alert-head p{margin:0;color:#8da6c1;font-size:.82rem}.payment-alert-count{padding:.38rem .7rem;border-radius:999px;background:rgba(45,226,230,.08);color:#75f4f8;border:1px solid rgba(45,226,230,.13);font-size:.72rem;font-weight:800;white-space:nowrap}
.payment-alert-body{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);gap:1.2rem;padding:1.15rem 0}
.payment-alert-proof{min-height:310px;border-radius:20px;overflow:hidden;border:1px solid rgba(126,249,255,.12);background:#04101f;display:grid;place-items:center}.payment-alert-proof>a{width:100%;height:100%;display:grid;place-items:center}.payment-alert-proof img{width:100%;height:100%;max-height:430px;object-fit:contain;background:#020914}
.payment-alert-info{padding:.35rem}.payment-alert-info h3{margin:.1rem 0;color:#fff;font-size:1.45rem}.payment-alert-amount{margin:1rem 0;padding:1rem;border-radius:18px;background:linear-gradient(135deg,rgba(45,226,230,.1),rgba(77,140,255,.08));border:1px solid rgba(126,249,255,.11)}.payment-alert-amount small{display:block;color:#85a1bd}.payment-alert-amount strong{display:block;color:#6ff6fa;font-size:2rem;margin-top:.2rem}
.payment-alert-lines{display:grid;gap:.65rem}.payment-alert-lines>div{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.65rem 0;border-bottom:1px solid rgba(126,249,255,.07)}.payment-alert-lines span{color:#7893ae;font-size:.75rem}.payment-alert-lines strong{color:#eaf8ff;font-size:.82rem;text-align:left}
.payment-alert-actions{display:flex;align-items:center;justify-content:space-between;gap:.8rem;flex-wrap:wrap;padding-top:1rem;border-top:1px solid rgba(126,249,255,.09)}.payment-alert-actions form{display:flex;gap:.65rem;flex-wrap:wrap}
.payment-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem}.payment-setting-card{padding:1rem;border:1px solid rgba(126,249,255,.09);border-radius:18px;background:rgba(77,140,255,.035)}.payment-setting-card.full{grid-column:1/-1}.payment-toggle-line{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;cursor:pointer}.payment-toggle-line strong{display:block;color:#edf9ff}.payment-toggle-line small{display:block;color:#7891aa;font-size:.68rem;margin-top:.2rem}.toggle-switch{position:relative;width:50px;height:28px;flex:0 0 auto}.toggle-switch input{position:absolute;opacity:0;pointer-events:none}.toggle-switch i{position:absolute;inset:0;border-radius:999px;background:#172944;border:1px solid rgba(126,249,255,.12);transition:.2s}.toggle-switch i:after{content:"";position:absolute;width:20px;height:20px;top:3px;right:4px;border-radius:50%;background:#7790aa;transition:.2s}.toggle-switch input:checked+i{background:linear-gradient(90deg,rgba(45,226,230,.35),rgba(77,140,255,.45));border-color:rgba(45,226,230,.38)}.toggle-switch input:checked+i:after{right:25px;background:#6ff6fa;box-shadow:0 0 14px rgba(45,226,230,.42)}
.payment-method-preview{display:grid;gap:.6rem;margin-top:.8rem}.payment-method-preview>div{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:.55rem;padding:.65rem .75rem;border-radius:13px;background:rgba(255,255,255,.025);border:1px solid rgba(126,249,255,.06)}.payment-method-preview strong{font-size:.8rem;color:#eaf7ff}.payment-method-preview small{font-size:.67rem;color:#7892ab}.status-dot-mini{width:9px;height:9px;border-radius:50%}.status-dot-mini.is-on{background:#42e5a7;box-shadow:0 0 10px rgba(66,229,167,.5)}.status-dot-mini.is-off{background:#68788e}
.payment-method-help-item{padding:.85rem 0;border-bottom:1px solid rgba(126,249,255,.07)}.payment-method-help-item:last-child{border-bottom:0}.payment-method-help-item strong{color:#eaf8ff}.payment-method-help-item p{line-height:1.8;font-size:.75rem;margin:.35rem 0 .6rem}
.payment-history-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:1rem}.payment-history-head h2{margin:.25rem 0;color:#fff}.payment-history-head p{margin:0;line-height:1.8}.payment-history-stats{display:flex;gap:.55rem;flex-wrap:wrap}.payment-history-stats span{padding:.55rem .75rem;border-radius:13px;background:rgba(45,226,230,.045);border:1px solid rgba(126,249,255,.08);color:#8fa8c2;font-size:.72rem}.payment-history-stats strong{color:#6ff6fa;font-size:1rem;margin-left:.25rem}
.payment-history-grid{display:grid;gap:1rem}.payment-history-card{display:grid;grid-template-columns:minmax(240px,330px) minmax(0,1fr);overflow:hidden;border-radius:22px;border:1px solid rgba(126,249,255,.1);background:linear-gradient(145deg,rgba(12,30,61,.92),rgba(7,18,39,.94));box-shadow:0 16px 48px rgba(0,0,0,.12)}.payment-proof-pane{min-height:285px;background:#030d1d;border-left:1px solid rgba(126,249,255,.08);display:grid;place-items:center;overflow:hidden}.payment-proof-pane>a{display:grid;place-items:center;width:100%;height:100%}.payment-proof-pane img{width:100%;height:100%;max-height:390px;object-fit:contain;background:#020914;transition:.2s}.payment-proof-pane img:hover{transform:scale(1.015)}.payment-proof-file,.payment-proof-empty{display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:.5rem;text-align:center;padding:1rem;color:#9bb2ca}.payment-proof-file span,.payment-proof-empty>span{width:64px;height:64px;border-radius:18px;display:grid;place-items:center;background:rgba(45,226,230,.08);color:#6ff6fa;font-weight:900}.payment-proof-file strong,.payment-proof-empty strong{color:#eaf8ff}.payment-proof-empty small{font-size:.7rem;color:#6f88a2}
.payment-history-copy{padding:1.15rem}.payment-history-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}.payment-history-title-row h3{margin:.25rem 0;color:#fff;font-size:1.15rem}.payment-history-title-row p{margin:0}.payment-details-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.65rem;margin:1rem 0}.payment-details-grid>div{padding:.7rem;border-radius:14px;background:rgba(255,255,255,.024);border:1px solid rgba(126,249,255,.06)}.payment-details-grid small{display:block;color:#708aa5;font-size:.65rem}.payment-details-grid strong{display:block;color:#e4f5ff;font-size:.76rem;margin-top:.2rem;overflow-wrap:anywhere}.payment-admin-note{padding:.75rem;border-radius:13px;background:rgba(77,140,255,.055);border:1px solid rgba(77,140,255,.1);color:#9db2c9;font-size:.75rem;margin-bottom:.8rem}.payment-admin-note strong{color:#dff7ff}.payment-review-form{display:grid;gap:.6rem;padding:.8rem;border-radius:16px;background:rgba(45,226,230,.035);border:1px solid rgba(126,249,255,.07)}.payment-record-actions{display:flex;gap:.5rem;flex-wrap:wrap;align-items:center;margin-top:.8rem}.payment-record-actions form{margin:0}
html[data-theme="light"] .payment-alert-dialog{background:linear-gradient(145deg,#fff,#eef5ff);border-color:rgba(32,86,155,.14);box-shadow:0 30px 100px rgba(36,65,103,.22)}html[data-theme="light"] .payment-alert-head h2,html[data-theme="light"] .payment-alert-info h3,html[data-theme="light"] .payment-alert-lines strong,html[data-theme="light"] .payment-setting-card strong,html[data-theme="light"] .payment-method-preview strong,html[data-theme="light"] .payment-history-head h2,html[data-theme="light"] .payment-history-title-row h3,html[data-theme="light"] .payment-proof-file strong,html[data-theme="light"] .payment-proof-empty strong{color:#10213a!important}html[data-theme="light"] .payment-setting-card,html[data-theme="light"] .payment-history-card{background:rgba(255,255,255,.9);border-color:rgba(32,86,155,.12)}html[data-theme="light"] .payment-proof-pane{background:#edf4ff;border-color:rgba(32,86,155,.1)}html[data-theme="light"] .payment-details-grid>div,html[data-theme="light"] .payment-method-preview>div{background:rgba(47,128,237,.035);border-color:rgba(32,86,155,.08)}html[data-theme="light"] .payment-details-grid strong{color:#173451}html[data-theme="light"] .payment-alert-lines{color:#173451}html[data-theme="light"] .payment-alert-lines>div{border-color:rgba(32,86,155,.08)}html[data-theme="light"] .payment-review-form{background:rgba(47,128,237,.035);border-color:rgba(32,86,155,.09)}
@media(max-width:900px){.payment-alert-body,.payment-history-card{grid-template-columns:1fr}.payment-alert-proof{min-height:220px}.payment-proof-pane{min-height:230px;border-left:0;border-bottom:1px solid rgba(126,249,255,.08)}.payment-details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-settings-grid{grid-template-columns:1fr}.payment-setting-card.full{grid-column:auto}}
@media(max-width:600px){.payment-alert-modal{padding:8px}.payment-alert-dialog{padding:1rem;border-radius:20px}.payment-alert-head{grid-template-columns:auto 1fr}.payment-alert-count{grid-column:1/-1;justify-self:start}.payment-alert-actions,.payment-alert-actions form{display:grid;width:100%}.payment-alert-actions .btn{width:100%;justify-content:center}.payment-details-grid{grid-template-columns:1fr}.payment-history-title-row{flex-direction:column}.payment-record-actions{display:grid}.payment-record-actions .btn{width:100%;justify-content:center}.payment-record-actions form{width:100%}}


/* v4.15 — clean YouTube crop + hard interaction shield (no black/gradient mask) */
.plank-youtube-copy-mask{display:none!important}
.plank-youtube-mount{overflow:hidden!important;background:#000}
.plank-youtube-mount iframe{
  pointer-events:none!important;
  top:-5%!important;
  left:-8%!important;
  right:auto!important;
  bottom:auto!important;
  width:116%!important;
  height:116%!important;
  max-width:none!important;
  max-height:none!important;
  border:0!important;
}
.plank-video-click-shield{
  position:absolute;
  inset:0;
  z-index:3;
  display:block;
  background:transparent;
  cursor:pointer;
  pointer-events:auto;
  user-select:none;
  -webkit-user-select:none;
  -webkit-touch-callout:none;
}
.plank-video-player.is-idle .plank-video-click-shield,
.plank-video-player.is-paused .plank-video-click-shield,
.plank-video-player.is-ended .plank-video-click-shield{pointer-events:none}
@media(max-width:620px){
  .plank-youtube-mount iframe{
    top:-5.5%!important;
    left:-8.5%!important;
    width:117%!important;
    height:117%!important;
  }
}

/* v4.16 — student seeking controls + softer in-video watermark */
.plank-video-progress{
  --video-progress-value:0%;
  flex:1;
  min-width:90px;
  height:18px;
  margin:0;
  padding:0;
  border:0;
  border-radius:999px;
  appearance:none;
  -webkit-appearance:none;
  background:transparent;
  cursor:pointer;
  accent-color:#2de2e6;
}
.plank-video-progress::-webkit-slider-runnable-track{
  height:6px;
  border-radius:999px;
  background:linear-gradient(90deg,#2de2e6 0%,#4d8cff var(--video-progress-value),rgba(255,255,255,.09) var(--video-progress-value),rgba(255,255,255,.09) 100%);
}
.plank-video-progress::-webkit-slider-thumb{
  width:15px;
  height:15px;
  margin-top:-4.5px;
  border:2px solid #dffcff;
  border-radius:50%;
  appearance:none;
  -webkit-appearance:none;
  background:#2de2e6;
  box-shadow:0 0 0 4px rgba(45,226,230,.12),0 0 14px rgba(45,226,230,.42);
}
.plank-video-progress::-moz-range-track{height:6px;border:0;border-radius:999px;background:rgba(255,255,255,.09)}
.plank-video-progress::-moz-range-progress{height:6px;border-radius:999px;background:linear-gradient(90deg,#2de2e6,#4d8cff)}
.plank-video-progress::-moz-range-thumb{width:13px;height:13px;border:2px solid #dffcff;border-radius:50%;background:#2de2e6;box-shadow:0 0 0 4px rgba(45,226,230,.12)}
.plank-video-progress:focus-visible{outline:2px solid rgba(111,246,250,.72);outline-offset:4px}
.plank-video-seek-control{width:42px;flex-basis:42px;font-size:.7rem;letter-spacing:-.02em}
.student-session-watermark.is-session-only.is-active{opacity:.44!important}
@media(max-width:620px){
  .plank-video-seek-control{width:36px;flex-basis:36px;font-size:.62rem}
  .plank-video-progress{min-width:64px}
  .student-session-watermark.is-session-only.is-active{opacity:.4!important}
}

/* v4.17 — stronger light-mode contrast across the whole platform */
html[data-theme="light"]{
  --primary:#0f5fa8;
  --primary2:#245bb8;
  --accent-blue:#0f5fa8;
  --accent-cyan:#0e7490;
  --accent-soft:rgba(15,95,168,.09);
  --accent-border:rgba(15,95,168,.24);
}

/* Accent labels, badges, numbers and icon glyphs */
html[data-theme="light"] .plank-badge,
html[data-theme="light"] .section-kicker,
html[data-theme="light"] .kicker,
html[data-theme="light"] .eyebrow,
html[data-theme="light"] .proof-icon,
html[data-theme="light"] .trust-card .ico,
html[data-theme="light"] .year-chip b,
html[data-theme="light"] .feature-icon,
html[data-theme="light"] .pricing-card .price,
html[data-theme="light"] .badge-primary,
html[data-theme="light"] .badge-warning,
html[data-theme="light"] .panel-quick-card .qicon,
html[data-theme="light"] .stat-card strong,
html[data-theme="light"] .stat-value,
html[data-theme="light"] .qb-number,
html[data-theme="light"] .question-image-dropzone-icon,
html[data-theme="light"] .model-answer-icon,
html[data-theme="light"] .model-answer-admin-preview strong,
html[data-theme="light"] .model-answer-box strong,
html[data-theme="light"] .watch-gate-top strong,
html[data-theme="light"] .student-summary>summary:after,
html[data-theme="light"] .compact-stat strong,
html[data-theme="light"] .student-course-symbol,
html[data-theme="light"] .student-compact-nav a>span,
html[data-theme="light"] .payment-alert-count,
html[data-theme="light"] .payment-alert-amount strong,
html[data-theme="light"] .payment-history-stats strong,
html[data-theme="light"] .payment-proof-file span,
html[data-theme="light"] .payment-proof-empty>span,
html[data-theme="light"] .certificate-code,
html[data-theme="light"] [style*="color:#6ff6fa"],
html[data-theme="light"] [style*="color: #6ff6fa"],
html[data-theme="light"] [style*="color:#2de2e6"],
html[data-theme="light"] [style*="color: #2de2e6"]{
  color:#0f5fa8!important;
}

html[data-theme="light"] .plank-badge,
html[data-theme="light"] .badge-primary,
html[data-theme="light"] .badge-warning,
html[data-theme="light"] .feature-icon,
html[data-theme="light"] .proof-icon,
html[data-theme="light"] .panel-quick-card .qicon,
html[data-theme="light"] .qb-number,
html[data-theme="light"] .student-course-symbol,
html[data-theme="light"] .student-compact-nav a>span{
  background:rgba(15,95,168,.085)!important;
  border-color:rgba(15,95,168,.22)!important;
}

html[data-theme="light"] .plank-badge-dot,
html[data-theme="light"] .status-dot{
  background:#0e7490!important;
  box-shadow:0 0 0 5px rgba(14,116,144,.10),0 0 12px rgba(14,116,144,.30)!important;
}

/* Sidebar, tables, tabs and active navigation */
html[data-theme="light"] .side-link svg{color:#1769c3!important}
html[data-theme="light"] .side-link.active,
html[data-theme="light"] .tab.active,
html[data-theme="light"] .grade-filter-button.active{
  color:#1556a6!important;
  border-color:rgba(21,86,166,.28)!important;
  background:linear-gradient(135deg,rgba(15,95,168,.11),rgba(36,91,184,.08))!important;
}
html[data-theme="light"] .table-wrap th{color:#1556a6!important}
html[data-theme="light"] .progress-bar-fill,
html[data-theme="light"] .course-card .progress span{
  background:linear-gradient(90deg,#0e7490,#245bb8)!important;
}

/* Physics hero visual: retain the blue identity, but make it readable on white */
html[data-theme="light"] .physics-console{
  background:radial-gradient(circle at 50% 42%,rgba(14,116,144,.12),transparent 27%),radial-gradient(circle at 74% 16%,rgba(36,91,184,.17),transparent 31%),linear-gradient(150deg,#edf5ff,#dceaff)!important;
  border-color:rgba(15,95,168,.24)!important;
}
html[data-theme="light"] .console-grid{
  opacity:.5;
  background-image:linear-gradient(rgba(15,95,168,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(15,95,168,.09) 1px,transparent 1px)!important;
}
html[data-theme="light"] .atom-orbit{border-color:rgba(15,95,168,.42)!important}
html[data-theme="light"] .atom-core:after{border-color:rgba(14,116,144,.35)!important}
html[data-theme="light"] .atom-orbit i{
  background:#0e7490!important;
  box-shadow:0 0 12px rgba(14,116,144,.55),0 0 24px rgba(36,91,184,.32)!important;
}
html[data-theme="light"] .wave-panel{border-top-color:rgba(15,95,168,.14)!important}
html[data-theme="light"] .wave-line-1{stroke:rgba(14,116,144,.92)!important}
html[data-theme="light"] .wave-line-2{stroke:rgba(36,91,184,.74)!important}
html[data-theme="light"] .formula-chip{
  color:#15568e!important;
  background:rgba(255,255,255,.88)!important;
  border-color:rgba(15,95,168,.22)!important;
  box-shadow:0 10px 24px rgba(45,77,120,.10)!important;
}
html[data-theme="light"] .physics-status{color:#496884!important}

/* Forms, auth screens and secondary controls */
html[data-theme="light"] .auth-card a[style*="color:#6ff6fa"],
html[data-theme="light"] .auth-card strong[style*="color:#6ff6fa"],
html[data-theme="light"] .demo-login-btn .demo-login-icon{
  color:#0f5fa8!important;
}
html[data-theme="light"] .demo-login-btn .demo-login-icon{
  background:rgba(15,95,168,.08)!important;
  border:1px solid rgba(15,95,168,.14)!important;
}
html[data-theme="light"] .input:focus,
html[data-theme="light"] .select:focus,
html[data-theme="light"] .textarea:focus{
  border-color:#1769c3!important;
  box-shadow:0 0 0 3px rgba(23,105,195,.13)!important;
}
html[data-theme="light"] input[type="checkbox"],
html[data-theme="light"] input[type="radio"]{accent-color:#1769c3}

/* Payment and dashboard details added in later modules */
html[data-theme="light"] .payment-history-stats span,
html[data-theme="light"] .payment-admin-note,
html[data-theme="light"] .payment-review-form{
  color:#4d6783!important;
}
html[data-theme="light"] .payment-setting-card small,
html[data-theme="light"] .payment-method-preview small,
html[data-theme="light"] .payment-details-grid small{
  color:#617892!important;
}
html[data-theme="light"] .toggle-switch input:checked+i{
  background:linear-gradient(90deg,rgba(14,116,144,.44),rgba(36,91,184,.56))!important;
  border-color:rgba(15,95,168,.42)!important;
}
html[data-theme="light"] .toggle-switch input:checked+i:after{
  background:#fff!important;
  box-shadow:0 0 0 2px rgba(15,95,168,.20)!important;
}

/* Keep decorative cyan subtle; readable content uses the darker accent above */
html[data-theme="light"] .social-pill{
  color:#3e5f7f!important;
  border-color:rgba(15,95,168,.16)!important;
  background:rgba(15,95,168,.04)!important;
}
html[data-theme="light"] .footer a:hover{color:#0f5fa8!important}

/* v4.18 — landing-page light-mode contrast polish */
html[data-theme="light"] #teacher .teacher-story-copy p strong{
  color:#0f5fa8!important;
  font-weight:900;
}
html[data-theme="light"] #teacher .story-point{
  background:rgba(255,255,255,.78)!important;
  border-color:rgba(15,95,168,.15)!important;
  color:#536b88!important;
  box-shadow:0 10px 28px rgba(45,77,120,.045);
}
html[data-theme="light"] #teacher .story-point strong{
  color:#174f8c!important;
}

html[data-theme="light"] #success .achievement-card .rank{
  color:#0f5fa8!important;
  background:rgba(15,95,168,.10)!important;
  border:1px solid rgba(15,95,168,.16)!important;
}
html[data-theme="light"] #success .achievement-card.gold .rank{
  color:#8a5b08!important;
  background:rgba(184,125,18,.11)!important;
  border-color:rgba(184,125,18,.18)!important;
}
html[data-theme="light"] #success .achievement-card .year{
  color:rgba(15,95,168,.10)!important;
}

html[data-theme="light"] #features .feature-physics .icon{
  color:#0f5fa8!important;
  background:linear-gradient(135deg,rgba(15,95,168,.12),rgba(36,91,184,.08))!important;
  border:1px solid rgba(15,95,168,.16)!important;
  box-shadow:0 8px 22px rgba(15,95,168,.08);
}
html[data-theme="light"] #features .feature-physics{
  background:rgba(255,255,255,.82)!important;
  border-color:rgba(15,95,168,.13)!important;
}

html[data-theme="light"] .cta-panel{
  background:radial-gradient(circle at 12% 30%,rgba(14,116,144,.15),transparent 32%),linear-gradient(135deg,#0b2345,#07152d)!important;
  border-color:rgba(38,216,243,.24)!important;
  box-shadow:0 22px 58px rgba(18,44,83,.16);
}
html[data-theme="light"] .cta-panel .section-kicker{
  color:#62dce8!important;
}
html[data-theme="light"] .cta-panel h2{
  color:#f5fbff!important;
}
html[data-theme="light"] .cta-panel p{
  color:#bfd0e2!important;
}
html[data-theme="light"] .cta-panel .formula{
  color:rgba(99,220,232,.13)!important;
}
html[data-theme="light"] .cta-panel .btn-secondary{
  color:#cceeff!important;
  border-color:rgba(99,220,232,.30)!important;
  background:rgba(7,31,61,.62)!important;
}
html[data-theme="light"] .cta-panel .btn-secondary:hover{
  color:#ffffff!important;
  background:rgba(15,95,168,.36)!important;
  border-color:rgba(99,220,232,.48)!important;
}

/* Update 4.19: wallet and bank-account payment details */
.payment-method-provider{display:block;color:#55dce5;font-size:.72rem;font-weight:800;margin-top:.25rem}
.payment-account-box{display:grid;gap:.32rem;padding:.72rem .8rem;margin:.35rem 0 .65rem;border-radius:13px;background:rgba(45,226,230,.055);border:1px solid rgba(45,226,230,.14)}
.payment-account-box span{color:#7f98b1;font-size:.67rem;font-weight:800}
.payment-account-box bdi{display:block;color:#effcff;font-size:.83rem;font-weight:900;letter-spacing:.045em;overflow-wrap:anywhere;user-select:all}
html[data-theme="light"] .payment-method-provider{color:#087e9c!important}
html[data-theme="light"] .payment-account-box{background:rgba(23,105,195,.045);border-color:rgba(23,105,195,.13)}
html[data-theme="light"] .payment-account-box span{color:#617892!important}
html[data-theme="light"] .payment-account-box bdi{color:#153859!important}


/* v4.20 — New Plank brand logos and theme-aware variants */
.site-logo{display:block;object-fit:contain!important;object-position:center!important;filter:none!important}
.logo-on-dark{display:block!important}
.logo-on-light{display:none!important}
html[data-theme="light"] .logo-on-dark{display:none!important}
html[data-theme="light"] .logo-on-light{display:block!important}
.topbar .brand img.site-logo{height:70px!important;width:auto!important;max-width:54px!important}
.footer .brand img.site-logo{height:142px!important;width:auto!important;max-width:101px!important}
.auth-card .brand img.site-logo{height:132px!important;width:auto!important;max-width:94px!important}
.sidebar-brand img.site-logo{height:112px!important;width:auto!important;max-width:80px!important}
@media(max-width:1024px){.topbar .brand img.site-logo{height:62px!important;max-width:45px!important}}
@media(max-width:520px){.topbar .brand img.site-logo{height:56px!important;max-width:40px!important}.footer .brand img.site-logo{height:120px!important;max-width:85px!important}.auth-card .brand img.site-logo{height:118px!important;max-width:84px!important}}