/* Premium visual layer: content, links, advertising and player layout are unchanged. */
:root{--neon:#38d9ff;--violet:#a343ff}
html{background:#08123c}
body{background:radial-gradient(ellipse at 2% 23%,#e637a5 0%,transparent 26%),radial-gradient(ellipse at 95% 30%,#7a24ff 0%,transparent 30%),radial-gradient(ellipse at 40% 62%,#078cf4 0%,transparent 45%),linear-gradient(125deg,#08225c 0%,#0b2b9c 40%,#36117b 78%,#081b50 100%)!important;color:#f7f9ff;min-height:100vh}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,#b9d7ff 1px,transparent 2px);background-size:34px 34px;opacity:.12}
.navbar{position:relative;z-index:20;background:#050d29!important;border-bottom:2px solid #673bff!important;box-shadow:0 3px 25px #1414ba99!important}
.logo a{color:#fff!important;font-weight:800!important;text-transform:uppercase;letter-spacing:.3px}
.nav-menu a{background:#182a5b!important;color:#f3f7ff!important;border:1px solid #6675bc!important;border-radius:9px!important}
.nav-menu a:hover{background:#7035e9!important;color:white!important}
.edu-hero{position:relative;isolation:isolate;overflow:hidden;min-height:225px;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px 20px 34px;background:radial-gradient(circle at 10% 60%,#2374ff9c,transparent 28%),radial-gradient(circle at 90% 50%,#e31aff70,transparent 30%),linear-gradient(110deg,#090f5e9e,#08285ea6 52%,#37128b8c);border-bottom:1px solid #46baff8c}
.edu-hero:before,.edu-hero:after{content:"";position:absolute;width:160px;height:160px;border:3px solid #25dcff80;border-radius:36px;transform:rotate(25deg);left:4%;top:24%;box-shadow:0 0 38px #00aeff75,inset 0 0 32px #ff39b360;z-index:-1}
.edu-hero:after{left:auto;right:5%;top:8%;border-radius:50%;border-color:#fa5bdcaa;transform:rotate(-15deg);box-shadow:0 0 55px #d21bff99}
.edu-hero-inner{max-width:1050px;position:relative;z-index:1}.edu-eyebrow{color:#86eaff;font-weight:800;font-size:12px;letter-spacing:3px;margin-bottom:8px}
.edu-hero h1{font-size:clamp(32px,4vw,60px)!important;line-height:1.13!important;font-weight:800!important;color:white!important;margin:0 0 10px!important;text-shadow:0 5px 28px #080b3d}
.edu-hero h1 span{background:linear-gradient(90deg,#40eaff,#f35afa,#ffb33c);-webkit-background-clip:text;background-clip:text;color:transparent}
.edu-hero p{font-size:clamp(13px,1.15vw,18px);color:#e4edff;margin:0 auto 20px}
.edu-benefits{display:flex;gap:clamp(12px,2.6vw,45px);justify-content:center;flex-wrap:wrap;font-weight:700;font-size:clamp(12px,1vw,16px)}.edu-benefits span:nth-child(1){color:#4af5a7}.edu-benefits span:nth-child(2){color:#ffdb53}.edu-benefits span:nth-child(3){color:#7ee6ff}.edu-benefits span:nth-child(4){color:#ff7edb}
.edu-orbit{position:absolute;font-size:75px;color:#ffcf24;text-shadow:0 0 35px #ffad17;left:15%;top:12%;opacity:.75}.edu-orbit-right{left:auto;right:14%;top:52%;color:#fb4cff}
body.homepage-page .home{margin:0 auto!important;padding:0 clamp(12px,1.2vw,25px)!important;position:relative;z-index:2}
body.homepage-page .home>.class_r:first-child{margin:22px auto 28px!important;max-width:100%;text-align:center}
body.homepage-page .home>ul.liste{background:linear-gradient(145deg,#080f31f5,#080b23f5)!important;border:2px solid #7245ff!important;border-radius:17px!important;box-shadow:0 12px 35px #020727b8,0 0 20px #4b2bf344!important;gap:clamp(7px,.65vw,13px)!important;padding:clamp(10px,.85vw,18px)!important;margin-bottom:42px!important}
body.homepage-page .home>ul.liste>li{border:1px solid #6479e1!important;border-radius:10px!important;box-shadow:0 2px 8px #0008!important;transition:transform .2s,box-shadow .2s}
body.homepage-page .home>ul.liste>li:hover{transform:translateY(-4px);box-shadow:0 0 0 2px #47eaff,0 8px 25px #12c9ff80!important}
body.homepage-page h2.h21,body.homepage-page h2.h23{background:linear-gradient(95deg,#6535e8,#1368ef,#04c9e8)!important;color:#fff!important;border-radius:12px 12px 0 0!important;box-shadow:0 4px 20px #100c63!important;font-weight:800!important;letter-spacing:.3px}
body.homepage-page .home>ul.liste .lesson_title{background:#080c32c9;color:white}
@media(prefers-reduced-motion:no-preference){.edu-hero:before{animation:eduFloat 8s ease-in-out infinite alternate}.edu-hero:after{animation:eduFloat 10s ease-in-out infinite alternate-reverse}@keyframes eduFloat{to{translate:0 18px;rotate:16deg}}}
@media(max-width:700px){.edu-hero{min-height:190px;padding:25px 12px}.edu-hero:before,.edu-hero:after{width:65px;height:65px;opacity:.45}.edu-orbit{font-size:35px;opacity:.45}.edu-benefits{gap:8px 18px}.edu-hero p{max-width:420px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

/* Premium lesson pages: same vivid backdrop and panel language, without changing player dimensions. */
body.lesson-detail-page{background:radial-gradient(ellipse at 2% 23%,#e637a5 0%,transparent 26%),radial-gradient(ellipse at 95% 30%,#7a24ff 0%,transparent 30%),radial-gradient(ellipse at 40% 62%,#078cf4 0%,transparent 45%),linear-gradient(125deg,#08225c 0%,#0b2b9c 40%,#36117b 78%,#081b50 100%)!important;background-attachment:fixed!important;color:#f7f9ff}
body.lesson-detail-page .home>ul.liste{background:linear-gradient(145deg,#080f31f5,#080b23f5)!important;border:2px solid #7245ff!important;border-radius:17px!important;box-shadow:0 12px 35px #020727b8,0 0 20px #4b2bf344!important}
body.lesson-detail-page .home>ul.liste>a>li{border:1px solid #6479e1!important;box-shadow:0 2px 8px #0008!important;transition:transform .2s,box-shadow .2s}
body.lesson-detail-page .home>ul.liste>a>li:hover{transform:translateY(-4px);box-shadow:0 0 0 2px #47eaff,0 8px 25px #12c9ff80!important}
body.lesson-detail-page h2.h21,body.lesson-detail-page h2.h23{background:linear-gradient(95deg,#6535e8,#1368ef,#04c9e8)!important;color:#fff!important;border-radius:12px 12px 0 0!important}
@media(max-width:700px){body.lesson-detail-page{background-attachment:scroll!important}}