@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--primary:#5b4be7;--primary2:#7b68ee;--teal:#13b8a6;--ink:#172033;--muted:#718096;--bg:#f5f7fb;--card:#fff;--line:#e7eaf1;--success:#16a36a;--danger:#e05252;--warning:#e6a800;--radius:22px;--shadow:0 12px 35px rgba(26,32,52,.08)}
*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:'Hind Siliguri',Inter,sans-serif}body{min-height:100vh}a{text-decoration:none;color:inherit}button,input,textarea,select{font:inherit}button{cursor:pointer;border:0}.bn{font-family:'Hind Siliguri',Inter,sans-serif}.container{width:min(1180px,calc(100% - 28px));margin:auto}.app{min-height:100vh}.topbar{height:68px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;position:sticky;top:0;z-index:20}.topbar-inner{width:min(1180px,calc(100% - 28px));margin:auto;display:flex;align-items:center;justify-content:space-between;gap:14px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:20px}.brand-mark{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--primary),#9d8cff);display:grid;place-items:center;color:#fff}.top-actions{display:flex;align-items:center;gap:8px}.icon-btn{width:42px;height:42px;border-radius:13px;background:#f4f5fa;display:grid;place-items:center;position:relative}.badge{position:absolute;right:-2px;top:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:99px;background:#ef5350;color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid #fff}.sidebar{display:none}.main{padding:22px 0 92px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-top:1px solid var(--line);display:flex;z-index:30}.bottom-nav a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;font-size:10px;color:#8a92a4}.bottom-nav a.active{color:var(--primary);font-weight:700}.bottom-nav i{font-size:18px}.hero{background:linear-gradient(135deg,#5544df,#7567ef);color:#fff;border-radius:28px;padding:25px;box-shadow:var(--shadow);position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;right:-70px;top:-80px;background:rgba(255,255,255,.11)}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.12em;opacity:.8}.hero h1{font-size:28px;margin:8px 0}.hero p{margin:0;color:rgba(255,255,255,.84);line-height:1.6}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 17px;border-radius:13px;font-weight:700;transition:.18s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--primary);color:#fff}.btn-white{background:#fff;color:var(--primary)}.btn-soft{background:#f0efff;color:var(--primary)}.btn-teal{background:var(--teal);color:#fff}.btn-danger{background:#fff0f0;color:var(--danger)}.grid{display:grid;gap:14px}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.section{margin-top:22px}.section-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}.section-head h2{font-size:17px;margin:0}.muted{color:var(--muted)}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 7px 25px rgba(30,40,70,.045);padding:17px}.goal-card{display:flex;align-items:center;justify-content:space-between;gap:14px}.ring{--p:72;width:76px;height:76px;border-radius:50%;background:conic-gradient(var(--primary) calc(var(--p)*1%),#e9eaf1 0);display:grid;place-items:center;flex:0 0 auto}.ring:before{content:"";width:58px;height:58px;border-radius:50%;background:#fff;position:absolute}.ring span{position:relative;font-size:15px;font-weight:800}.mission{background:#fff;border:1px solid var(--line);border-radius:24px;padding:17px}.mission-top{display:flex;justify-content:space-between;gap:10px;align-items:center}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:99px;padding:5px 9px;font-size:11px;font-weight:700;background:#f0efff;color:var(--primary)}.task{display:flex;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #f0f1f5}.task:last-child{border-bottom:0}.check{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eaf8f1;color:var(--success);font-size:12px}.check.off{background:#f3f4f7;color:#a0a6b2}.progress{height:8px;border-radius:99px;background:#eceef4;overflow:hidden}.progress>span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--primary),#8c7cf2)}.stat{display:flex;align-items:center;gap:12px}.stat-icon{width:42px;height:42px;border-radius:14px;background:#f0efff;color:var(--primary);display:grid;place-items:center}.stat b{font-size:20px}.course-card{overflow:hidden;padding:0}.course-cover{height:125px;background:linear-gradient(135deg,#5c4ae7,#17b6a5);padding:17px;color:#fff;position:relative}.course-cover .cap{font-size:50px;position:absolute;right:18px;bottom:4px;opacity:.2}.course-body{padding:16px}.course-body h3{font-size:16px;margin:0 0 6px}.lesson-list{display:grid;gap:10px}.lesson-row{display:flex;align-items:center;gap:11px;padding:12px;border:1px solid var(--line);border-radius:15px;background:#fff}.lesson-row .num{width:34px;height:34px;border-radius:11px;background:#f0efff;color:var(--primary);display:grid;place-items:center;font-weight:800;font-size:12px}.ai-card{background:linear-gradient(135deg,#172033,#27324a);color:#fff;border-radius:24px;padding:18px}.ai-avatar{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,#8d7dff,#11b7a5);display:grid;place-items:center}.chat{display:flex;flex-direction:column;gap:12px}.msg{max-width:88%;padding:12px 14px;border-radius:17px;line-height:1.55;font-size:14px}.msg.ai{background:#fff;border:1px solid var(--line);align-self:flex-start}.msg.user{background:var(--primary);color:#fff;align-self:flex-end}.chat-box{display:flex;gap:8px;margin-top:12px}.chat-box input{flex:1;border:1px solid var(--line);border-radius:14px;padding:12px 13px;outline:none;background:#fff}.input{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:13px;outline:none;background:#fff}.input:focus{border-color:#9b91f3;box-shadow:0 0 0 3px #efedff}.form-grid{display:grid;gap:13px}.label{font-size:12px;font-weight:700;margin-bottom:6px;display:block}.auth-wrap{min-height:100vh;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at top right,#e7e2ff,transparent 35%),var(--bg)}.auth{width:min(440px,100%);background:#fff;border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow)}.auth h1{margin:10px 0 5px}.auth .brand{justify-content:center}.notice{padding:11px 13px;border-radius:12px;background:#fff6dc;color:#765800;font-size:13px}.success{background:#eaf8f1;color:#116a47}.error{background:#fff0f0;color:#9d3131}.tabs{display:flex;gap:7px;overflow:auto;padding-bottom:3px}.tabs a{padding:9px 12px;border-radius:12px;background:#fff;border:1px solid var(--line);font-size:12px;white-space:nowrap}.tabs a.active{background:var(--primary);color:#fff;border-color:var(--primary)}.module{border:1px solid var(--line);border-radius:18px;background:#fff;overflow:hidden}.module summary{list-style:none;padding:15px;cursor:pointer;font-weight:700;display:flex;justify-content:space-between}.module summary::-webkit-details-marker{display:none}.module-body{padding:0 12px 12px}.quiz-option{padding:14px;border:1px solid var(--line);border-radius:14px;margin:8px 0;display:flex;gap:10px;align-items:center}.quiz-option.selected{border-color:var(--primary);background:#f3f1ff}.quiz-option input{accent-color:var(--primary)}.score{font-size:46px;font-weight:800;color:var(--primary)}.timeline{border-left:2px solid #e7e5ff;padding-left:16px}.timeline-item{position:relative;margin:0 0 18px}.timeline-item:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--primary);position:absolute;left:-22px;top:5px}.table-wrap{overflow:auto;border:1px solid var(--line);border-radius:16px}.table{width:100%;border-collapse:collapse;background:#fff;min-width:650px}.table th,.table td{padding:12px;text-align:left;border-bottom:1px solid var(--line);font-size:13px}.table th{background:#fafaff}.admin-card{min-height:110px}.landing{background:#fff}.landing .nav{height:70px;display:flex;align-items:center;justify-content:space-between}.landing .navlinks{display:none}.landing-hero{padding:55px 0 45px;background:linear-gradient(180deg,#faf9ff 0%,#fff 100%)}.landing-hero h1{font-size:40px;line-height:1.1;margin:15px 0}.landing-hero p{font-size:16px;color:var(--muted);line-height:1.8;max-width:650px}.mock{margin-top:30px;background:#172033;border-radius:30px;padding:12px;box-shadow:0 25px 70px rgba(27,30,55,.2)}.mock-inner{background:#f7f8fb;border-radius:23px;padding:16px}.feature{padding:20px}.footer{padding:35px 0;color:var(--muted);font-size:12px}.hide-mobile{display:none}.mobile-only{display:block}
@media(min-width:700px){.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.form-grid.two{grid-template-columns:repeat(2,1fr)}.landing-hero h1{font-size:56px}.hide-mobile{display:block}.mobile-only{display:none}.bottom-nav{display:none}.main{padding-bottom:40px}.hero{padding:32px}.landing .navlinks{display:flex;gap:20px;font-size:13px;font-weight:600}.landing-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:30px;align-items:center}}
@media(min-width:1100px){body{background:#f2f4f9}.app{padding-left:245px}.topbar{left:245px}.sidebar{display:flex;position:fixed;left:0;top:0;bottom:0;width:245px;background:#fff;border-right:1px solid var(--line);z-index:40;flex-direction:column;padding:20px 14px}.sidebar .brand{padding:4px 10px 25px}.side-link{padding:12px 13px;border-radius:13px;color:#6d7586;font-size:13px;display:flex;gap:10px;align-items:center;margin:2px 0}.side-link.active,.side-link:hover{background:#f0efff;color:var(--primary);font-weight:700}.main{padding-top:28px}.topbar{position:sticky}.container{width:min(1180px,calc(100% - 48px))}}
/* BUNBD premium landing page v3 */
.landing-v2{background:#fbfaff;color:#171329;overflow-x:hidden}.landing-v2 .container{width:min(1180px,calc(100% - 32px))}.lp-header{height:76px;background:rgba(251,250,255,.82);backdrop-filter:blur(18px);border-bottom:1px solid rgba(32,25,65,.07);position:sticky;top:0;z-index:100}.lp-nav{height:100%;display:flex;align-items:center;justify-content:space-between;gap:18px}.lp-brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-.02em}.lp-mark{width:39px;height:39px;border-radius:13px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#6b54ee,#8f7cf5);box-shadow:0 8px 22px rgba(102,78,231,.28)}.lp-links{display:none;align-items:center;gap:27px;font-size:13px;font-weight:600;color:#625d73}.lp-links a:hover{color:#604ce6}.lp-actions{display:flex;align-items:center;gap:8px}.lp-login{font-size:13px;font-weight:700;padding:10px}.lp-start{min-height:40px;padding:0 14px;font-size:12px}.lp-hero{position:relative;min-height:720px;padding:74px 0 80px;overflow:hidden;background:radial-gradient(circle at 76% 22%,rgba(121,96,242,.15),transparent 30%),linear-gradient(180deg,#f7f4ff 0%,#fcfbff 72%,#fff 100%)}.lp-glow{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}.lp-glow-a{width:330px;height:330px;right:-130px;top:60px;background:rgba(112,84,235,.12)}.lp-glow-b{width:240px;height:240px;left:-130px;bottom:-60px;background:rgba(16,184,166,.08)}.lp-hero-grid{display:grid;gap:48px;align-items:center;position:relative;z-index:1}.lp-copy{max-width:680px}.lp-kicker{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}.lp-kicker span,.lp-kicker b{font-size:11px;border-radius:999px;padding:7px 11px;border:1px solid rgba(91,75,231,.13);background:#fff;color:#655d7b}.lp-kicker span i{margin-right:5px;color:#715cf0}.lp-kicker b{color:#0b897e;background:#ecfbf8;border-color:#c9f1eb}.lp-copy h1{font-size:45px;line-height:1.12;letter-spacing:-.04em;margin:0 0 18px;font-weight:800}.lp-copy h1 em,.lp-section-title h2 em{font-style:normal;color:#624de8}.lp-lead{font-size:16px;line-height:1.85;color:#6c667d;max-width:630px;margin:0}.lp-hero-cta{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}.lp-big-btn{min-height:49px;padding:0 20px;border-radius:15px;font-size:13px}.lp-outline-btn{min-height:49px;padding:0 18px;border-radius:15px;background:#fff;border:1px solid #e5e1ef;color:#514b62}.lp-proof{display:flex;gap:0;margin-top:35px}.lp-proof>div{padding:0 22px;border-left:1px solid #e5e1ed}.lp-proof>div:first-child{padding-left:0;border-left:0}.lp-proof strong{display:block;font-size:19px}.lp-proof span{font-size:11px;color:#898297}.lp-device-stage{position:relative;min-height:510px;display:grid;place-items:center}.lp-device-shadow{position:absolute;width:320px;height:100px;border-radius:50%;background:rgba(30,20,70,.16);filter:blur(28px);bottom:28px}.lp-phone{position:relative;width:270px;height:535px;border:8px solid #19152b;border-radius:40px;background:#f6f5fb;box-shadow:0 30px 70px rgba(32,22,70,.25),inset 0 0 0 1px rgba(255,255,255,.2);overflow:hidden;padding:13px 12px 12px}.lp-phone:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:86px;height:21px;background:#19152b;border-radius:0 0 14px 14px;z-index:3}.lp-phone-top{display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:700;padding:2px 4px 13px}.lp-phone-top i{margin-left:4px}.lp-app-head{display:flex;justify-content:space-between;align-items:center;padding:4px 4px 12px}.lp-app-head small,.lp-app-head b{display:block}.lp-app-head small{font-size:9px;color:#8c8797}.lp-app-head b{font-size:15px;margin-top:2px}.lp-avatar{width:31px;height:31px;border-radius:11px;background:#ece8ff;color:#634ee7;display:grid;place-items:center;font-weight:800}.lp-goal-card,.lp-mission-card,.lp-ai-mini{background:#fff;border:1px solid #ebe8f2;border-radius:17px;padding:12px;margin-bottom:9px;box-shadow:0 5px 15px rgba(35,27,66,.04)}.lp-goal-card small,.lp-mission-card small,.lp-ai-mini small{display:block;color:#90899e;font-size:8px}.lp-goal-card strong{font-size:13px;display:block;margin:3px 0 8px}.lp-mini-progress{height:6px;border-radius:99px;background:#ecebf1;overflow:hidden;margin:7px 0}.lp-mini-progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#654fe9,#17b5a5)}.lp-goal-card>div:last-child{display:flex;justify-content:space-between;font-size:8px;color:#9891a4}.lp-goal-card>div:last-child b{color:#634ee7}.lp-row{display:flex;gap:9px;align-items:center}.lp-row>div{flex:1;min-width:0}.lp-row b{display:block;font-size:10px;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.lp-icon{width:32px;height:32px;border-radius:10px;background:#efedff;color:#624de8;display:grid;place-items:center;flex:0 0 auto}.lp-icon.teal{background:#e8faf7;color:#079888}.lp-icon.purple{background:#efedff;color:#624de8}.lp-arrow{font-size:9px;color:#aaa3b5}.lp-task{display:flex;align-items:center;gap:7px;border-top:1px solid #f0eef4;padding-top:7px;margin-top:8px;font-size:8px;color:#6f697b}.lp-task i{color:#17a991}.lp-task b{margin-left:auto;font-weight:500;color:#aaa4b2}.lp-ai-mini{display:flex;gap:8px;background:linear-gradient(135deg,#211a39,#30264f);border:0;color:#fff}.lp-ai-icon{width:28px;height:28px;border-radius:9px;background:linear-gradient(135deg,#8d7bff,#13b8a6);display:grid;place-items:center;font-size:11px;flex:0 0 auto}.lp-ai-mini small{color:#bcb4d0}.lp-ai-mini p{font-size:9px;line-height:1.5;margin:3px 0 0;color:#eeeaf5}.lp-phone-nav{position:absolute;left:12px;right:12px;bottom:9px;height:38px;background:rgba(255,255,255,.94);border:1px solid #e8e5ee;border-radius:13px;display:flex;align-items:center;justify-content:space-around;color:#a29cab;font-size:12px}.lp-phone-nav i:nth-child(1){color:#644ee8}.lp-float{position:absolute;background:#fff;border:1px solid #e8e4ef;border-radius:15px;padding:10px 12px;box-shadow:0 15px 35px rgba(32,22,70,.12);display:flex;gap:8px;align-items:center;font-size:9px;color:#858092}.lp-float i{width:27px;height:27px;border-radius:9px;display:grid;place-items:center;background:#e9f9f4;color:#0a9d86}.lp-float b{font-size:11px;color:#29233a}.lp-float-one{left:-12px;top:115px}.lp-float-two{right:-12px;bottom:105px}.lp-float-two i{background:#fff1dd;color:#e68d17}.lp-strip{background:#fff;border-top:1px solid #eeeaf4;border-bottom:1px solid #eeeaf4}.lp-strip-inner{display:grid;grid-template-columns:repeat(2,1fr);gap:0}.lp-strip-inner span{padding:16px 8px;text-align:center;font-size:10px;color:#777184;border-right:1px solid #eeeaf4}.lp-strip-inner span:nth-child(2n){border-right:0}.lp-strip-inner i{color:#6450e7;margin-right:5px}.lp-section{padding:88px 0}.lp-platform{background:#fff}.lp-section-title{max-width:720px;margin-bottom:35px}.lp-section-title.centered{text-align:center;margin-left:auto;margin-right:auto}.lp-section-title>span,.lp-demo-copy>span{font-size:11px;font-weight:800;color:#6550e8;text-transform:uppercase;letter-spacing:.08em}.lp-section-title h2,.lp-demo-copy h2{font-size:31px;line-height:1.2;letter-spacing:-.03em;margin:9px 0 12px}.lp-section-title p,.lp-demo-copy p{font-size:14px;line-height:1.85;color:#787184;margin:0}.lp-value-grid{display:grid;grid-template-columns:1fr;gap:13px}.lp-value-grid article{position:relative;background:#fbfaff;border:1px solid #ebe7f2;border-radius:22px;padding:23px;min-height:200px;transition:.2s}.lp-value-grid article:hover,.lp-course-tile:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(36,25,78,.08)}.lp-value-num{position:absolute;right:18px;top:17px;font-size:10px;color:#aaa3b4}.lp-value-grid i{width:43px;height:43px;border-radius:13px;background:#efedff;color:#624de8;display:grid;place-items:center;margin-bottom:22px}.lp-value-grid h3{font-size:17px;margin:0 0 6px}.lp-value-grid p{font-size:12px;line-height:1.7;color:#7c7586;margin:0}.lp-demo{background:#f6f3ff;overflow:hidden}.lp-demo-grid{display:grid;gap:50px;align-items:center}.lp-demo-copy{max-width:570px}.lp-demo-copy ul{list-style:none;padding:0;margin:23px 0}.lp-demo-copy li{font-size:12px;color:#5f596b;margin:10px 0}.lp-demo-copy li i{color:#15a88f;margin-right:8px}.lp-install{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e9e4f2;border-radius:18px;padding:13px;margin-top:23px}.lp-install>div:first-child{width:42px;height:42px;border-radius:13px;background:#efedff;color:#624de8;display:grid;place-items:center}.lp-install>div:nth-child(2){flex:1}.lp-install b,.lp-install span{display:block}.lp-install b{font-size:12px}.lp-install span{font-size:9px;color:#898294;margin-top:2px;line-height:1.5}.lp-install button{min-height:36px;padding:0 12px;font-size:10px}.lp-demo-device{position:relative;min-height:560px;display:grid;place-items:center}.lp-device-backdrop{position:absolute;width:350px;height:350px;border-radius:50%;background:radial-gradient(circle,#c9bfff 0%,rgba(201,191,255,.08) 68%,transparent 70%)}.lp-phone-large{width:285px;height:570px;z-index:1}.lp-screen-brand{display:flex;gap:9px;align-items:center;margin:9px 4px 15px}.lp-screen-brand .lp-mark{width:34px;height:34px;font-size:15px}.lp-screen-brand b,.lp-screen-brand small{display:block}.lp-screen-brand b{font-size:13px}.lp-screen-brand small{font-size:8px;color:#8d8798}.lp-screen-card{background:#fff;border:1px solid #ebe7f2;border-radius:17px;padding:12px;margin-bottom:9px}.lp-screen-card.dark{background:linear-gradient(135deg,#251d43,#3b2e61);border:0;color:#fff}.lp-screen-card.dark small{color:#c8c0dc}.lp-screen-card.dark strong{font-size:18px;display:block;margin:3px 0}.lp-screen-card.dark>span{font-size:8px;color:#c7bfd8}.lp-course-lines{display:flex;gap:4px;margin-top:10px}.lp-course-lines span{height:4px;border-radius:99px;background:#e4e1ec;flex:1}.lp-course-lines span:first-child{background:#6a55e8}.lp-screen-quote{font-size:9px;line-height:1.6;color:#777080;margin:9px 0 0}.lp-courses{background:#fff}.lp-course-grid{display:grid;grid-template-columns:1fr;gap:12px}.lp-course-tile{background:#fbfaff;border:1px solid #e9e6f0;border-radius:20px;padding:19px;position:relative;min-height:185px;transition:.2s}.lp-course-tile.featured{background:linear-gradient(145deg,#211a3d,#3b2d63);color:#fff;border-color:#211a3d;box-shadow:0 18px 35px rgba(37,27,70,.18)}.lp-course-tile>i{font-size:18px;color:#6854e9;margin-bottom:22px}.lp-course-tile.featured>i{color:#bdb3ff}.lp-course-no{position:absolute;right:17px;top:16px;font-size:9px;color:#aaa3b3}.lp-course-tile.featured .lp-course-no{color:#a79bc8}.lp-course-tile h3{font-size:15px;margin:0 0 6px}.lp-course-tile p{font-size:11px;line-height:1.65;color:#817a8b;margin:0}.lp-course-tile.featured p{color:#c9c1d8}.lp-course-tile small{display:inline-block;margin-top:10px;border-radius:99px;padding:4px 8px;background:rgba(255,255,255,.1);font-size:8px;color:#d7d1e7}.lp-price-banner{margin-top:22px;border-radius:24px;padding:25px;background:#f5f2ff;border:1px solid #e5defc;display:flex;flex-direction:column;gap:18px;align-items:flex-start}.lp-price-banner span,.lp-price-banner strong,.lp-price-banner p{display:block}.lp-price-banner span{font-size:10px;color:#716a80}.lp-price-banner strong{font-size:24px;margin-top:3px}.lp-price-banner strong b{color:#634de8}.lp-price-banner p{font-size:9px;color:#888092;margin:4px 0 0}.lp-journey{background:#f8f6fc}.lp-journey-line{display:grid;grid-template-columns:repeat(2,1fr);gap:25px 15px;position:relative}.lp-journey-line>div{text-align:center;position:relative}.lp-journey-line span{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;background:#fff;border:1px solid #e6e1ef;color:#624de8;font-weight:800;font-size:11px;box-shadow:0 8px 20px rgba(42,30,75,.05)}.lp-journey-line b,.lp-journey-line small{display:block}.lp-journey-line b{font-size:11px}.lp-journey-line small{font-size:9px;color:#8a8293;margin-top:2px}.lp-final{padding-top:70px;background:#fff}.lp-final-card{background:linear-gradient(135deg,#211a3d,#49366f);color:#fff;border-radius:30px;padding:32px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:30px}.lp-final-card>div:first-child{max-width:650px;position:relative;z-index:1}.lp-final-card span{font-size:10px;color:#bdb3d3}.lp-final-card h2{font-size:29px;line-height:1.25;margin:8px 0 12px}.lp-final-card p{font-size:12px;line-height:1.8;color:#d3ccdf;margin:0 0 20px}.lp-final-card .btn-white{background:#fff;color:#4f3bc6}.lp-final-orb{display:none}.lp-footer{background:#17132b;color:#bcb4cc;padding:48px 0 0}.lp-footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.lp-footer .lp-brand{color:#fff}.lp-footer p{font-size:10px;line-height:1.7;max-width:270px}.lp-footer-grid>div:not(:first-child){display:flex;flex-direction:column;gap:9px}.lp-footer-grid b{color:#fff;font-size:11px;margin-bottom:4px}.lp-footer-grid a{font-size:10px}.lp-footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:35px;padding:18px 0;font-size:9px;color:#81798e}
@media(min-width:700px){.landing-v2 .container{width:min(1180px,calc(100% - 48px))}.lp-links{display:flex}.lp-hero{padding:95px 0 90px}.lp-hero-grid{grid-template-columns:1.03fr .97fr}.lp-copy h1{font-size:61px}.lp-device-stage{min-height:550px}.lp-strip-inner{grid-template-columns:repeat(4,1fr)}.lp-strip-inner span,.lp-strip-inner span:nth-child(2n){border-right:1px solid #eeeaf4}.lp-strip-inner span:last-child{border-right:0}.lp-value-grid{grid-template-columns:repeat(2,1fr)}.lp-demo-grid{grid-template-columns:1fr 1fr}.lp-course-grid{grid-template-columns:repeat(3,1fr)}.lp-course-tile.featured{grid-column:span 2}.lp-price-banner{flex-direction:row;align-items:center;justify-content:space-between}.lp-journey-line{grid-template-columns:repeat(5,1fr);gap:35px 15px}.lp-final-card{padding:50px}.lp-final-orb{display:flex;flex-direction:column;align-items:center;justify-content:center;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(164,145,255,.28),rgba(164,145,255,.02) 65%);flex:0 0 auto;gap:3px}.lp-final-orb i{font-size:25px;color:#c9c0ff;margin-bottom:4px}.lp-final-orb span{font-size:10px}.lp-footer-grid{grid-template-columns:2fr 1fr 1fr}}
@media(min-width:1000px){.lp-hero{min-height:760px}.lp-course-grid{grid-template-columns:repeat(4,1fr)}.lp-course-tile.featured{grid-column:span 2;grid-row:span 1}.lp-journey-line{grid-template-columns:repeat(10,1fr);gap:10px}.lp-journey-line>div:after{content:"";position:absolute;height:1px;background:#ded8ec;top:21px;left:calc(50% + 24px);width:calc(100% - 18px);z-index:0}.lp-journey-line>div:last-child:after{display:none}.lp-journey-line span{position:relative;z-index:1}.lp-final-card h2{font-size:36px}}
/* BUNBD UI system v9 — desktop reference + mobile-first responsive panel */
:root{--primary:#702dff;--primary2:#8b62ff;--coral:#ff4f6c;--lavender:#c1c2e0;--deep:#482f85;--ink:#22213a;--muted:#77748a;--bg:#f7f6fc;--line:#e9e7f0;--card:#fff;--teal:#14a789;--shadow:0 16px 45px rgba(44,31,82,.08);--radius:20px}
body{background:var(--bg);color:var(--ink);font-size:15px;line-height:1.6}.container{width:min(1240px,calc(100% - 32px))}.main{padding:28px 0 100px}.topbar{height:72px;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.topbar-inner{width:min(1240px,calc(100% - 32px));height:100%}.brand{font-size:21px}.brand-mark{width:40px;height:40px;border-radius:13px;background:linear-gradient(135deg,var(--primary),var(--primary2));box-shadow:0 8px 22px rgba(112,45,255,.2)}.sidebar{position:fixed;left:0;top:0;bottom:0;width:245px;background:#fff;border-right:1px solid var(--line);display:flex;flex-direction:column;padding:25px 14px;z-index:60;transform:translateX(-105%);transition:transform .28s ease;box-shadow:18px 0 55px rgba(38,28,68,.08)}.sidebar.open{transform:translateX(0)}.sidebar-brand{padding:0 9px 24px}.sidebar-label{font-size:11px;color:#aaa5b2;font-weight:700;padding:0 12px 10px}.side-link{min-height:46px;border-radius:13px;padding:0 13px;display:flex;align-items:center;gap:12px;color:#777284;font-size:14px;font-weight:600;margin:3px 0;position:relative}.side-link i{width:20px;text-align:center}.side-link.active{background:#eee9ff;color:var(--primary);font-weight:800}.side-link:hover{background:#f7f5ff;color:var(--primary)}.sidebar-spacer{flex:1}.nav-badge{margin-left:auto;min-width:22px;height:22px;padding:0 6px;border-radius:99px;background:var(--coral);color:#fff;font-size:10px;display:grid;place-items:center}.sidebar-overlay{display:block;position:fixed;inset:0;background:rgba(27,20,45,.45);z-index:55;opacity:0;pointer-events:none;transition:.2s}.sidebar-overlay.show{opacity:1;pointer-events:auto}.menu-toggle{display:grid}.top-brand{margin-right:auto}.top-actions{gap:9px}.icon-btn{width:42px;height:42px;border-radius:13px}.profile-chip{display:flex;align-items:center;gap:8px;background:#f6f4fb;border-radius:999px;padding:4px 10px 4px 5px;font-size:12px;font-weight:700}.top-avatar{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#e8e0ff;color:var(--primary);font-weight:800}.bottom-nav{height:74px}.bottom-nav a{font-size:10px}.floating-support{position:fixed;right:18px;bottom:91px;width:58px;height:58px;border-radius:20px;background:linear-gradient(135deg,var(--coral),#ff6c85);color:#fff;display:grid;place-items:center;z-index:35;box-shadow:0 16px 30px rgba(255,79,108,.28)}.floating-support span{display:none}.card{border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius);background:#fff}.page-heading{padding:10px 0 24px}.page-heading h1,.dashboard-head h1,.admin-dashboard-head h1{font-size:clamp(28px,4vw,44px);line-height:1.18;letter-spacing:-.03em;margin:7px 0 10px}.page-heading p,.dashboard-head p,.admin-dashboard-head p{font-size:15px;color:var(--muted);max-width:750px;margin:0}.overline{font-size:11px;font-weight:800;letter-spacing:.07em;color:var(--primary)}.dashboard-head{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;padding:8px 0 24px}.dashboard-banner{border-radius:25px;background:linear-gradient(110deg,#702dff,#8b4fff);color:#fff;padding:30px;display:flex;justify-content:space-between;gap:25px;align-items:center;box-shadow:0 20px 45px rgba(112,45,255,.2);position:relative;overflow:hidden}.dashboard-banner:after{content:'✦  ✦  ✦';position:absolute;right:20px;top:-18px;font-size:74px;color:rgba(255,255,255,.12)}.dashboard-banner span,.dashboard-banner p{display:block;color:#ddd4ff;font-size:12px;margin:0}.dashboard-banner h2{font-size:30px;margin:4px 0 3px}.banner-progress{width:230px;position:relative;z-index:1}.banner-progress strong{font-size:35px;display:block}.banner-progress small{display:block;color:#ddd4ff;margin-top:6px}.progress{height:8px;background:#eeeaf4;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--primary),#9b7aff);border-radius:99px}.progress.light{background:rgba(255,255,255,.2)}.progress.light span{background:#fff}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:18px 0}.stat-card{padding:19px;display:flex;align-items:center;gap:13px}.stat-card small,.stat-card strong{display:block}.stat-card small{color:var(--muted);font-size:11px}.stat-card strong{font-size:27px;margin-top:1px}.stat-icon{width:44px;height:44px;border-radius:14px;background:#eee9ff;color:var(--primary);display:grid;place-items:center}.stat-icon.coral{background:#fff0f3;color:var(--coral)}.stat-icon.teal{background:#e9f9f4;color:var(--teal)}.stat-icon.gold{background:#fff7e5;color:#d99a14}.dashboard-grid,.admin-grid-2{display:grid;gap:18px}.section{margin-top:22px}.section-head{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:0 0 13px}.section-head h2{margin:2px 0 0;font-size:21px}.mission-card{padding:23px}.mission-top{display:flex;justify-content:space-between;gap:15px}.mission-kicker{font-size:11px;color:var(--primary);font-weight:800}.mission-top h3{font-size:20px;margin:3px 0}.mission-top p{color:var(--muted);font-size:13px;margin:0;max-width:620px}.mission-icon{width:48px;height:48px;border-radius:15px;background:#eee9ff;color:var(--primary);display:grid;place-items:center}.mission-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:20px 0}.mission-steps div{background:#faf9fd;border:1px solid var(--line);border-radius:14px;padding:11px}.mission-steps span{display:block;width:25px;height:25px;border-radius:8px;background:#eee9ff;color:var(--primary);text-align:center;line-height:25px;font-size:11px;font-weight:800}.mission-steps b,.mission-steps small{display:block}.mission-steps b{font-size:12px;margin-top:6px}.mission-steps small{font-size:10px;color:var(--muted)}.ai-card{border-radius:23px;padding:24px;background:linear-gradient(135deg,#261b47,#4b3476);color:#fff;box-shadow:0 18px 45px rgba(50,35,88,.18)}.ai-card p{color:#e7e1f0;line-height:1.8;font-size:14px}.ai-card-head{display:flex;align-items:center;gap:11px}.ai-card-head b,.ai-card-head small{display:block}.ai-card-head small{font-size:11px;color:#c9c1d8}.ai-avatar{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#9d7bff,#14a789);display:grid;place-items:center;color:#fff}.ai-avatar.large{width:62px;height:62px;border-radius:20px;font-size:23px}.btn{min-height:42px;border-radius:12px;padding:0 16px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:7px}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 10px 22px rgba(112,45,255,.16)}.btn-white{background:#fff;color:#5235c5}.btn-soft{background:#f0edff;color:var(--primary)}.btn-teal{background:#14a789;color:#fff}.btn-danger{background:#fff0f3;color:#d93252}.btn-large{min-height:50px}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.quick-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow)}.quick-card i{width:40px;height:40px;border-radius:12px;background:#eee9ff;color:var(--primary);display:grid;place-items:center;margin-bottom:13px}.quick-card b,.quick-card span{display:block}.quick-card b{font-size:15px}.quick-card span{font-size:11px;color:var(--muted);margin-top:3px}.course-toolbar{display:flex;gap:10px;align-items:center;margin-bottom:16px}.search-box{flex:1;height:48px;background:#fff;border:1px solid var(--line);border-radius:14px;display:flex;align-items:center;gap:9px;padding:0 14px}.search-box i{color:#aaa4b2}.search-box input{border:0;outline:0;width:100%;background:transparent}.course-library{display:grid;grid-template-columns:1fr;gap:15px}.course-card{overflow:hidden;display:flex;min-height:205px}.course-card-icon{width:70px;flex:0 0 70px;background:linear-gradient(160deg,#eee9ff,#faf8ff);display:grid;place-items:center;color:var(--primary);font-size:23px}.course-card-body{padding:18px;flex:1}.course-card-top{display:flex;justify-content:space-between;gap:8px;align-items:center}.course-card h2{font-size:19px;margin:8px 0 5px}.course-card p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 12px}.course-meta{display:flex;gap:13px;flex-wrap:wrap;color:#777184;font-size:11px;margin-bottom:10px}.course-meta i{color:var(--primary)}.module{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}.module summary{list-style:none;padding:18px 20px;display:flex;justify-content:space-between;align-items:center;cursor:pointer}.module summary::-webkit-details-marker{display:none}.module-body{padding:0 12px 12px}.lesson-row{display:flex;align-items:center;gap:12px;padding:13px;border-radius:13px}.lesson-row:hover{background:#faf8ff}.lesson-row .num{width:32px;height:32px;border-radius:10px;background:#eee9ff;color:var(--primary);display:grid;place-items:center;font-size:11px;font-weight:800}.lesson-row b,.lesson-row small{display:block}.lesson-row small{margin-top:2px}.lesson-row>i{color:#aaa5b2}.hero{background:linear-gradient(110deg,#482f85,#702dff);border-radius:26px;padding:28px;color:#fff;box-shadow:0 20px 45px rgba(72,47,133,.18)}.hero p{font-size:14px;line-height:1.8}.hero .pill{background:rgba(255,255,255,.14);color:#fff}.hero-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.breadcrumb{display:flex;align-items:center;gap:8px;color:#8c8796;font-size:12px;margin-bottom:15px;flex-wrap:wrap}.breadcrumb a{color:var(--primary);font-weight:700}.lesson-layout{display:grid;gap:18px}.lesson-title-card,.lesson-content,.lesson-actions{padding:24px}.lesson-title-card h1{font-size:32px;line-height:1.2;margin:10px 0}.lesson-content h2{font-size:20px;margin:5px 0 9px}.lesson-content p{font-size:15px;line-height:1.9;color:#4f4a5b}.sticky-card{padding:20px;position:sticky;top:90px}.lesson-road{display:grid;grid-template-columns:35px 1fr;gap:10px 10px;align-items:center;margin-top:15px}.lesson-road span{width:30px;height:30px;border-radius:50%;background:#f1eff7;color:#9b95a4;display:grid;place-items:center;font-size:11px}.lesson-road span.active{background:var(--primary);color:#fff}.lesson-road b{font-size:12px}.quiz-card{padding:22px;margin-bottom:14px}.question-no{font-size:11px;color:var(--primary);font-weight:800}.quiz-card h3{font-size:17px;margin:7px 0 15px}.quiz-option{display:flex;gap:10px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:13px;margin:8px 0;cursor:pointer}.quiz-option:hover{border-color:#c9baff;background:#faf8ff}.quiz-option input{accent-color:var(--primary)}.score{font-size:68px;font-weight:900;color:var(--primary);line-height:1;margin:18px 0}.result-card{padding:45px;text-align:center}.result-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap}.challenge-grid{display:grid;gap:15px}.challenge-card{padding:23px}.challenge-card h2{font-size:20px;margin:12px 0 8px}.challenge-card p,.challenge-detail p{font-size:13px;line-height:1.8;color:var(--muted)}.challenge-top{display:flex;justify-content:space-between}.challenge-top>i{color:var(--coral)}.challenge-detail{padding:28px}.result-panel{padding:25px}.feedback-list{display:grid;grid-template-columns:1fr;gap:9px}.feedback-list div{background:#faf9fd;border:1px solid var(--line);border-radius:13px;padding:13px}.feedback-list p{color:var(--muted);font-size:12px}.ai-page-head{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:17px}.ai-page-head h1{font-size:34px;margin:5px 0}.ai-page-head p{color:var(--muted);margin:0}.ai-layout{display:grid;gap:18px}.ai-chat-card{padding:16px}.chat{min-height:420px;max-height:570px;overflow:auto;padding:8px}.msg{max-width:82%;padding:11px 14px;border-radius:16px;margin:8px 0;font-size:13px;line-height:1.7;white-space:pre-wrap}.msg.user{margin-left:auto;background:var(--primary);color:#fff;border-bottom-right-radius:5px}.msg.ai{background:#f1eff7;color:#383344;border-bottom-left-radius:5px}.chat-box{display:flex;gap:8px;padding-top:12px;border-top:1px solid var(--line)}.chat-box .input{flex:1}.ai-suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-top:10px}.ai-suggestions button{background:#f4f1ff;color:var(--primary);border-radius:99px;padding:7px 10px;font-size:10px;font-weight:700}.ai-note{font-size:10px;margin:10px 3px 0}.ai-context{padding:21px;height:max-content}.context-row{padding:12px 0;border-bottom:1px solid var(--line)}.context-row span,.context-row b{display:block}.context-row span{font-size:10px;color:var(--muted)}.context-row b{font-size:13px;margin-top:2px}.ai-context .btn{margin-top:16px;width:100%}.profile-cover{background:linear-gradient(120deg,#482f85,#702dff);border-radius:27px;padding:30px;color:#fff;box-shadow:0 22px 50px rgba(72,47,133,.18)}.profile-main{display:flex;gap:18px;align-items:center}.profile-avatar-large{width:105px;height:105px;border-radius:28px;background:#fff;overflow:hidden;display:grid;place-items:center;color:var(--primary);font-size:38px;font-weight:900;flex:0 0 auto;border:5px solid rgba(255,255,255,.3)}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-intro{flex:1}.profile-intro h1{font-size:32px;margin:4px 0}.profile-intro p{margin:0;color:#e4ddf2}.profile-tags{display:flex;gap:12px;flex-wrap:wrap;margin-top:10px;font-size:11px;color:#ddd4ec}.profile-edit-btn{flex:0 0 auto}.profile-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px;margin:16px 0}.profile-stat-grid .card{padding:19px}.profile-stat-grid small,.profile-stat-grid strong,.profile-stat-grid span{display:block}.profile-stat-grid small,.profile-stat-grid span{color:var(--muted);font-size:10px}.profile-stat-grid strong{font-size:25px;margin:2px 0}.profile-grid{display:grid;gap:17px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.info-grid small,.info-grid b{display:block}.info-grid small{font-size:10px;color:var(--muted)}.info-grid b{font-size:13px;margin-top:2px}.bio-box{margin-top:17px;padding:14px;background:#faf9fd;border-radius:14px}.bio-box small{color:var(--muted)}.bio-box p{font-size:13px;margin:4px 0 0}.skill-tags{display:flex;gap:7px;flex-wrap:wrap}.skill-tags span{background:#eee9ff;color:var(--primary);padding:6px 10px;border-radius:99px;font-size:10px}.profile-score{margin-top:25px}.profile-score>div:first-child{display:flex;justify-content:space-between;font-size:12px;margin-bottom:7px}.profile-edit-grid{display:grid;gap:18px}.profile-photo-card{padding:24px;text-align:center}.avatar-preview{width:150px;height:150px;margin:0 auto 15px;border-radius:38px;background:#eee9ff;color:var(--primary);display:grid;place-items:center;font-size:54px;font-weight:900;overflow:hidden}.avatar-preview img{width:100%;height:100%;object-fit:cover}.upload-btn{position:relative;overflow:hidden}.upload-btn input{position:absolute;inset:0;opacity:0}.form-card{padding:24px}.form-grid{display:grid;gap:15px}.form-grid-2{grid-template-columns:1fr 1fr}.label{display:block;font-size:12px;font-weight:800;margin-bottom:6px}.input{width:100%;min-height:45px;border:1px solid #dedbe6;border-radius:12px;padding:10px 12px;background:#fff;color:var(--ink);outline:0}.input:focus{border-color:#a78aff;box-shadow:0 0 0 3px rgba(112,45,255,.08)}textarea.input{resize:vertical}.active-sub{padding:22px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(110deg,#f0edff,#fff);border-color:#ddd5ff}.active-sub h2{margin:3px 0}.active-sub p{margin:0;color:var(--muted);font-size:12px}.plan-grid{display:grid;gap:16px;margin:18px 0}.plan-card{padding:24px;position:relative}.plan-card.featured{border:2px solid var(--primary);box-shadow:0 18px 45px rgba(112,45,255,.12)}.plan-badge{font-size:10px;background:#eee9ff;color:var(--primary);border-radius:99px;padding:5px 9px;font-weight:800}.plan-card h2{font-size:20px;margin:15px 0 4px}.plan-price{font-size:35px;font-weight:900}.plan-price small{font-size:11px;color:var(--muted);font-weight:600}.plan-card p{font-size:12px;color:var(--muted)}.plan-card ul{list-style:none;padding:0;margin:15px 0 18px}.plan-card li{font-size:12px;margin:7px 0}.plan-card li i{color:var(--teal);margin-right:6px}.payment-layout{display:grid;gap:18px;margin-top:20px}.payment-form-card,.payment-help{padding:24px}.gateway-info{background:#f6f3ff;border:1px solid #e5ddff;border-radius:14px;padding:12px;display:flex;gap:10px;color:#5e47c8;font-size:12px}.gateway-info i{margin-top:2px}.process{display:grid;gap:12px}.process div{display:grid;grid-template-columns:32px 1fr;column-gap:9px}.process span{grid-row:span 2;width:30px;height:30px;border-radius:10px;background:#eee9ff;color:var(--primary);display:grid;place-items:center;font-weight:800}.process b,.process small{display:block}.process b{font-size:12px}.process small{font-size:10px;color:var(--muted)}.payment-history{padding:8px}.status-pill{display:inline-flex;align-items:center;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800;background:#eee9ff;color:var(--primary)}.status-pill.success,.status-pill.approved{background:#e8f8f2;color:#087d65}.status-pill.pending{background:#fff6df;color:#9a6a00}.status-pill.rejected{background:#fff0f3;color:#d43b59}.status-pill.open{background:#eee9ff;color:var(--primary)}.status-pill.resolved{background:#e8f8f2;color:#087d65}.notification-list{display:grid;gap:11px}.notification-item{padding:16px;display:flex;gap:12px}.notification-item.unread{border-left:4px solid var(--primary);background:#fbfaff}.notification-icon{width:42px;height:42px;border-radius:13px;background:#eee9ff;color:var(--primary);display:grid;place-items:center}.notification-top{display:flex;gap:8px;align-items:center}.notification-item p{font-size:12px;color:#5d5867;margin:4px 0}.notification-item small{font-size:9px;color:#aaa4b1}.support-actions{margin-bottom:16px}.ai-support-card{display:flex;align-items:center;gap:12px;background:linear-gradient(110deg,#482f85,#702dff);color:#fff;border-radius:20px;padding:17px;box-shadow:0 18px 40px rgba(72,47,133,.16)}.ai-support-card>span{width:45px;height:45px;border-radius:14px;background:rgba(255,255,255,.12);display:grid;place-items:center}.ai-support-card div{flex:1}.ai-support-card b,.ai-support-card small{display:block}.ai-support-card small{font-size:10px;color:#ddd5ec;margin-top:2px}.ticket-list{display:grid;gap:10px}.ticket-card{padding:16px;display:flex;align-items:center;gap:11px}.ticket-icon{width:40px;height:40px;border-radius:12px;background:#eee9ff;color:var(--primary);display:grid;place-items:center}.ticket-card>div{flex:1}.ticket-top{display:flex;gap:8px;align-items:center;justify-content:space-between}.ticket-card small{font-size:9px;color:var(--muted)}.ticket-head{padding:22px;display:flex;justify-content:space-between;gap:15px}.ticket-head h1{margin:4px 0;font-size:24px}.ticket-head p{margin:0;color:var(--muted);font-size:11px}.ticket-thread{display:flex;flex-direction:column;gap:10px;margin:16px 0}.message-row{display:flex}.message-row.from-admin{justify-content:flex-start}.message-row.from-user{justify-content:flex-end}.message-bubble{max-width:82%;background:#fff;border:1px solid var(--line);border-radius:17px;padding:12px 14px;box-shadow:var(--shadow)}.from-user .message-bubble{background:#f0edff;border-color:#ddd5ff}.message-author{display:flex;justify-content:space-between;gap:15px}.message-author b{font-size:10px}.message-author small{font-size:8px;color:var(--muted)}.message-bubble p{font-size:12px;line-height:1.7;margin:7px 0 0}.attachment{display:inline-flex;gap:6px;align-items:center;margin-top:8px;background:#fff;border:1px solid var(--line);border-radius:9px;padding:6px 8px;font-size:10px;color:var(--primary)}.empty-state{text-align:center;padding:45px 20px}.empty-state>i{font-size:35px;color:#b9b2c8}.empty-state h2{margin:10px 0 4px}.empty-state p{color:var(--muted)}.admin-dashboard-head{padding:8px 0 20px}.admin-highlight{background:linear-gradient(135deg,#482f85,#702dff);color:#fff;padding:26px}.admin-highlight p{color:#ddd5ec;font-size:13px;line-height:1.8}.admin-highlight .btn{background:#fff;color:#5036a6}.admin-quick{display:grid;grid-template-columns:1fr 1fr;gap:9px}.admin-quick a{border:1px solid var(--line);border-radius:14px;padding:14px;background:#faf9fd}.admin-quick i{color:var(--primary);font-size:17px}.admin-quick b,.admin-quick span{display:block}.admin-quick b{font-size:12px;margin-top:7px}.admin-quick span{font-size:9px;color:var(--muted)}.payment-admin-list{display:grid;gap:12px}.payment-admin-card{padding:18px}.payment-admin-main{display:grid;grid-template-columns:1.5fr repeat(4,1fr) auto;gap:12px;align-items:center}.payment-user{display:flex;gap:9px;align-items:center}.avatar-sm{width:38px;height:38px;border-radius:12px;background:#eee9ff;color:var(--primary);display:grid;place-items:center;font-weight:800}.payment-user b,.payment-user small,.payment-admin-main small,.payment-admin-main b{display:block}.payment-user small,.payment-admin-main small{font-size:9px;color:var(--muted)}.payment-admin-main b{font-size:11px;margin-top:2px}.payment-review-actions{display:flex;gap:8px;margin-top:12px}.payment-note{font-size:11px;margin:8px 0}.gateway-mini-list{display:grid;gap:7px;margin-top:12px}.gateway-row{display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:14px;padding:9px}.gateway-icon{width:36px;height:36px;border-radius:10px;background:#eee9ff;color:var(--primary);display:grid;place-items:center}.gateway-row>div{flex:1}.gateway-row b,.gateway-row small{display:block}.gateway-row b{font-size:11px}.gateway-row small{font-size:8px;color:var(--muted)}.gateway-row form{margin:0}.danger-icon{color:#d43b59;background:#fff0f3}.gateway-note{font-size:10px;margin-top:14px}.inline-check{display:flex;justify-content:space-between;gap:12px;align-items:center;font-size:11px}.small-input{width:65px;border:1px solid var(--line);border-radius:8px;padding:6px}.bulk-bar{display:flex;justify-content:flex-end;margin:0 0 10px}.admin-ticket-list{display:grid;gap:9px}.admin-ticket-row{display:flex;align-items:center;gap:9px;padding:12px}.admin-ticket-row>input{accent-color:var(--primary)}.ticket-main{flex:1;min-width:0}.ticket-main a,.ticket-main b,.ticket-main small,.ticket-main span{display:block}.ticket-main b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ticket-main small,.ticket-main span{font-size:9px;color:var(--muted)}.status-form{display:flex;gap:5px}.status-form .input{min-height:36px;padding:5px;font-size:10px}.status-form .btn{min-height:36px;padding:0 9px;font-size:10px}.support-admin-layout{display:grid;gap:17px}.support-thread-admin{padding:17px;position:sticky;top:90px;height:max-content}.support-thread-admin h2{font-size:18px;margin:3px 0}.ticket-thread.compact .message-bubble{max-width:95%}.table-wrap{overflow:auto}.table{width:100%;border-collapse:collapse}.table th,.table td{padding:13px 10px;border-bottom:1px solid var(--line);text-align:left;font-size:11px;white-space:nowrap}.table th{color:#777184;font-size:10px}.auth-wrap{min-height:calc(100vh - 20px);display:grid;place-items:center;padding:24px 0}.auth-card{width:min(520px,100%);background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:var(--shadow)}.auth-logo{display:flex;gap:10px;align-items:center;margin-bottom:28px}.auth-logo b,.auth-logo small{display:block}.auth-logo small{font-size:10px;color:var(--muted)}.auth-card h1{font-size:30px;line-height:1.25;margin:7px 0}.auth-switch{text-align:center;font-size:12px;margin-top:16px}.auth-switch a{color:var(--primary);font-weight:800}.auth-side{display:none}.admin-page .sidebar{background:#17132b;color:#fff}.admin-page .sidebar-label{color:#9e96ad}.admin-page .side-link{color:#bdb5c9}.admin-page .side-link.active{background:rgba(112,45,255,.25);color:#fff}.admin-page .side-link:hover{background:rgba(255,255,255,.07);color:#fff}.admin-page .topbar{background:#fff}.top-subtitle{font-size:10px}
@media(min-width:700px){.stat-grid{grid-template-columns:repeat(4,1fr)}.dashboard-grid,.admin-grid-2{grid-template-columns:1.45fr 1fr}.course-library{grid-template-columns:1fr 1fr}.plan-grid{grid-template-columns:1fr 1fr}.payment-layout{grid-template-columns:1.35fr .75fr}.profile-stat-grid{grid-template-columns:repeat(4,1fr)}.profile-grid{grid-template-columns:1.15fr .85fr}.profile-edit-grid{grid-template-columns:270px 1fr}.challenge-grid{grid-template-columns:1fr 1fr}.lesson-layout{grid-template-columns:1fr 300px}.ai-layout{grid-template-columns:1fr 310px}.support-admin-layout{grid-template-columns:1.1fr .9fr}.admin-ticket-row{padding:13px}.auth-wrap{grid-template-columns:minmax(0,520px) 360px;gap:25px}.auth-side{display:block;background:linear-gradient(145deg,#482f85,#702dff);color:#fff;border-radius:27px;padding:32px;box-shadow:var(--shadow)}.auth-side-icon{width:50px;height:50px;border-radius:16px;background:rgba(255,255,255,.12);display:grid;place-items:center}.auth-side h2{font-size:28px;margin:25px 0 8px}.auth-side p{font-size:13px;line-height:1.8;color:#ddd5eb}.auth-side-list{display:grid;gap:10px;margin-top:25px;font-size:12px}.auth-side-list i{color:#a9ffeb;margin-right:7px}}
@media(min-width:1020px){.sidebar{transform:translateX(0);box-shadow:none}.sidebar-overlay{display:none}.main{margin-left:245px}.topbar{padding-left:245px}.topbar-inner{width:min(1240px,calc(100% - 60px))}.container{width:min(1180px,calc(100% - 60px))}.menu-toggle{display:none}.bottom-nav{display:none}.floating-support{right:25px;bottom:25px}.floating-support{width:auto;height:52px;padding:0 17px;border-radius:17px;display:flex;gap:8px}.floating-support span{display:inline;font-size:12px;font-weight:800}.profile-main{padding:5px}.dashboard-grid{grid-template-columns:1.5fr 1fr}.course-library{grid-template-columns:1fr 1fr}.admin-page .main{margin-left:245px}}
@media(max-width:699px){.dashboard-head{display:block}.dashboard-head .btn{margin-top:12px}.dashboard-banner{display:block;padding:23px}.banner-progress{width:100%;margin-top:16px}.form-grid-2{grid-template-columns:1fr}.profile-main{align-items:flex-start;flex-wrap:wrap}.profile-avatar-large{width:82px;height:82px;border-radius:23px;font-size:30px}.profile-intro{min-width:calc(100% - 105px)}.profile-intro h1{font-size:25px}.profile-edit-btn{width:100%}.payment-admin-main{grid-template-columns:1fr 1fr}.payment-admin-main .payment-user{grid-column:1/-1}.admin-ticket-row{flex-wrap:wrap}.status-form{width:100%}.status-form .input{flex:1}.lp-wrap{width:min(1180px,calc(100% - 26px))}}
/* V10 profile: visual language aligned with the landing/dashboard */
.profile-cover{position:relative;overflow:hidden;border-radius:26px;padding:28px;background:linear-gradient(115deg,#4b2b9a 0%,#702dff 56%,#8d5cff 100%);box-shadow:0 20px 48px rgba(86,47,180,.18);color:#fff}
.profile-cover:before,.profile-cover:after{content:"";position:absolute;border-radius:50%;background:rgba(255,255,255,.08);pointer-events:none}.profile-cover:before{width:360px;height:360px;right:-100px;top:-190px}.profile-cover:after{width:220px;height:220px;left:45%;bottom:-150px}
.profile-main{position:relative;z-index:2;display:flex;align-items:center;gap:18px}.profile-avatar-large{width:104px;height:104px;border-radius:30px;flex:0 0 auto;overflow:hidden;background:rgba(255,255,255,.18);border:4px solid rgba(255,255,255,.85);display:grid;place-items:center;font-size:38px;font-weight:900;box-shadow:0 12px 28px rgba(25,10,70,.2)}.profile-avatar-large img{width:100%;height:100%;object-fit:cover}.profile-intro{flex:1}.profile-intro .overline{color:#d9ceff}.profile-intro h1{font-size:clamp(27px,3vw,39px);margin:4px 0 2px;letter-spacing:-.03em}.profile-intro p{font-size:13px;color:#eee8ff;margin:0}.profile-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.profile-tags span{display:inline-flex;align-items:center;gap:6px;padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-size:9px}.profile-tags i{color:#b7ffdf}.profile-edit-btn{flex:0 0 auto}.profile-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin:15px 0}.profile-stat-grid .card{padding:18px;position:relative;overflow:hidden}.profile-stat-grid .card:after{content:"";position:absolute;width:70px;height:70px;border-radius:50%;right:-28px;bottom:-28px;background:#f2edff}.profile-stat-grid small,.profile-stat-grid strong,.profile-stat-grid span{display:block;position:relative;z-index:1}.profile-stat-grid small{font-size:10px;color:#888297;font-weight:700}.profile-stat-grid strong{font-size:25px;color:#302b4a;margin:3px 0}.profile-stat-grid span{font-size:9px;color:#a29cab}.profile-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:15px}.profile-grid>.card{padding:22px}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#eeeaf5;border:1px solid #eeeaf5;border-radius:16px;overflow:hidden}.info-grid>div{background:#fff;padding:14px}.info-grid small,.info-grid b{display:block}.info-grid small{font-size:9px;color:#9a94a5}.info-grid b{font-size:12px;margin-top:3px;overflow-wrap:anywhere}.bio-box{margin-top:12px;padding:14px;border-radius:16px;background:#faf9fd;border:1px solid #eeeaf5}.bio-box small{font-size:9px;color:#8e879b}.bio-box p{font-size:12px;color:#5e5968;line-height:1.8;margin:4px 0 0}.skill-tags{display:flex;flex-wrap:wrap;gap:7px}.skill-tags span{padding:7px 10px;border-radius:999px;background:#f0ecff;color:#6032d8;font-size:9px;font-weight:800}.profile-score{margin-top:22px;padding-top:17px;border-top:1px solid #eeeaf5}.profile-score>div:first-child{display:flex;justify-content:space-between;gap:10px;font-size:10px}.profile-score span{color:#6d39e9;font-weight:900}.profile-score .progress{margin-top:8px;height:9px}
@media(max-width:699px){.profile-cover{border-radius:21px;padding:20px}.profile-main{gap:12px}.profile-avatar-large{width:78px;height:78px;border-radius:22px;font-size:29px}.profile-intro h1{font-size:24px}.profile-intro p{font-size:10px}.profile-tags span{font-size:8px;padding:6px 8px}.profile-edit-btn{width:100%;margin-top:3px}.profile-stat-grid{grid-template-columns:1fr 1fr;gap:9px}.profile-stat-grid .card{padding:14px}.profile-stat-grid strong{font-size:22px}.profile-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.profile-grid>.card{padding:17px}}
@media(min-width:1020px){.container{width:calc(100% - 48px);max-width:1460px}.topbar-inner{width:calc(100% - 48px);max-width:1460px}.profile-cover{padding:32px}.profile-main{min-height:105px}}

@media(min-width:1020px){.container{width:calc(100% - 48px);max-width:none}.topbar-inner{width:calc(100% - 48px);max-width:none}}

/* V10.2 — user/admin desktop content uses the complete available viewport */
@media(min-width:1020px){
  .main{width:100%;}
  .main>.container{width:calc(100% - 48px);max-width:none;margin-left:auto;margin-right:auto;}
  .topbar-inner{width:calc(100% - 48px);max-width:none;}
  .sidebar{overflow-y:auto;overscroll-behavior:contain;}
  .sidebar-close{display:none;}
}
.sidebar-close{width:36px;height:36px;border-radius:11px;background:#f0efff;color:var(--primary);display:none;place-items:center;margin:-8px 0 10px auto;}
@media(max-width:1019px){
 .sidebar{z-index:80;}
 .sidebar-overlay{z-index:70;}
 .sidebar-close{display:grid;}
 .main>.container{width:min(100% - 24px,1460px);}
}
.instant-loading{opacity:.55;transition:opacity .12s ease;pointer-events:none}


/* V11 layout hardening */
html,body{max-width:100%;overflow-x:hidden}.app{min-width:0}.main{min-width:0;box-sizing:border-box}.main>.container{min-width:0;max-width:100%;box-sizing:border-box}.topbar-inner{min-width:0}.card,.dashboard-grid>*,.lesson-layout>*,.ai-layout>*,.payment-layout>*,.profile-grid>*,.support-admin-layout>*{min-width:0}
.user-course-library{display:grid;grid-template-columns:1fr;gap:18px}.user-premium-course{overflow:hidden;background:#fff;border:1px solid #e8e4f5;border-radius:24px;box-shadow:0 14px 38px rgba(48,38,90,.07);transition:.22s}.user-premium-course:hover{transform:translateY(-3px);box-shadow:0 20px 48px rgba(48,38,90,.12)}.user-course-art{height:185px;position:relative;overflow:hidden;background:linear-gradient(135deg,#6b35ff,#9c7aff)}.user-premium-course.theme-1 .user-course-art{background:linear-gradient(135deg,#ef4d72,#ff8b7c)}.user-premium-course.theme-2 .user-course-art{background:linear-gradient(135deg,#11a98d,#55cdb1)}.user-premium-course.theme-3 .user-course-art{background:linear-gradient(135deg,#3e4b7a,#6476a9)}.user-premium-course.theme-4 .user-course-art{background:linear-gradient(135deg,#e49b1d,#f2c25a)}.user-course-art:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.10) 1px,transparent 1px);background-size:28px 28px;opacity:.5}.user-course-art:after{content:"";position:absolute;width:160px;height:160px;border-radius:50%;right:-35px;top:-50px;background:rgba(255,255,255,.12);box-shadow:-250px 130px 0 25px rgba(255,255,255,.07)}.course-live-badge,.course-crown-badge{position:absolute;top:13px;z-index:2;padding:7px 10px;border-radius:999px;font-size:10px;font-weight:800;background:#fff}.course-live-badge{left:13px;color:#10a881}.course-live-badge i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#16bd91;margin-right:4px;box-shadow:0 0 0 4px rgba(22,189,145,.12);animation:livePulse 1.6s infinite}.course-crown-badge{right:13px;background:#1d1735;color:#fff}.course-crown-badge i{color:#ffd54a;margin-right:4px}.course-art-number{position:absolute;right:16px;bottom:12px;color:rgba(255,255,255,.7);font-weight:900;font-size:11px;z-index:2}.course-art-icon{position:absolute;left:50%;top:50%;transform:translate(-50%,-42%) rotate(-4deg);width:100px;height:74px;border-radius:20px;background:#fff;display:grid;place-items:center;color:#7033ff;font-size:34px;z-index:2;box-shadow:0 18px 35px rgba(30,20,70,.16)}.user-course-body{padding:17px}.user-course-kicker{display:flex;justify-content:space-between;gap:8px;align-items:center;color:#766f87;font-size:9px}.user-course-kicker span:last-child{color:#0caa83}.user-course-kicker i{margin-right:3px}.user-course-body h2{font-size:20px;line-height:1.3;margin:8px 0 6px}.user-course-body p{font-size:11px;line-height:1.7;color:#777287;margin:0;min-height:38px}.user-course-learners{margin:11px 0 10px;padding:9px 11px;border-radius:12px;background:#faf8ff;color:#625b72;font-size:10px}.user-course-learners i{color:#6e35ff;margin-right:5px}.user-course-learners strong{font-size:13px;color:#241d3c;margin-right:3px}.user-course-meta{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:12px}.user-course-meta span{padding:6px 8px;border-radius:9px;background:#f4f1ff;color:#70697e;font-size:9px}.user-course-meta i{color:#6e35ff;margin-right:3px}.user-course-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:10px}.user-course-foot small{font-size:9px;color:#90899b}.user-course-foot .btn{min-height:38px;padding:0 12px;font-size:10px}
.ai-head-actions{display:flex;align-items:center;gap:10px}.ai-coach-icon{box-shadow:0 8px 25px rgba(112,45,255,.15)}.subscription-update-note{display:flex;align-items:center;gap:12px;margin-bottom:16px;background:linear-gradient(110deg,#faf8ff,#fff);border-color:#e4ddff}.subscription-update-note>i{width:42px;height:42px;border-radius:13px;background:#eee9ff;color:var(--primary);display:grid;place-items:center}.subscription-update-note b,.subscription-update-note span{display:block}.subscription-update-note span{font-size:10px;color:var(--muted);margin-top:2px}.plan-card{position:relative;overflow:hidden}.plan-card.featured{border:2px solid #7b45ff;box-shadow:0 18px 45px rgba(112,45,255,.13)}.plan-card:nth-child(2){transform:translateY(-4px)}.plan-card:nth-child(3){background:linear-gradient(160deg,#fff,#f8f5ff)}.challenge-evidence-note{margin-top:14px;padding:11px 13px;border-radius:13px;background:#f6f2ff;color:#5c3bc5;font-size:11px}.challenge-evidence-note i{margin-right:5px}.challenge-file-list{display:flex;flex-wrap:wrap;gap:7px;margin-top:12px}.challenge-submit-form{margin-top:16px}.challenge-submit-form .input[type=file]{padding:9px}.instant-loading{opacity:.55;transition:opacity .12s ease;pointer-events:none}
@keyframes livePulse{50%{box-shadow:0 0 0 7px rgba(22,189,145,.02)}}
@media(min-width:700px){.user-course-library{grid-template-columns:repeat(2,minmax(0,1fr))}.plan-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.user-course-art{height:195px}}
@media(min-width:1100px){.user-course-library{grid-template-columns:repeat(3,minmax(0,1fr))}.main{width:calc(100% - 245px);margin-left:245px}.topbar{width:calc(100% - 245px);margin-left:245px;padding-left:0}.topbar-inner{width:calc(100% - 48px);max-width:1460px}.main>.container{width:calc(100% - 48px);max-width:1460px;margin-left:auto;margin-right:auto}.admin-page .main{width:calc(100% - 245px);margin-left:245px}.admin-page .topbar{width:calc(100% - 245px);margin-left:245px;padding-left:0}}
@media(max-width:699px){.user-course-body h2{font-size:18px}.user-course-art{height:175px}.user-course-foot{align-items:stretch;flex-direction:column}.user-course-foot .btn{width:100%}.ai-head-actions{align-items:flex-start}.ai-head-actions .btn{font-size:10px;padding:0 10px;min-height:38px}.subscription-update-note{align-items:flex-start}.plan-card:nth-child(2){transform:none}}

.challenge-admin-submission{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;padding:14px;border:1px solid var(--line);border-radius:15px;background:#fff}.challenge-admin-submission>div:first-child{min-width:0}.challenge-admin-submission b,.challenge-admin-submission small,.challenge-admin-submission p{display:block}.challenge-admin-submission small{font-size:9px;color:var(--muted);margin-top:3px}.challenge-admin-submission p{font-size:11px;color:#615b6b;line-height:1.6;margin:6px 0 0}.challenge-admin-submission .challenge-file-list{max-width:42%}.plan-card .plan-badge{display:inline-flex;align-items:center;gap:5px}.plan-card:nth-child(2) .plan-badge:before{content:'★';color:#ffb800}.plan-card:nth-child(3) .plan-badge:before{content:'♛';color:#7b45ff}.plan-card:nth-child(3){border:1px solid #d9ceff;box-shadow:0 15px 40px rgba(112,45,255,.09)}
@media(max-width:699px){.challenge-admin-submission{display:block}.challenge-admin-submission .challenge-file-list{max-width:none;margin-top:9px}}
@media(min-width:1100px){.app{padding-left:0!important}.topbar{left:auto!important}.admin-page .app{padding-left:0!important}.admin-page .topbar{left:auto!important}}

/* V11.7 — auth CTA + admin login responsive polish */
.auth-offer{margin-top:18px;padding:13px 14px;border:1px solid #e4dcfb;border-radius:17px;background:linear-gradient(135deg,#f6f1ff,#fff7ec);display:grid;grid-template-columns:40px minmax(0,1fr);gap:10px;align-items:center;position:relative;overflow:hidden;box-shadow:0 10px 28px rgba(68,45,130,.08);animation:authOfferFloat 4s ease-in-out infinite}
.auth-offer:before{content:"";position:absolute;width:120px;height:120px;border-radius:50%;right:-55px;top:-70px;background:rgba(112,45,255,.08);pointer-events:none}
.auth-offer-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#6332e7,#9a79ff);color:#fff;box-shadow:0 9px 18px rgba(99,50,231,.22)}
.auth-offer b,.auth-offer small{display:block;overflow-wrap:anywhere}.auth-offer b{font-size:11px;line-height:1.45;color:#2f2940}.auth-offer small{font-size:9px;line-height:1.55;color:#7b7389;margin-top:2px}.auth-offer a{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:6px;min-height:40px;padding:9px 12px;border-radius:11px;background:linear-gradient(135deg,#6332e7,#7a56ee);color:#fff;font-size:10px;font-weight:900;box-shadow:0 9px 20px rgba(99,50,231,.2);transition:.22s}.auth-offer a:hover{transform:translateY(-2px);box-shadow:0 13px 25px rgba(99,50,231,.26)}.auth-offer a i{transition:transform .2s}.auth-offer a:hover i{transform:translateX(4px)}
@keyframes authOfferFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
.admin-login-page{background:radial-gradient(circle at 15% 10%,rgba(112,45,255,.12),transparent 32%),radial-gradient(circle at 85% 90%,rgba(19,184,166,.08),transparent 30%),#f5f7fb}
.admin-login-page .auth-wrap{width:100%;min-height:100vh;padding:28px 18px;display:grid;place-items:center}
.admin-login-page .auth{width:min(480px,100%);margin:0 auto;padding:30px;border-radius:28px;background:rgba(255,255,255,.97);border:1px solid #e7e3f0;box-shadow:0 25px 70px rgba(31,24,58,.12);animation:adminLoginIn .35s ease both}
.admin-login-page .auth .brand{justify-content:center}.admin-login-page .auth h1{font-size:clamp(22px,4vw,29px);line-height:1.3}.admin-login-page .auth .btn{width:100%;min-height:50px;margin-top:2px}.admin-login-page .auth .input{min-height:46px}.admin-login-page .pill{justify-content:center}
@keyframes adminLoginIn{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:699px){.auth-wrap{min-height:calc(100vh - 1px);padding:18px 12px 30px}.auth-card{width:100%;padding:21px 17px;border-radius:22px}.auth-card h1{font-size:24px}.auth-logo{margin-bottom:21px}.auth-offer{margin-top:16px;padding:12px;grid-template-columns:36px minmax(0,1fr);gap:8px}.auth-offer-icon{width:36px;height:36px;border-radius:11px}.auth-offer b{font-size:10px}.auth-offer small{font-size:8px}.auth-offer a{min-height:42px;font-size:10px}.admin-login-page .auth-wrap{padding:16px 12px 24px}.admin-login-page .auth{padding:23px 17px;border-radius:22px}.admin-login-page .auth h1{font-size:22px}.admin-login-page .auth .input{min-height:47px}.admin-login-page .auth .btn{min-height:50px}}
@media(prefers-reduced-motion:reduce){.auth-offer,.admin-login-page .auth{animation:none}}

/* V11.13 Non-blocking Web Push prompt */
.bunbd-push-gate{position:fixed;left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom));z-index:99999;display:flex;justify-content:center;padding:0 14px;pointer-events:none;opacity:0;transform:translateY(18px);transition:opacity .18s ease,transform .18s ease}.bunbd-push-gate.is-visible{opacity:1;transform:none}.bunbd-push-card{position:relative;width:min(620px,100%);padding:13px 15px 12px;border-radius:18px;background:rgba(255,255,255,.97);border:1px solid rgba(112,45,255,.14);box-shadow:0 16px 45px rgba(36,25,72,.18);backdrop-filter:blur(18px);pointer-events:auto}.bunbd-push-content{display:flex;align-items:center;gap:11px;padding-right:24px}.bunbd-push-icon{width:40px;height:40px;flex:0 0 40px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,#702dff,#14b8a6);color:#fff;font-size:16px;box-shadow:0 8px 18px rgba(112,45,255,.2);animation:pushBell 1.8s ease-in-out infinite}.bunbd-push-card h2{margin:1px 0 2px;font-size:14px;line-height:1.25}.bunbd-push-card p{margin:0;color:#70687d;line-height:1.4;font-size:10px}.bunbd-push-card .overline{font-size:8px}.bunbd-push-actions{position:absolute;right:15px;bottom:12px}.bunbd-push-actions .btn{min-height:32px;padding:0 11px;border-radius:10px;font-size:10px}.bunbd-push-card small{display:block;margin:7px 118px 0 51px;color:#938b9f;font-size:8px;line-height:1.3}.bunbd-push-close{position:absolute;right:6px;top:6px;width:23px;height:23px;border:0;border-radius:8px;background:#f3f0f8;color:#7c7488;display:grid;place-items:center;cursor:pointer;font-size:10px;z-index:2}.bunbd-push-close:hover{background:#ebe5f5;color:#4d3a73}@keyframes pushBell{0%,100%{transform:translateY(0) rotate(0)}12%{transform:translateY(-2px) rotate(-8deg)}24%{transform:translateY(-2px) rotate(8deg)}36%{transform:translateY(0) rotate(0)}}
@media(max-width:520px){.bunbd-push-gate{bottom:calc(10px + env(safe-area-inset-bottom));padding:0 9px}.bunbd-push-card{padding:11px 11px 10px;border-radius:16px}.bunbd-push-content{gap:9px;padding-right:20px}.bunbd-push-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px;font-size:14px}.bunbd-push-card h2{font-size:12px}.bunbd-push-card p{font-size:9px}.bunbd-push-actions{right:11px;bottom:10px}.bunbd-push-actions .btn{min-height:29px;padding:0 9px;font-size:9px}.bunbd-push-card small{margin:6px 100px 0 45px;font-size:7px}}
@media(prefers-reduced-motion:reduce){.bunbd-push-gate,.bunbd-push-icon{transition:none;animation:none}}
.admin-pwa-install{position:relative}.admin-pwa-install.is-install-ready:after{content:'';position:absolute;right:5px;top:5px;width:6px;height:6px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.13);animation:adminInstallPulse 1.5s infinite}@keyframes adminInstallPulse{50%{transform:scale(1.5);opacity:.6}}.admin-notification-link{position:relative}.admin-notification-link .badge{position:absolute;right:-3px;top:-3px;min-width:16px;height:16px;padding:0 4px;display:grid;place-items:center;border-radius:99px;font-size:8px;background:#ef4444;color:#fff}@media(max-width:600px){.admin-pwa-install,.admin-notification-link{display:grid!important}}

/* V11.13 admin live counters */
.admin-brand-title{display:flex;align-items:center;gap:10px;min-width:0}.admin-live-chips{display:flex;align-items:center;gap:6px}.admin-live-chip{display:inline-flex;align-items:center;gap:5px;min-height:28px;padding:0 9px;border-radius:10px;border:1px solid rgba(112,45,255,.12);font-size:9px;white-space:nowrap;box-shadow:0 6px 16px rgba(31,24,58,.06)}.admin-live-chip i{font-size:10px}.admin-live-chip b{font-size:8px;font-weight:800}.admin-live-chip strong{font-size:12px}.admin-live-chip.push{background:linear-gradient(135deg,#f2edff,#fff);color:#6332e7}.admin-live-chip.app{background:linear-gradient(135deg,#eafbf7,#fff);color:#0b9a7d}.admin-live-chip.push i{color:#702dff}.admin-live-chip.app i{color:#0b9a7d}@media(max-width:760px){.admin-brand-title{gap:6px}.admin-live-chips{gap:4px}.admin-live-chip{padding:0 6px;min-height:25px;border-radius:9px}.admin-live-chip b{display:none}.admin-live-chip strong{font-size:11px}.admin-live-chip i{font-size:9px}.top-subtitle{display:none}}@media(max-width:520px){.admin-brand-title{gap:4px}.admin-live-chips{gap:3px}.admin-live-chip{min-width:30px;justify-content:center;padding:0 5px}}

/* V11.14 responsive sidebar and metric hierarchy */
@media(max-width:1019px){.sidebar{display:flex!important;z-index:1001!important;transform:translate3d(-110%,0,0)!important;visibility:hidden;opacity:0}.sidebar.open{transform:translate3d(0,0,0)!important;visibility:visible;opacity:1}.sidebar-overlay{z-index:1000!important}.sidebar-overlay.show{display:block!important}.topbar{z-index:900}.body.sidebar-open{overflow:hidden}}
.admin-metric-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}.admin-metric{min-width:0;display:flex;align-items:center;gap:13px;padding:17px 18px;border-radius:18px;background:linear-gradient(145deg,#fff,#fbfaff);border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden}.admin-metric-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:#eee9ff;color:var(--primary)}.admin-metric-icon.teal{background:#e8faf5;color:#0b9a7d}.admin-metric-icon.coral{background:#fff0f3;color:#d93252}.admin-metric-icon.gold{background:#fff7e5;color:#c58a11}.admin-metric small{display:block;color:var(--muted);font-size:10px;white-space:nowrap}.admin-metric strong{display:block;margin-top:3px;font-size:18px;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-metric .metric-value{display:flex;align-items:center;gap:9px;min-width:0}.admin-metric .metric-value strong{margin-top:0}.admin-live-chips{gap:8px}.admin-live-chip{gap:8px;padding:0 11px;min-width:125px;justify-content:center}.admin-live-chip b{margin-right:2px}.admin-live-chip strong{padding-left:5px;border-left:1px solid currentColor;min-width:20px;text-align:center}@media(max-width:900px){.admin-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.admin-metric-grid{grid-template-columns:1fr 1fr;gap:9px}.admin-metric{padding:12px;gap:9px;border-radius:15px}.admin-metric-icon{width:35px;height:35px;flex-basis:35px;border-radius:10px;font-size:12px}.admin-metric strong{font-size:14px}.admin-metric small{font-size:8px}.admin-live-chips{display:flex!important}.admin-live-chip{min-width:32px;width:32px;height:28px;padding:0;gap:0}.admin-live-chip b{display:none}.admin-live-chip strong{border:0;padding:0;font-size:11px}.admin-live-chip i{font-size:10px}}@media(max-width:390px){.admin-live-chips{gap:3px}.admin-live-chip{width:29px;min-width:29px;height:26px}}

/* V11.15 final fixes: mobile sidebar, persistent push UX, exact admin-login centering */
@media(max-width:1019px){
  .sidebar{display:flex!important;position:fixed!important;left:0;top:0;bottom:0;width:min(310px,86vw);background:#fff;flex-direction:column;padding:20px 14px;transform:translate3d(-110%,0,0)!important;visibility:hidden;opacity:0;transition:transform .25s ease,opacity .2s ease,visibility .25s;z-index:1001!important;box-shadow:18px 0 45px rgba(25,20,50,.16);overflow-y:auto;overscroll-behavior:contain}
  .sidebar.open{transform:translate3d(0,0,0)!important;visibility:visible;opacity:1}
  .sidebar-overlay{position:fixed!important;inset:0!important;display:none!important;background:rgba(18,14,35,.34)!important;backdrop-filter:blur(2px);z-index:1000!important}
  .sidebar-overlay.show{display:block!important}
  .topbar{z-index:900!important}
  body.sidebar-open{overflow:hidden!important}
}
.admin-login-page .auth-wrap{display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;min-height:100vh!important;margin:0!important;padding:24px 18px!important}
.admin-login-page .auth{flex:0 1 480px!important;width:min(480px,100%)!important;margin:0 auto!important;position:relative;left:auto!important;right:auto!important;transform:none!important}
@media(max-width:699px){.admin-login-page .auth-wrap{padding:18px 12px!important}.admin-login-page .auth{width:100%!important;max-width:480px!important}}

/* V11.17 — mobile navigation hardening */
@media(max-width:1019px){
  .topbar .menu-toggle{position:relative;z-index:1003!important;pointer-events:auto!important;touch-action:manipulation!important;}
  .bottom-nav{z-index:9998!important;pointer-events:auto!important;isolation:isolate;}
  .bottom-nav a{position:relative;z-index:1;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent;}
  .main{padding-bottom:calc(104px + env(safe-area-inset-bottom))!important;}
}

/* V11.18 — premium public mobile footer/navigation */
.mobile-site-footer{display:none}
@media(max-width:1019px){
  .mobile-site-footer{
    position:fixed;left:10px;right:10px;bottom:calc(8px + env(safe-area-inset-bottom));
    height:70px;padding:7px 5px;
    display:grid;grid-template-columns:repeat(6,1fr);gap:3px;align-items:stretch;
    z-index:10020;border:1px solid rgba(255,255,255,.72);border-radius:22px;
    background:rgba(255,255,255,.94);backdrop-filter:blur(22px) saturate(165%);-webkit-backdrop-filter:blur(22px) saturate(165%);
    box-shadow:0 18px 45px rgba(31,24,58,.18),0 2px 8px rgba(31,24,58,.08);
  }
  .mobile-site-item{min-width:0;min-height:56px;border:0;background:transparent;text-decoration:none;color:#80798c;
    display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:16px;
    font:800 8px/1.1 inherit;cursor:pointer;position:relative;z-index:2;pointer-events:auto;touch-action:manipulation;
    -webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none;padding:4px 1px;
  }
  .mobile-site-item span:last-child{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;}
  .mobile-site-icon{width:32px;height:30px;border-radius:11px;display:grid;place-items:center;font-size:14px;transition:.2s ease;}
  .mobile-site-item.active{color:#702dff;background:linear-gradient(180deg,#f3efff,#faf9ff);}
  .mobile-site-item.active .mobile-site-icon{background:linear-gradient(135deg,#702dff,#9b70ff);color:#fff;box-shadow:0 7px 16px rgba(112,45,255,.25);}
  .mobile-site-item:active .mobile-site-icon{transform:scale(.91);}
  .mobile-site-app .mobile-site-icon{background:#eafaf6;color:#0b9a7d;}
  .landing-v4 .mobile-site-footer{bottom:calc(9px + env(safe-area-inset-bottom));}
  body:has(.mobile-site-footer) .main{padding-bottom:calc(102px + env(safe-area-inset-bottom))!important;}
  body.landing-v4{padding-bottom:0!important;}
}
@media(max-width:390px){
  .mobile-site-footer{left:6px;right:6px;height:67px;border-radius:20px;padding:6px 3px;gap:1px;}
  .mobile-site-item{min-height:54px;font-size:7px;border-radius:14px;gap:3px;}
  .mobile-site-icon{width:29px;height:28px;font-size:13px;border-radius:10px;}
}

/* V11.18 — footer is a top-level touch layer; prevent underlying sections stealing taps */
@media(max-width:1019px){
  .landing-v4 .mobile-site-footer{position:fixed!important;left:6px!important;right:6px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;z-index:2147483000!important;display:grid!important;pointer-events:auto!important;isolation:isolate!important;}
  .landing-v4 .mobile-site-footer *{pointer-events:auto!important;}
  .landing-v4 .mobile-site-footer a,.landing-v4 .mobile-site-footer button{z-index:2147483001!important;}
}

/* V11.20 — public/auth footer touch-layer parity with home */
@media(max-width:1019px){
  .app > .mobile-site-footer{
    position:fixed!important;
    left:6px!important;
    right:6px!important;
    bottom:calc(7px + env(safe-area-inset-bottom))!important;
    z-index:2147483000!important;
    display:grid!important;
    pointer-events:auto!important;
    touch-action:manipulation!important;
    isolation:isolate!important;
    transform:translateZ(0)!important;
  }
  .app > .mobile-site-footer *{pointer-events:auto!important;touch-action:manipulation!important;}
  .app > .mobile-site-footer a,.app > .mobile-site-footer button{position:relative!important;z-index:2147483001!important;}
}

/* V11.21 — home AI support + direct profile navigation touch layer */
.home-ai-support{z-index:2147482000!important;pointer-events:auto!important;touch-action:manipulation!important;}
@media(max-width:1019px){
 .home-ai-support{right:14px!important;bottom:calc(86px + env(safe-area-inset-bottom))!important;}
 .bottom-nav a{cursor:pointer!important;}
}

/* V11.22 — premium profile footer */
@media(max-width:1019px){
 .profile-premium-footer{position:fixed!important;left:8px!important;right:8px!important;bottom:calc(8px + env(safe-area-inset-bottom))!important;height:72px!important;padding:7px!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;gap:4px!important;z-index:2147483640!important;pointer-events:auto!important;touch-action:manipulation!important;isolation:isolate!important;transform:translate3d(0,0,0)!important;background:rgba(255,255,255,.96)!important;border:1px solid rgba(112,45,255,.12)!important;border-radius:22px!important;box-shadow:0 18px 50px rgba(34,24,62,.18),0 3px 12px rgba(34,24,62,.08)!important;backdrop-filter:blur(18px) saturate(160%)!important;-webkit-backdrop-filter:blur(18px) saturate(160%)!important;}
 .profile-premium-footer:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(100deg,rgba(112,45,255,.045),transparent 45%,rgba(18,185,155,.035));pointer-events:none;}
 .profile-premium-footer a{position:relative!important;z-index:2!important;min-width:0!important;min-height:56px!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:4px!important;border-radius:16px!important;color:#827a8f!important;text-decoration:none!important;font-weight:800!important;font-size:7.5px!important;line-height:1.1!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent!important;transition:transform .18s ease,background .18s ease,color .18s ease!important;}
 .profile-premium-footer a i{width:31px;height:29px;display:grid;place-items:center;border-radius:10px;font-size:13px;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important;}
 .profile-premium-footer a.active{color:#702dff!important;background:linear-gradient(180deg,#f3efff,#fbfaff)!important;}
 .profile-premium-footer a.active i{color:#fff!important;background:linear-gradient(135deg,#702dff,#9870ff)!important;box-shadow:0 7px 18px rgba(112,45,255,.25)!important;}
 .profile-premium-footer a:active{transform:scale(.94)!important;}
 .profile-premium-footer a:active i{transform:translateY(-1px) scale(.94)!important;}
 body:has(.profile-premium-footer) .main{padding-bottom:calc(112px + env(safe-area-inset-bottom))!important;}
}
@media(max-width:390px){.profile-premium-footer{left:5px!important;right:5px!important;height:68px!important;border-radius:20px!important;gap:1px!important}.profile-premium-footer a{font-size:7px!important}.profile-premium-footer a i{width:28px;height:27px;font-size:12px}}
/* BUNBD Learning Experience v2 — concept glossary, mentor guidance and safe coding lab */
.lesson-type-pill{margin-left:6px}.mentor-banner{margin-top:18px;padding:14px 16px;border:1px solid #e3dcff;background:linear-gradient(110deg,#f7f4ff,#fff);border-radius:16px;display:flex;gap:12px;align-items:flex-start}.mentor-avatar{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:#eee9ff;color:var(--primary);display:grid;place-items:center}.mentor-banner b{font-size:12px}.mentor-banner p{margin:3px 0 0;font-size:12px;color:#5e586a;line-height:1.7}.concept-card .lesson-prose,.practice-section .lesson-prose{font-size:14px;line-height:2;color:#363142}.objective-box,.example-box,.mentor-callout,.mistake-box,.quick-check-box{margin-top:16px;border-radius:14px;padding:14px 16px}.objective-box{background:#f7f5ff;border:1px solid #e6e0ff}.example-box{background:#faf9fd;border:1px solid var(--line)}.example-box>div{margin-top:7px;font-size:12px;line-height:1.8}.mentor-callout{display:flex;gap:10px;background:#f0fbf8;border:1px solid #d7f0e9;color:#176c5a}.mentor-callout i{margin-top:3px}.mentor-callout p,.mistake-box p,.quick-check-box p{margin:4px 0 0;font-size:12px;line-height:1.8}.keyword-section{margin:20px 0}.keyword-grid{display:grid;gap:12px}.keyword-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:16px;box-shadow:var(--shadow)}.keyword-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:8px}.keyword-top strong{font-size:17px;color:var(--primary)}.keyword-top span{font-size:10px;color:var(--muted);text-align:right}.keyword-card p{font-size:11px;line-height:1.75;margin:7px 0;color:#4f4a58}.keyword-example{background:#f7f7fa;border-radius:10px;padding:8px 10px;margin-top:9px}.keyword-example b{display:block;font-size:9px;color:var(--muted);margin-bottom:4px}.keyword-example code{font-size:11px;white-space:pre-wrap}.practice-section{overflow:hidden}.coding-lab{margin-top:16px;border:1px solid #dcd8e7;border-radius:18px;overflow:hidden;background:#161320;color:#fff}.coding-lab-head{padding:16px 18px;display:flex;justify-content:space-between;gap:12px;align-items:center}.coding-lab-head h3{margin:2px 0;font-size:18px}.coding-lab-head p{margin:3px 0 0;color:#b9b2c4;font-size:11px}.coding-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #2b2733}.code-editor-pane{padding:14px;background:#211d29}.code-editor-pane label{display:block;font-size:9px;color:#bdb6c8;margin:7px 0 4px;font-weight:800}.code-input{display:block;width:100%;min-height:90px;resize:vertical;border:1px solid #3c3645;border-radius:9px;background:#0f0c14;color:#f6f2ff;padding:9px;font:12px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;outline:0}.code-input:focus{border-color:#8f6bff;box-shadow:0 0 0 2px #702dff22}.code-editor-pane .btn{margin-top:10px;margin-right:5px}.code-preview-pane{background:#fff;color:#25212d;min-height:420px}.preview-head{height:40px;padding:0 12px;border-bottom:1px solid #e7e3ed;display:flex;align-items:center;justify-content:space-between;font-size:11px}.preview-head span{color:#898291}.code-preview{display:block;width:100%;height:calc(100% - 40px);min-height:380px;border:0;background:#fff}.expected-box{margin:12px;padding:12px;border-radius:12px;background:#28232f}.expected-box b{font-size:10px;color:#c9bfff}.expected-box p{font-size:11px;line-height:1.7;color:#ddd8e5;margin:4px 0 0}.hidden-answer{margin:12px;padding:10px 12px;border-radius:12px;background:#f4f1f8;color:#4e4858}.hidden-answer summary{cursor:pointer;font-weight:800;font-size:11px}.hidden-answer div{margin-top:10px;font-size:11px;line-height:1.8;white-space:pre-wrap}.guided-try{border:1px solid #e3dfeb;border-radius:16px;padding:15px;margin-top:15px;background:#fbfaff}.guided-try-head{display:flex;gap:10px;align-items:center}.guided-try-head>span{font-size:22px}.guided-try-head b,.guided-try-head small{display:block}.guided-try-head b{font-size:13px}.guided-try-head small{font-size:9px;color:var(--muted)}.guided-try>p{font-size:12px;line-height:1.8}.ai-lesson-coach{margin-top:18px;background:linear-gradient(110deg,#482f85,#702dff);color:#fff;border-radius:18px;padding:17px}.ai-lesson-coach p{font-size:11px;line-height:1.8;color:#e3ddef}.ai-lesson-coach .ai-card-head small{color:#ddd5ec}.completion-copy{flex:1}.completion-copy b{display:block;font-size:12px;line-height:1.6}.next-step-cta{animation:nextPulse 1.2s ease-out 2}@keyframes nextPulse{50%{transform:translateY(-2px);box-shadow:0 8px 24px #702dff2b}}.side-mentor-note{margin-top:15px;padding:12px;border-radius:13px;background:#f7f5ff;color:#5e586a;font-size:10px;display:flex;gap:8px}.side-mentor-note i{color:var(--primary);margin-top:2px}.side-mentor-note p{margin:0;line-height:1.7}.lesson-ai-context{margin:0 0 10px;padding:10px 12px;border-radius:12px;background:#f2efff;border:1px solid #dfd6ff;display:flex;gap:9px;align-items:center}.lesson-ai-context>i{color:var(--primary)}.lesson-ai-context b,.lesson-ai-context small{display:block}.lesson-ai-context b{font-size:10px}.lesson-ai-context small{font-size:9px;color:var(--muted);margin-top:2px}
@media(min-width:760px){.keyword-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:759px){.coding-grid{grid-template-columns:1fr}.code-preview-pane{min-height:330px}.coding-lab-head{align-items:flex-start;flex-direction:column}.keyword-top{display:block}.keyword-top span{display:block;text-align:left;margin-top:3px}.completion-copy{width:100%}}
/* Learning Experience v3: worked-example-first, inline mentor, per-step challenge + quiz */
.keyword-definition{background:#f8f7fc;border-left:3px solid var(--primary);padding:10px 12px;border-radius:0 10px 10px 0;margin:10px 0}.keyword-definition b{font-size:10px;color:var(--primary)}.keyword-definition p{font-size:12px!important;line-height:1.9!important;margin:4px 0!important;color:#302b3b!important}.perfect-example-card{margin-top:16px;padding:16px;border:1px solid #d9d3e6;border-radius:17px;background:#faf9fd}.practice-step-head{display:flex;gap:10px;align-items:center}.practice-step-head b,.practice-step-head small{display:block}.practice-step-head b{font-size:13px}.practice-step-head small{font-size:10px;color:var(--muted);margin-top:2px}.step-badge{width:30px;height:30px;flex:0 0 30px;border-radius:10px;background:#eee9ff;color:var(--primary);display:grid;place-items:center;font-weight:900}.perfect-example-card>p{font-size:11px;line-height:1.8;color:#5b5565}.perfect-code-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.perfect-code-grid label{display:block;font-size:9px;color:#77717f;font-weight:800;margin-bottom:4px}.perfect-code-grid pre{margin:0;min-height:110px;max-height:240px;overflow:auto;padding:10px;border-radius:10px;background:#211d29;color:#eee8f7;font:11px/1.55 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.challenge-card{margin-top:16px;padding:16px;border:1px solid #e7d7bf;border-radius:17px;background:#fffaf2}.challenge-card>p{font-size:12px;line-height:1.8;color:#4e463b}.challenge-requirements{margin-top:10px;padding:10px 12px;border-radius:10px;background:#fff3dc}.challenge-requirements b{font-size:9px}.challenge-requirements p{font-size:11px;line-height:1.7;margin:4px 0}.step-quiz-card{margin-top:18px;border:1px solid #d9d1ef;background:#faf8ff}.step-quiz-card .practice-step-head small{display:block}.step-quiz-card>p{font-size:11px;line-height:1.8;color:#5c5667}.lesson-ai-inline{margin-top:18px;overflow:hidden;border:1px solid #dcd5ed}.ai-inline-head{padding:16px;display:flex;gap:11px;align-items:center;background:linear-gradient(110deg,#f7f3ff,#fff)}.ai-inline-head h2{font-size:18px;margin:2px 0}.ai-inline-head small{font-size:10px;color:var(--muted)}.lesson-ai-inline .chat{min-height:170px;max-height:310px}.lesson-ai-inline .ai-suggestions{padding:0 14px 12px}.lesson-ai-inline .chat-box{padding:10px 14px}.lesson-ai-inline .chat-box .input{margin:0}.lesson-actions{margin-top:18px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.lesson-actions .completion-copy{min-width:220px}.lesson-actions .completion-copy strong{color:var(--primary)}
@media(max-width:760px){.perfect-code-grid{grid-template-columns:1fr}.perfect-code-grid pre{min-height:70px}.lesson-actions{display:block}.lesson-actions>*{margin-top:8px;width:100%;justify-content:center}}

.factory-api-stat span{display:block;font-size:9px;color:var(--muted);margin-top:3px}.factory-waiting{line-height:1.8}.course-bulk-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:12px 0}.course-bulk-bar label{font-size:11px;font-weight:700}.course-bulk-bar span{margin-right:auto;font-size:11px;color:var(--muted)}.course-select{position:absolute;top:12px;left:12px;z-index:2}.admin-course-library .course-card{position:relative}.admin-course-library .course-card-body{padding-left:42px}.course-actions{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.course-edit-card{margin-bottom:16px}.course-edit-card .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.course-edit-card .form-grid>label:nth-last-of-type(1),.course-edit-card .form-grid>button{grid-column:1/-1}@media(max-width:700px){.course-edit-card .form-grid{grid-template-columns:1fr}}
/* Manual Course Design Studio */
.cb-form{padding-bottom:30px}.cb-panel,.cb-module{margin-bottom:18px}.cb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cb-wide{grid-column:1/-1}.cb-publish{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800}.cb-repeat{display:grid;gap:7px;margin-bottom:8px}.cb-repeat-row{display:flex;gap:7px}.cb-repeat-row .input{flex:1}.cb-mini{min-height:34px!important;padding:0 10px!important;font-size:10px!important}.cb-add{margin-top:4px}.cb-section-head{margin-top:22px}.cb-module{padding:0;overflow:hidden}.cb-module-head,.cb-lesson-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;background:linear-gradient(120deg,#f8f6ff,#fff);border-bottom:1px solid var(--line)}.cb-module-head>div,.cb-lesson-head>div{display:flex;align-items:center;gap:10px}.cb-module-head b,.cb-module-head small,.cb-lesson-head b,.cb-lesson-head small{display:block}.cb-module-head small,.cb-lesson-head small{font-size:9px;color:var(--muted);margin-top:3px}.cb-module>.cb-grid{padding:16px 18px 4px}.cb-lessons{padding:0 18px 10px}.cb-lesson{border:1px solid #e4e0eb;border-radius:16px;margin:12px 0;overflow:hidden;background:#fff}.cb-lesson .cb-grid{padding:16px 16px 2px}.cb-subpanel{margin:12px 16px 16px;border:1px solid #e2ddea;border-radius:14px;padding:14px;background:#fcfbff}.cb-subtitle,.cb-qhead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.cb-subtitle b,.cb-qhead b{font-size:12px}.cb-checks{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.cb-checks span{display:flex;gap:6px;align-items:center}.cb-code-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.cb-code-grid textarea,.cb-lesson textarea[name*="coding_"]{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;line-height:1.55;min-height:180px;background:#17131d;color:#f4effa;border-color:#3c3645}.cb-question{padding:12px;border-radius:12px;background:#f7f5fa;border:1px solid #e4dfeb;margin-top:10px}.cb-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.cb-inline{display:grid;grid-template-columns:160px 1fr 1.5fr;gap:8px;align-items:start}.cb-keyword{padding:12px;border-radius:12px;background:#fff;border:1px solid #e4dfeb;margin-top:10px}.cb-grid-2{display:grid;grid-template-columns:1fr 1fr;gap:8px}.cb-savebar{position:sticky;bottom:12px;z-index:10;display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px;padding:12px 14px;border:1px solid #ddd5ed;border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 12px 35px rgba(37,27,65,.12);backdrop-filter:blur(14px)}.cb-savebar span{margin-right:auto;font-size:10px;color:var(--muted)}.cb-savebar span b{display:block;color:#302a3d;font-size:11px;margin-bottom:2px}.cb-intro{display:flex;gap:16px;align-items:flex-start;margin-bottom:18px}.cb-intro-icon{width:54px;height:54px;flex:0 0 54px;border-radius:16px;display:grid;place-items:center;background:#eee9ff;color:var(--primary);font-size:22px}.cb-intro h2{margin:0 0 6px}.cb-intro p{margin:0;color:var(--muted);line-height:1.8;font-size:12px}.cb-flow{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin-top:12px}.cb-flow span{padding:6px 9px;border-radius:9px;background:#f3f0f8;font-size:9px;font-weight:800}.cb-flow i{font-size:9px;color:var(--muted)}.platform-logo-preview{display:flex;align-items:center;gap:12px;padding:10px;border:1px dashed #d8d0e7;border-radius:12px}.platform-logo-preview span{font-size:10px;color:var(--muted);margin-right:auto}.platform-logo-preview img{max-width:120px;max-height:50px;object-fit:contain}.platform-preview-brand{display:flex;align-items:center;gap:10px;margin:16px 0;padding:12px;border-radius:14px;background:#f7f5fb}.platform-preview-brand .brand-mark{width:38px;height:38px}.brand-logo-img{width:32px;height:32px;object-fit:contain;border-radius:9px}.sidebar-brand .brand-logo-img{width:30px;height:30px}.top-brand .brand-logo-img{width:28px;height:28px}.brand-name-text{font-weight:900}.code-input{min-height:260px!important;font-size:13px!important;line-height:1.6!important;padding:12px!important}.coding-grid{min-height:520px}.code-editor-pane{min-height:520px}.code-preview-pane{min-height:520px}.code-preview{min-height:470px}@media(max-width:850px){.cb-code-grid,.cb-inline{grid-template-columns:1fr}.cb-grid,.cb-grid-2{grid-template-columns:1fr}.cb-wide{grid-column:auto}.cb-savebar{position:static}.cb-intro{display:block}.cb-intro-icon{margin-bottom:10px}}@media(max-width:600px){.cb-module-head,.cb-lesson-head{align-items:flex-start;flex-direction:column}.cb-lessons{padding:0 10px 8px}.cb-subpanel{margin-left:8px;margin-right:8px}.cb-options{grid-template-columns:1fr}.cb-savebar .btn{width:100%;justify-content:center}.code-input{min-height:280px!important}.code-editor-pane,.coding-grid{min-height:0}}

/* Course discovery + subscription tiers */
.subscription-course-legend{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;margin:16px 0;border:1px solid #e5dcfb;border-radius:18px;background:linear-gradient(100deg,#faf8ff,#fff)}
.subscription-course-legend div{display:flex;flex-direction:column;gap:4px}.subscription-course-legend span{font-size:12px;color:#756d86}.course-lock-note{padding:12px;border:1px dashed #d9ccef;border-radius:14px;background:#faf8ff;display:flex;flex-direction:column;gap:4px}.course-lock-note small{color:#756d86}.user-premium-course.is-locked{opacity:.92}.course-admin-search{margin-bottom:16px}.course-search-form{display:flex;gap:10px;align-items:center}.course-search-form .search-box{flex:1}.ai-image-upload{width:42px;height:42px;display:grid;place-items:center;border:1px solid #ddd5ed;border-radius:12px;background:#fff;cursor:pointer;flex:0 0 auto}.ai-image-name{font-size:10px;color:#746b85;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.coding-lab .code-editor-pane{min-height:760px}.coding-lab .code-input{min-height:210px;height:210px;resize:vertical;font-size:14px;line-height:1.6;padding:16px}.coding-lab .code-preview{min-height:760px}
@media(max-width:700px){.subscription-course-legend,.course-search-form{flex-direction:column;align-items:stretch}.course-search-form .btn{width:100%}.coding-lab .code-editor-pane{min-height:0}.coding-lab .code-input{min-height:260px;height:260px;font-size:15px}.coding-lab .code-preview{min-height:420px}}

/* v8 premium subscription + member 360 UX */
.animated-start-btn,.lp-course-start-btn,.animated-plan-btn{position:relative;overflow:hidden;transition:transform .22s ease,box-shadow .22s ease}.animated-start-btn:hover,.lp-course-start-btn:hover,.animated-plan-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(112,45,255,.24)}.animated-start-btn:after,.lp-course-start-btn:after,.animated-plan-btn:after{content:"";position:absolute;inset:0;transform:translateX(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.32),transparent);animation:ctaShine 3.2s infinite}@keyframes ctaShine{0%,55%{transform:translateX(-120%)}80%,100%{transform:translateX(120%)}}
.lp-course-start-btn{display:inline-flex;align-items:center;gap:7px;padding:10px 14px;border-radius:12px;background:linear-gradient(120deg,#6b2cff,#8c52ff);color:#fff!important;font-weight:900;text-decoration:none;box-shadow:0 8px 20px rgba(107,44,255,.2)}
.modern-plan-grid{align-items:stretch}.modern-plan-card{position:relative;overflow:hidden;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.modern-plan-card:hover{transform:translateY(-6px);box-shadow:0 18px 42px rgba(44,24,85,.13);border-color:#d8c9ff}.modern-plan-card:before{content:"";position:absolute;inset:-80px auto auto -80px;width:160px;height:160px;border-radius:50%;background:rgba(112,45,255,.07);pointer-events:none}.subscription-live-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border:1px solid #ddd2fa;background:linear-gradient(110deg,#faf7ff,#fff);box-shadow:0 12px 30px rgba(52,29,91,.07)}.subscription-badge{display:inline-flex;align-items:center;gap:5px;font-size:10px;padding:5px 9px;border-radius:999px;background:#e8fbf3;color:#138a61;vertical-align:middle}.subscription-countdown{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;align-content:center;background:radial-gradient(circle,#fff 56%,#eee7ff 58%);box-shadow:0 0 0 7px #f7f2ff;text-align:center}.subscription-countdown b{font-size:19px;color:#5d2bd6}.subscription-countdown small{font-size:9px;color:var(--muted)}.checkout-total{display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px;padding:16px;margin:0 0 18px;border-radius:16px;background:linear-gradient(120deg,#f8f4ff,#fbfbff);border:1px solid #e6def6}.checkout-total div{padding:10px;border-right:1px solid #e7e1ef}.checkout-total div:last-child{border-right:0}.checkout-total span,.checkout-total b{display:block}.checkout-total span{font-size:10px;color:var(--muted)}.checkout-total b{margin-top:4px}.checkout-price strong{font-size:24px;color:#5e2bd6}.checkout-price em{font-style:normal}.gateway-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.gateway-card{display:flex;align-items:center;gap:9px;text-align:left;border:1px solid #e1dbe9;background:#fff;border-radius:14px;padding:10px;cursor:pointer;transition:.2s}.gateway-card:hover,.gateway-card.selected{border-color:#7b43ff;background:#faf7ff;box-shadow:0 8px 20px rgba(93,43,214,.1)}.gateway-card-icon{width:34px;height:34px;border-radius:10px;background:#f0eaff;color:#6b2cff;display:grid;place-items:center}.gateway-card span:nth-child(2){flex:1}.gateway-card b,.gateway-card small{display:block}.gateway-card b{font-size:11px}.gateway-card small{font-size:9px;color:var(--muted);margin-top:2px}.gateway-card>i{font-size:10px;color:#a69cac}.modern-gateway-info{margin-top:9px;min-height:54px}.modern-payment-help{align-self:start;position:sticky;top:20px}.profile-premium-hero{padding:26px;border-radius:24px;background:linear-gradient(120deg,#24183b,#5630a4 58%,#7b42ef);color:#fff;box-shadow:0 22px 60px rgba(62,35,119,.2);overflow:hidden;position:relative}.profile-premium-hero:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;right:-100px;top:-120px;background:rgba(255,255,255,.08)}.profile-premium-hero .profile-main{position:relative;z-index:1}.profile-premium-hero .profile-intro p,.profile-premium-hero .overline{color:rgba(255,255,255,.75)}.profile-premium-hero .profile-tags span{background:rgba(255,255,255,.11);border-color:rgba(255,255,255,.14)}.profile-avatar-glow{box-shadow:0 0 0 6px rgba(255,255,255,.12),0 12px 35px rgba(0,0,0,.2)}.profile-hero-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.profile-sub-badge{font-weight:900!important}.muted-badge{opacity:.7}.profile-subscription-timeline{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin-top:22px;padding:14px;border-radius:18px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1)}.timeline-point{min-width:100px}.timeline-point small,.timeline-point b{display:block}.timeline-point small{font-size:9px;color:rgba(255,255,255,.65)}.timeline-point b{font-size:11px;margin-top:3px}.timeline-line{height:2px;flex:1;background:rgba(255,255,255,.2);position:relative}.timeline-line span{display:block;width:45%;height:100%;background:#fff;box-shadow:0 0 10px #fff}.live-dot,.timeline-icon{width:28px;height:28px;border-radius:50%;display:inline-grid;place-items:center;background:rgba(255,255,255,.14);color:#fff;margin-bottom:5px}.live-dot{background:#35e5a4;box-shadow:0 0 0 5px rgba(53,229,164,.13)}.profile-modern-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:16px;margin-top:16px}.profile-roadmap-card,.profile-activity-card{overflow:hidden}.profile-roadmap{padding:8px 4px}.roadmap-node{display:flex;gap:12px;align-items:center;padding:11px 0}.roadmap-node>span{width:38px;height:38px;border-radius:13px;display:grid;place-items:center;background:#f1ecff;color:#6b2cff;flex:0 0 38px}.roadmap-node.done>span{background:#e8fbf3;color:#138a61}.roadmap-node.active>span{animation:roadmapPulse 2.4s infinite}@keyframes roadmapPulse{50%{box-shadow:0 0 0 7px rgba(107,44,255,.08)}}.roadmap-node b,.roadmap-node small{display:block}.roadmap-node small{font-size:10px;color:var(--muted);margin-top:3px}.roadmap-connector{height:16px;border-left:2px dashed #d9cff0;margin-left:18px}.profile-activity-list,.profile-course-list{display:grid;gap:8px}.profile-activity-item{display:flex;align-items:center;gap:10px;padding:11px;border-radius:13px;background:#faf9fd;border:1px solid #ebe6f1}.activity-icon{width:34px;height:34px;border-radius:10px;background:#eee9ff;color:#6b2cff;display:grid;place-items:center;flex:0 0 34px}.profile-activity-item>div{flex:1}.profile-activity-item b,.profile-activity-item small{display:block}.profile-activity-item small{font-size:9px;color:var(--muted);margin-top:2px}.activity-date{font-size:9px;color:var(--muted)}.profile-course-item{display:flex;align-items:center;gap:10px;padding:11px;border:1px solid #ebe6f1;border-radius:13px;background:#fff}.profile-course-item>div{flex:1}.profile-course-item b,.profile-course-item small{display:block}.profile-course-item small{font-size:9px;color:var(--muted);margin:3px 0 7px}.profile-course-item .progress{margin:0}.profile-course-index{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#f1ecff;color:#6b2cff;flex:0 0 36px}.profile-course-item>strong{font-size:11px;color:#5d2bd6}.profile-upgrade-banner{margin-top:16px;padding:20px 22px;border-radius:20px;background:linear-gradient(110deg,#f2ecff,#fff);border:1px solid #ddd2fa;display:flex;align-items:center;justify-content:space-between;gap:16px}.profile-upgrade-banner h2{margin:3px 0}.profile-upgrade-banner p{margin:0;color:var(--muted);font-size:11px}.admin-user-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-user-card{position:relative;padding:16px}.admin-user-check{position:absolute;right:14px;top:14px}.admin-user-head{display:flex;gap:10px;align-items:center;padding-right:25px}.admin-user-name{color:inherit;text-decoration:none}.admin-user-head small{display:block;color:var(--muted);font-size:9px;margin-top:2px}.admin-user-badges{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.admin-user-mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.admin-user-mini-grid div{padding:9px;border-radius:10px;background:#f8f6fb}.admin-user-mini-grid small,.admin-user-mini-grid b{display:block}.admin-user-mini-grid small{font-size:8px;color:var(--muted)}.admin-user-mini-grid b{font-size:10px;margin-top:3px}.member360-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.member-profile-card{padding:20px}.member360-head{display:flex;gap:13px;align-items:center}.member360-head h2{margin:0}.member360-head p{margin:3px 0 0;color:var(--muted);font-size:11px}.avatar-lg{width:58px;height:58px;border-radius:18px;background:#eee8ff;color:#6b2cff;display:grid;place-items:center;font-size:22px;font-weight:900}.member360-actions{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}.subscription-admin-timeline{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.subscription-admin-timeline div{padding:11px;border-radius:12px;background:#f8f6fb}.subscription-admin-timeline span,.subscription-admin-timeline b{display:block}.subscription-admin-timeline span{font-size:8px;color:var(--muted)}.subscription-admin-timeline b{font-size:10px;margin-top:4px}.payment-admin-card{transition:transform .2s ease,box-shadow .2s ease}.payment-admin-card:hover{transform:translateY(-2px);box-shadow:0 14px 35px rgba(40,25,70,.09)}
@media(max-width:900px){.profile-modern-grid,.member360-grid{grid-template-columns:1fr}.admin-user-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.checkout-total{grid-template-columns:1fr 1fr}.checkout-price{grid-column:1/-1}.modern-payment-help{position:static}.profile-subscription-timeline{flex-wrap:wrap}.timeline-line{min-width:30px}}
@media(max-width:620px){.admin-user-grid{grid-template-columns:1fr}.gateway-cards{grid-template-columns:1fr}.checkout-total{grid-template-columns:1fr}.checkout-total div{border-right:0;border-bottom:1px solid #e7e1ef}.checkout-total div:last-child{border-bottom:0}.subscription-live-card,.profile-upgrade-banner{align-items:flex-start;flex-direction:column}.profile-premium-hero{padding:18px}.profile-subscription-timeline{display:grid;grid-template-columns:1fr}.timeline-line{width:2px;height:22px;margin-left:13px}.profile-hero-actions{width:100%}.profile-hero-actions .btn{flex:1;justify-content:center}.member360-actions form,.member360-actions .btn{width:100%}}
.subscription-compare-card{margin-top:16px;border:1px solid #e3daf6;background:linear-gradient(120deg,#fbf9ff,#fff)}.subscription-compare-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.subscription-compare-grid>div{padding:15px;border:1px solid #e9e3f0;border-radius:14px;background:#fff}.subscription-compare-grid b,.subscription-compare-grid span,.subscription-compare-grid small{display:block}.subscription-compare-grid b{font-size:14px;color:#4d2a91}.subscription-compare-grid span{font-size:18px;font-weight:900;margin-top:5px}.subscription-compare-grid small{font-size:9px;color:var(--muted);margin-top:3px}@media(max-width:650px){.subscription-compare-grid{grid-template-columns:1fr}}
.payment-utility-links{display:flex;justify-content:flex-end;margin-top:9px}.payment-utility-links .btn{font-size:10px;padding:8px 11px}

/* V12 — certificates, premium payments, profile safety */
.dashboard-subscription-strip{margin:0 0 18px}.dashboard-sub-badge{display:flex;align-items:center;gap:14px;padding:16px 18px;border:1px solid #e5ddff;border-radius:20px;background:linear-gradient(105deg,#fbf9ff,#f1ebff);box-shadow:0 12px 32px rgba(112,45,255,.08)}.dashboard-sub-badge>div{flex:1}.dashboard-sub-badge small,.dashboard-sub-badge b{display:block}.dashboard-sub-badge small{font-size:10px;color:#81778f}.dashboard-sub-badge b{font-size:15px;color:#322844}.sub-live-dot{width:12px;height:12px;border-radius:50%;background:#16b98a;box-shadow:0 0 0 7px #16b98a18;animation:pulseDot 1.8s infinite}.sub-live-dot.off{background:#aaa;box-shadow:none;animation:none}@keyframes pulseDot{50%{box-shadow:0 0 0 12px transparent}}.dashboard-sub-badge.no-sub{background:#fffaf0;border-color:#f1dfb0}.modal-open{overflow:hidden}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}.premium-gateway-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid;gap:12px}.premium-gateway-card{min-height:76px!important;border:1px solid #e7e1f0!important;background:linear-gradient(145deg,#fff,#faf8ff)!important;box-shadow:0 12px 28px rgba(52,35,85,.06)!important;transition:.28s ease!important}.premium-gateway-card:hover,.premium-gateway-card.selected{transform:translateY(-3px);border-color:#9a78ff!important;box-shadow:0 18px 38px rgba(112,45,255,.14)!important}.payment-modal{position:fixed;inset:0;z-index:200;display:none;align-items:center;justify-content:center;padding:18px}.payment-modal.open{display:flex}.payment-modal-backdrop{position:absolute;inset:0;background:rgba(23,17,40,.62);backdrop-filter:blur(10px)}.payment-modal-dialog{position:relative;z-index:1;width:min(560px,100%);max-height:min(92vh,820px);overflow:auto;background:#fff;border:1px solid #eee8f7;border-radius:28px;padding:26px;box-shadow:0 35px 90px rgba(0,0,0,.24);animation:modalIn .24s ease}.payment-modal-close{position:absolute;right:15px;top:15px;width:40px;height:40px;border:0;border-radius:50%;background:#f4f1f8;color:#6f6679;cursor:pointer}.payment-modal-head{display:flex;gap:13px;align-items:center;padding-right:42px}.payment-modal-icon{width:54px;height:54px;border-radius:18px;background:linear-gradient(135deg,#702dff,#a66dff);color:#fff;display:grid;place-items:center;font-size:22px;box-shadow:0 14px 30px rgba(112,45,255,.22)}.payment-modal-head h2{margin:2px 0 3px;font-size:23px}.payment-modal-head p{margin:0;color:#847a91;font-size:12px}.payment-account-box{margin:18px 0;padding:17px;border-radius:18px;background:linear-gradient(135deg,#f8f4ff,#fff);border:1px solid #e9e0ff}.payment-account-box small,.payment-account-box p{display:block;color:#81778d;font-size:11px}.payment-account-box>div{display:flex;align-items:center;gap:10px}.payment-account-box strong{font-size:23px;color:#302542;letter-spacing:.03em;word-break:break-all}.copy-account{border:0;background:#ece5ff;color:#5d2bd6;border-radius:10px;padding:8px 10px;font-weight:800;cursor:pointer;white-space:nowrap}.payment-selected-summary{display:flex;justify-content:space-between;gap:10px;padding:14px 16px;border-radius:15px;background:#241b3b;color:#fff;margin-bottom:17px}.payment-selected-summary span{font-size:13px}.payment-selected-summary strong{font-size:20px}.payment-modal-form{display:grid;gap:13px}.payment-modal-form .label{display:grid;gap:6px}.payment-modal-safe{font-size:11px;color:#82788d;margin:15px 0 0}.payment-modal-safe i{color:#13a47f}.pending-spinner{width:72px;height:72px;border-radius:24px;background:#eee8ff;color:#702dff;display:grid;place-items:center;font-size:27px;margin:0 auto 17px;animation:spin 1.4s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes modalIn{from{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.pending-spinner+ .overline{display:block;text-align:center}.pending-dialog{}.payment-pending-dialog{text-align:center;padding:38px 30px}.payment-pending-dialog h2{font-size:27px;margin:8px 0}.payment-pending-dialog p{color:#777084;line-height:1.8;font-size:13px}.certificate-grid,.certificate-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.certificate-card{padding:25px;position:relative;overflow:hidden}.certificate-card-glow{position:absolute;width:160px;height:160px;border-radius:50%;background:#702dff12;right:-60px;top:-60px}.certificate-mini-icon{width:48px;height:48px;border-radius:15px;display:inline-grid;place-items:center;background:linear-gradient(135deg,#702dff,#b07cff);color:#fff;box-shadow:0 12px 28px rgba(112,45,255,.2);margin-right:8px}.certificate-card h2{font-size:19px;margin:17px 0 6px}.certificate-card p{color:#777084;font-size:12px;line-height:1.7}.certificate-meta{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;padding:13px;background:#faf8fd;border-radius:14px;margin:14px 0}.certificate-meta span{font-size:10px;color:#8a8195}.certificate-meta b{font-size:11px;word-break:break-word}.certificate-hero-pill{background:rgba(255,255,255,.22)!important;color:#fff!important;text-decoration:none}.certificate-earned-cta{margin-left:8px;animation:certificatePop .45s ease}@keyframes certificatePop{from{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.admin-cert-metrics{display:flex;gap:8px}.admin-cert-metrics span{padding:10px 14px;background:#f6f2ff;border-radius:12px;font-size:11px}.admin-cert-metrics b{font-size:17px;color:#5d2bd6}.admin-certificate-card{padding:20px}.admin-certificate-top{display:flex;justify-content:space-between;align-items:center}.admin-certificate-card h2{font-size:17px;margin:14px 0 5px}.admin-certificate-card p{color:#777084;font-size:12px}.certificate-admin-meta{display:grid;grid-template-columns:1fr 1fr;gap:5px 12px;background:#faf8fd;border-radius:13px;padding:12px;margin:12px 0}.certificate-admin-meta span{font-size:9px;color:#91889c}.certificate-admin-meta b{font-size:10px;word-break:break-all}.admin-certificate-card .course-actions{display:flex;gap:8px;flex-wrap:wrap}.admin-certificate-card form{display:inline}.checkout-note,.payment-history-mini{display:flex;gap:9px;align-items:flex-start;padding:12px 14px;background:#f8f6fb;border-radius:14px;color:#7b7189;font-size:11px;margin:12px 0}.checkout-note i{color:#702dff;margin-top:2px}.payment-history-mini{margin-top:15px}.payment-history-mini i{color:#8b7e9d}@media(max-width:700px){.premium-gateway-grid,.certificate-grid,.certificate-admin-grid{grid-template-columns:1fr}.payment-modal{padding:8px}.payment-modal-dialog{border-radius:22px;padding:20px;max-height:94vh}.payment-account-box strong{font-size:19px}.dashboard-sub-badge{align-items:flex-start;flex-wrap:wrap}.dashboard-sub-badge .btn{margin-left:26px}.admin-cert-metrics{display:none}}@media(max-width:420px){.premium-gateway-grid{grid-template-columns:1fr}.payment-modal-head h2{font-size:20px}.payment-pending-dialog{padding:30px 18px}}
/* V12.1 — premium subscription cards inspired by modern pricing layouts */
.modern-plan-grid{align-items:stretch}.modern-plan-card{border-radius:28px!important;padding:28px!important;min-height:440px;display:flex;flex-direction:column;background:linear-gradient(180deg,#fff 0,#fcfbff 100%)}.modern-plan-card:after{content:"";position:absolute;left:-15%;right:-15%;bottom:-105px;height:180px;border-radius:50% 50% 0 0;background:linear-gradient(120deg,#f0eaff,#fff);opacity:.9;pointer-events:none}.modern-plan-card:nth-child(1):before{inset:0 auto auto 0;width:100%;height:112px;border-radius:28px 28px 45% 45%;background:linear-gradient(135deg,#0aa99c,#25c4b6);opacity:1}.modern-plan-card:nth-child(2):before{inset:0 auto auto 0;width:100%;height:128px;border-radius:28px 28px 45% 45%;background:linear-gradient(135deg,#f69b17,#ffbd3f);opacity:1}.modern-plan-card:nth-child(3):before{inset:0 auto auto 0;width:100%;height:112px;border-radius:28px 28px 45% 45%;background:linear-gradient(135deg,#6630a9,#8a54cf);opacity:1}.modern-plan-card:nth-child(1) h2,.modern-plan-card:nth-child(2) h2,.modern-plan-card:nth-child(3) h2{position:relative;z-index:2;color:#fff;margin-top:18px;text-transform:uppercase;letter-spacing:.08em;text-shadow:0 2px 10px rgba(0,0,0,.12)}.modern-plan-card .plan-badge{position:relative;z-index:2;background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(8px)}.modern-plan-card .plan-price{margin-top:18px;position:relative;z-index:2}.modern-plan-card .plan-price small{color:var(--muted)}.modern-plan-card ul,.modern-plan-card p,.modern-plan-card .plan-select{position:relative;z-index:3}.modern-plan-card .plan-select{margin-top:auto}.modern-plan-card:nth-child(2){transform:translateY(-10px);box-shadow:0 28px 60px rgba(245,155,23,.16)!important}.modern-plan-card:nth-child(2):hover{transform:translateY(-16px)}.modern-plan-card:nth-child(1) .plan-badge:before{content:'✈';margin-right:5px}.modern-plan-card:nth-child(2) .plan-badge:before{content:'★';margin-right:5px}.modern-plan-card:nth-child(3) .plan-badge:before{content:'♛';margin-right:5px}.animated-plan-btn{position:relative;overflow:hidden}.animated-plan-btn:after{content:"";position:absolute;inset:-40% auto -40% -20%;width:25%;transform:skewX(-20deg);background:rgba(255,255,255,.32);animation:planShine 3.2s infinite}@keyframes planShine{0%,55%{left:-30%}100%{left:125%}}@media(max-width:850px){.modern-plan-card{min-height:0}.modern-plan-card:nth-child(2),.modern-plan-card:nth-child(2):hover{transform:none}}

/* V9.1 — richer subscription decision cards */
.plan-detail-box{position:relative;z-index:3;margin:14px 0 12px;padding:13px 14px;border:1px solid #ece6f6;border-radius:16px;background:rgba(255,255,255,.82)}.plan-detail-box b{display:block;font-size:12px;margin-bottom:4px}.plan-detail-box p{margin:0!important;font-size:12px;line-height:1.65;color:var(--muted)}.plan-access-line{position:relative;z-index:3;display:flex;gap:10px;align-items:center;padding:11px 12px;border-radius:14px;background:#f8f5ff;margin-bottom:12px}.plan-access-line i{width:32px;height:32px;display:grid;place-items:center;border-radius:10px;background:#ece4ff;color:#702dff}.plan-access-line span{display:flex;flex-direction:column;gap:2px}.plan-access-line b{font-size:12px}.plan-access-line small{font-size:10px;color:var(--muted)}.plan-value-note{position:relative;z-index:3;font-size:10px;line-height:1.55;color:#756c84;margin:10px 0 14px}.plan-value-note i{color:#702dff;margin-right:4px}.modern-plan-card ul{margin-bottom:0!important}.modern-plan-card ul li{font-size:12px!important;padding:7px 0!important}

/* Expanded learning flow: Step 3 + Step 4 */
.extra-topic-section,.practice-detail-card{margin-top:22px;padding:24px;border-radius:22px;background:linear-gradient(180deg,#fff,#fbf9ff);border:1px solid rgba(93,43,214,.12);box-shadow:0 16px 40px rgba(50,30,90,.06)}
.extra-topic-box,.solution-box,.practice-detail-box,.practice-example-box{margin-top:16px;padding:18px;border-radius:16px;background:#f8f6ff;border-left:4px solid #6d32ff}.solution-box{background:#f4fbfa;border-left-color:#14a58e}.practice-example-box{background:#fff9ed;border-left-color:#f0a11b}.extra-topic-box div,.solution-box div,.practice-detail-box div,.practice-example-box div{margin-top:8px;line-height:1.85;white-space:pre-wrap}.practice-answer{margin-top:16px;border:1px solid rgba(93,43,214,.16);border-radius:16px;padding:15px;background:#fff}.practice-answer summary{cursor:pointer;font-weight:800;color:#5d2bd6}.practice-answer div{margin-top:12px;line-height:1.85;white-space:pre-wrap}.practice-detail-card h2{margin:5px 0 0}.practice-detail-card .overline{color:#6d32ff}


/* V13 — course category navigation, responsive on desktop and mobile */
.course-category-nav{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 18px;padding:4px 0;align-items:center}
.category-chip{display:inline-flex;align-items:center;gap:5px;min-height:38px;padding:8px 13px;border:1px solid rgba(112,45,255,.13);border-radius:999px;background:var(--card,#fff);color:var(--text,#302b38);text-decoration:none;font-size:12px;font-weight:800;box-shadow:0 4px 15px rgba(35,20,65,.04);transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}
.category-chip small{font-size:10px;opacity:.62}
.category-chip:hover{transform:translateY(-2px);box-shadow:0 8px 22px rgba(35,20,65,.09)}
.category-chip.active{color:#fff;background:linear-gradient(135deg,#702dff,#9d5cff);border-color:transparent;box-shadow:0 9px 22px rgba(112,45,255,.20)}
.category-chip.active small{opacity:.9}
@media(max-width:700px){.course-category-nav{flex-wrap:nowrap;overflow-x:auto;padding:3px 1px 9px;-webkit-overflow-scrolling:touch;scrollbar-width:none}.course-category-nav::-webkit-scrollbar{display:none}.category-chip{flex:0 0 auto;min-height:36px;padding:8px 11px;font-size:10px}.category-chip small{font-size:9px}}

/* V15 — user course category behavior + profile course categories */
@media(min-width:901px){
  .user-course-category-nav{display:none!important}
}
@media(max-width:900px){
  .user-course-category-nav{flex-wrap:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:9px}
  .user-course-category-nav::-webkit-scrollbar{display:none}
  .user-course-category-nav .category-chip{flex:0 0 auto!important}
}
.profile-course-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:14px;margin-top:12px}
.profile-course-category-sidebar{border:1px solid #e8e2f0;border-radius:15px;background:#fbfaff;padding:9px;align-self:start;max-height:420px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#cfc3e8 transparent}
.profile-course-category-sidebar::-webkit-scrollbar{width:6px}.profile-course-category-sidebar::-webkit-scrollbar-thumb{background:#cfc3e8;border-radius:99px}
.profile-course-category-title{font-size:10px;font-weight:900;color:#2f2738;padding:8px 7px 10px;display:flex;gap:6px;align-items:center}
.profile-course-category-title i{color:#702dff}
.profile-course-cat{display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;border:0;background:transparent;color:#30283d;text-align:left;border-radius:10px;padding:8px 9px;font:inherit;font-size:9px;font-weight:800;cursor:pointer;transition:.18s ease}
.profile-course-cat b{font-size:8px;color:#51445f;flex:0 0 auto}.profile-course-cat:hover{background:#f0ecf8}.profile-course-cat.active{background:#702dff;color:#fff;box-shadow:0 6px 16px rgba(112,45,255,.18)}.profile-course-cat.active b{color:#fff}
.profile-course-mobile-nav{display:none}
@media(max-width:900px){
 .profile-course-layout{display:block}
 .profile-course-category-sidebar{display:none}
 .profile-course-mobile-nav{display:flex;gap:7px;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 0 11px;padding:2px 1px 8px}
 .profile-course-mobile-nav::-webkit-scrollbar{display:none}
 .profile-course-mobile-nav .profile-course-cat{flex:0 0 auto;width:auto;min-width:max-content;padding:8px 11px;border:1px solid #e3ddec;background:#fff;color:#30283d}
 .profile-course-mobile-nav .profile-course-cat b{color:#51445f}
 .profile-course-mobile-nav .profile-course-cat.active{background:#702dff;color:#fff;border-color:#702dff}.profile-course-mobile-nav .profile-course-cat.active b{color:#fff}
}

/* V16 — compact mobile course presentation + lightweight interaction */
@media(max-width:700px){
  .user-course-library{width:100%;gap:12px;margin-left:0;margin-right:0}
  .user-premium-course{width:100%;border-radius:18px;box-shadow:0 8px 24px rgba(48,38,90,.055)}
  .user-course-art{height:165px}
  .user-course-body{padding:14px}
  .user-course-body h2{font-size:18px}
  .profile-course-list{width:100%;gap:8px}
  .profile-course-item{width:100%;padding:11px;border-radius:13px}
}
@media(max-width:420px){
  .user-course-library{gap:10px}
  .user-course-art{height:158px}
  .user-course-body{padding:13px}
  .profile-course-item{padding:10px}
}

/* V16 — subtle, low-cost motion across the logged-in learning UI */
.user-premium-course,.profile-course-item,.quick-card,.course-category-nav .category-chip,.profile-course-cat{transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease}
.user-premium-course:hover,.profile-course-item:hover,.quick-card:hover{transform:translateY(-2px)}
@media(prefers-reduced-motion:reduce){
  .user-premium-course,.profile-course-item,.quick-card,.course-category-nav .category-chip,.profile-course-cat,*{animation:none!important;transition:none!important}
}

/* V12.2 — polished subscription checkout flow */
.checkout-empty-state{display:flex;align-items:center;gap:14px;padding:18px;border:1px dashed #ded5ef;background:linear-gradient(135deg,#fbf9ff,#fff);border-radius:18px;color:#6f667c}.checkout-empty-state>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;background:#eee7ff;color:#702dff;font-size:20px}.checkout-empty-state b,.checkout-empty-state small{display:block}.checkout-empty-state b{color:#322844;font-size:14px}.checkout-empty-state small{margin-top:3px;font-size:11px}.checkout-action-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px}.checkout-action-row .btn{flex:1;min-width:220px}.checkout-action-row .pill{white-space:nowrap}.plan-summary-dialog{max-width:520px}.plan-summary-icon{background:linear-gradient(135deg,#0aa99c,#702dff)}.plan-summary-card{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:20px 0 13px;padding:18px;border-radius:20px;background:linear-gradient(135deg,#f8f4ff,#fff);border:1px solid #e8def9}.plan-summary-card>div{padding:5px}.plan-summary-card small,.plan-summary-card strong{display:block}.plan-summary-card small{font-size:10px;color:#81778d;margin-bottom:5px}.plan-summary-card strong{font-size:16px;color:#302542}.plan-summary-card .summary-total{grid-column:1/-1;border-top:1px solid #e9e2f4;margin-top:3px;padding-top:14px;display:flex;align-items:center;justify-content:space-between}.plan-summary-card .summary-total b{font-size:27px;color:#5d2bd6}.summary-feature-note{display:flex;gap:9px;align-items:flex-start;padding:12px 14px;border-radius:14px;background:#f7fbfa;color:#6e7780;font-size:11px;margin-bottom:15px}.summary-feature-note i{color:#10a88b;margin-top:2px}.gateway-checkout-dialog{max-width:620px}.gateway-checkout-total{display:flex;align-items:center;justify-content:space-between;gap:15px;margin:18px 0 16px;padding:15px 17px;border-radius:18px;background:#241b3b;color:#fff}.gateway-checkout-total small,.gateway-checkout-total strong{display:block}.gateway-checkout-total small{font-size:9px;color:#bdb4cb}.gateway-checkout-total strong{font-size:14px;margin-top:3px}.gateway-checkout-total>b{font-size:23px}.gateway-selection-title{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:10px}.gateway-selection-title span{font-size:13px;font-weight:900;color:#322844}.gateway-selection-title small{font-size:10px;color:#8a8092}.gateway-details-panel{animation:gatewayDetailIn .32s cubic-bezier(.2,.8,.2,1)}@keyframes gatewayDetailIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.gateway-back-btn{border:0;background:#f1edf7;color:#635970;padding:8px 11px;border-radius:10px;font-weight:800;cursor:pointer;margin-bottom:14px}.gateway-detail-head{display:flex;gap:12px;align-items:center;padding:4px 0 13px}.gateway-detail-icon{width:48px;height:48px;border-radius:15px;background:#eee8ff;color:#702dff;display:grid;place-items:center;font-size:19px}.gateway-detail-head h3{margin:2px 0 2px;font-size:18px}.gateway-detail-head small{color:#8b8195;font-size:10px}.premium-gateway-card{position:relative;overflow:hidden}.premium-gateway-card:after{content:"";position:absolute;width:80px;height:80px;border-radius:50%;right:-34px;top:-34px;background:rgba(112,45,255,.06);transition:.3s}.premium-gateway-card:hover:after,.premium-gateway-card.selected:after{transform:scale(1.5);background:rgba(112,45,255,.1)}.gateway-arrow{transition:transform .25s ease}.premium-gateway-card:hover .gateway-arrow{transform:translateX(3px)}
/* Live Support Control */
.admin-live-grid{display:grid;grid-template-columns:minmax(260px,340px) 1fr;gap:16px}.admin-live-list{padding:8px;max-height:680px;overflow:auto}.admin-live-row{display:flex;align-items:center;gap:10px;padding:12px;border-radius:15px;text-decoration:none;color:inherit}.admin-live-row:hover,.admin-live-row.active{background:#f4efff}.lc-admin-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#eee8ff;color:#702dff}.admin-live-row span:nth-child(2){display:flex;flex-direction:column;min-width:0;flex:1}.admin-live-row b,.admin-live-row small,.admin-live-row em{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-live-row small,.admin-live-row em{font-size:11px;color:#8a8297}.admin-live-row em{font-style:normal}.admin-unread{background:#ff496c;color:#fff;border-radius:12px;padding:2px 7px;font-size:11px}.admin-live-thread-wrap{min-height:680px;display:flex;flex-direction:column}.admin-live-thread{flex:1;min-height:420px;max-height:550px;overflow:auto;padding:10px;background:#faf9ff;border-radius:18px}.lc-admin-msg{display:flex;margin:8px 0;max-width:85%}.lc-admin-msg.me{margin-left:auto;justify-content:flex-end}.lc-admin-msg>div{padding:10px 13px;border-radius:15px;background:#fff;border:1px solid #ece7f6}.lc-admin-msg.me>div{background:#702dff;color:#fff;border-color:#702dff}.lc-admin-msg p{margin:5px 0;line-height:1.5}.lc-admin-msg small{align-self:flex-end;font-size:10px;opacity:.5;margin:0 5px}.lc-admin-msg a{font-size:12px;color:inherit}.admin-live-compose{display:grid;grid-template-columns:1fr auto auto;gap:8px;margin-top:10px}.admin-chat-stats{display:flex;gap:6px;flex-wrap:wrap}.admin-two-fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-live-thread-wrap .section-head form{display:flex;gap:5px}.admin-live-thread-wrap .section-head select{width:auto;min-width:125px}@media(max-width:800px){.admin-live-grid{grid-template-columns:1fr}.admin-live-list{max-height:300px}.admin-live-thread-wrap{min-height:520px}.admin-two-fields{grid-template-columns:1fr}}
.admin-upload-preview{display:flex;align-items:center;gap:7px;padding:7px 9px;border:1px solid #e8e1f1;background:#faf8ff;border-radius:10px;font-size:10px;max-width:280px;margin-top:7px}.admin-upload-preview img{width:34px;height:34px;border-radius:7px;object-fit:cover}.admin-upload-preview span{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-upload-preview button{border:0;width:25px;height:25px;border-radius:50%;background:#eee8f6;color:#766b80;cursor:pointer}
/* Subscription card mobile clarity patch */
.modern-plan-card{position:relative;overflow:hidden;padding-top:24px}.modern-plan-card .plan-badge{position:relative;z-index:2;display:inline-flex;align-items:center;min-height:30px;padding:5px 12px;border-radius:999px;background:rgba(255,255,255,.92);color:#302645;font-weight:900;box-shadow:0 5px 16px rgba(35,20,70,.08)}.modern-plan-card>h2{position:relative;z-index:3;margin:12px 0 8px;color:#28213f;font-size:clamp(22px,4vw,30px);line-height:1.2;text-shadow:0 1px 0 #fff}.modern-plan-card .plan-price{position:relative;z-index:2}.modern-plan-card:before{pointer-events:none}.modern-plan-card .plan-detail-box,.modern-plan-card .plan-access-line,.modern-plan-card ul,.modern-plan-card .plan-value-note,.modern-plan-card .animated-plan-btn{position:relative;z-index:2}@media(max-width:600px){.modern-plan-card{padding:18px 16px 20px;border-radius:22px}.modern-plan-card .plan-badge{font-size:11px;max-width:100%;white-space:normal}.modern-plan-card>h2{display:block!important;visibility:visible!important;margin:10px 0 7px;font-size:24px;letter-spacing:.01em}.modern-plan-card .plan-price{font-size:30px}.modern-plan-card .plan-detail-box{margin-top:14px}.modern-plan-card .plan-detail-box p{font-size:12px;line-height:1.65}.modern-plan-card .plan-access-line{padding:10px}.modern-plan-card ul{padding-left:18px}}

/* V13 — responsive pricing polish, isolated to subscription cards */
.modern-plan-grid{content-visibility:auto;contain:layout style paint;gap:18px}
.modern-plan-card{isolation:isolate;transition:transform .18s ease,box-shadow .18s ease;will-change:auto}
.modern-plan-card .plan-price del{font-size:.42em;color:#9c93aa;font-weight:700;margin-right:5px}
.modern-plan-card .plan-discount{color:#0b9c79!important;font-weight:800}
.modern-plan-card .plan-badge,.modern-plan-card>h2,.modern-plan-card .plan-price{overflow-wrap:anywhere}
@media(max-width:850px){.modern-plan-grid{grid-template-columns:1fr!important;max-width:560px;margin-inline:auto}.modern-plan-card{min-height:0!important;padding:22px 20px!important}.modern-plan-card:before{height:108px!important}.modern-plan-card>h2{font-size:25px!important;color:#302744!important;text-shadow:none!important;margin-top:14px!important}.modern-plan-card .plan-badge{width:max-content;max-width:100%;color:#302744!important;background:#fff!important}.modern-plan-card .plan-price{font-size:32px!important}.modern-plan-card .plan-detail-box{background:#fff;border-color:#e9e1f3}.modern-plan-card .plan-access-line{background:#f8f4ff}.modern-plan-card ul{margin-top:4px!important}}
@media(prefers-reduced-motion:reduce){.modern-plan-card,.animated-plan-btn:after{animation:none!important;transition:none!important}}

/* V17 — premium subscription title visibility fix (isolated) */
.modern-plan-card{padding-top:22px!important;overflow:hidden;isolation:isolate}
.modern-plan-card>h2{display:inline-flex!important;align-items:center;align-self:flex-start;position:relative;z-index:8!important;max-width:100%;box-sizing:border-box;margin:10px 0 12px!important;padding:0!important;border-radius:0!important;color:#2b2340!important;text-shadow:none!important;letter-spacing:.045em!important;line-height:1.15!important;white-space:normal!important;overflow-wrap:anywhere!important;background:transparent!important;box-shadow:none!important;border:0!important}
.modern-plan-card .plan-badge{z-index:9!important;max-width:100%;box-sizing:border-box}
.modern-plan-card .plan-price{z-index:7!important;margin-top:2px!important}
.modern-plan-card:nth-child(1)>h2,.modern-plan-card:nth-child(2)>h2,.modern-plan-card:nth-child(3)>h2{color:#2b2340!important;text-shadow:none!important}
@media(max-width:850px){
  .modern-plan-card{padding:18px 16px 20px!important;border-radius:22px!important}
  .modern-plan-card:before{height:146px!important;border-radius:22px 22px 42% 42%!important}
  .modern-plan-card>h2{font-size:clamp(21px,6vw,27px)!important;margin:8px 0 12px!important;padding:7px 12px!important;letter-spacing:.035em!important}
  .modern-plan-card .plan-badge{font-size:11px!important;min-height:30px}
  .modern-plan-card .plan-price{font-size:31px!important}
}
@media(max-width:380px){.modern-plan-card>h2{font-size:21px!important;max-width:92%}}

/* V14 — subscription card header containment fix
   Keeps plan title inside the colored header and prevents price overlap. */
.modern-plan-card{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  padding:28px 24px 24px!important;
}
.modern-plan-card:before{
  z-index:0!important;
  pointer-events:none;
}
.modern-plan-card>.plan-badge{
  position:relative;
  z-index:4;
  display:inline-flex;
  align-items:center;
  max-width:100%;
  box-sizing:border-box;
  white-space:normal;
  overflow-wrap:anywhere;
  line-height:1.35;
  margin:0;
}
.modern-plan-card>h2{
  position:relative;
  z-index:4;
  display:table;
  width:auto;
  max-width:100%;
  box-sizing:border-box;
  margin:12px 0 0!important;
  padding:8px 14px;
  border-radius:13px;
  background:rgba(255,255,255,.97);
  color:#25213d!important;
  text-shadow:none!important;
  font-size:clamp(18px,2.1vw,25px)!important;
  line-height:1.18;
  letter-spacing:.045em;
  overflow-wrap:anywhere;
  word-break:normal;
}
.modern-plan-card>.plan-price{
  position:relative;
  z-index:4;
  display:block;
  clear:both;
  margin-top:26px!important;
  line-height:1.12;
  overflow-wrap:anywhere;
}
.modern-plan-card>.plan-price small{
  display:inline;
  line-height:1.5;
}
@media(max-width:850px){
  .modern-plan-card{
    padding:22px 18px 22px!important;
  }
  .modern-plan-card>h2{
    margin-top:10px!important;
    padding:8px 12px;
    font-size:22px!important;
  }
  .modern-plan-card>.plan-price{
    margin-top:24px!important;
    font-size:clamp(30px,8vw,36px)!important;
  }
}
@media(max-width:420px){
  .modern-plan-card>h2{
    max-width:100%;
    font-size:20px!important;
    letter-spacing:.025em;
  }
}


/* V18 — reference-inspired premium subscription header layout
   Isolated to subscription cards; payment and plan logic unchanged. */
.modern-plan-card{
  position:relative!important;
  overflow:hidden!important;
  isolation:isolate!important;
  padding:142px 24px 24px!important;
  border-radius:18px!important;
  background:#fff!important;
}
.modern-plan-card:before{
  height:112px!important;
  border-radius:18px 18px 46% 46%!important;
  z-index:0!important;
  pointer-events:none!important;
}
.modern-plan-card>.plan-badge{
  position:absolute!important;
  top:12px!important;
  left:14px!important;
  z-index:5!important;
  max-width:calc(100% - 28px)!important;
  min-height:24px!important;
  padding:4px 10px!important;
  font-size:10px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  border-radius:999px!important;
}
.modern-plan-card>h2{
  position:absolute!important;
  top:22px!important;
  right:0!important;
  z-index:5!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:58%!important;
  min-height:60px!important;
  max-width:58%!important;
  box-sizing:border-box!important;
  margin:0!important;
  padding:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:clamp(17px,1.8vw,23px)!important;
  line-height:1.15!important;
  letter-spacing:.035em!important;
  text-align:center!important;
  text-transform:uppercase!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
  text-shadow:none!important;
  box-shadow:none!important;
  border:0!important;
}



.modern-plan-card>.plan-price{
  position:absolute!important;
  top:35px!important;
  left:24px!important;
  z-index:6!important;
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:3px!important;
  width:39%!important;
  max-width:39%!important;
  margin:0!important;
  color:#21194f!important;
  font-size:clamp(25px,2.5vw,35px)!important;
  font-weight:900!important;
  line-height:1.1!important;
  overflow-wrap:anywhere!important;
}
.modern-plan-card>.plan-price del{
  display:block!important;
  width:100%!important;
  font-size:10px!important;
  line-height:1.2!important;
}
.modern-plan-card>.plan-price small{
  font-size:10px!important;
  line-height:1.4!important;
  color:#777087!important;
  font-weight:700!important;
}
.modern-plan-card>.plan-price .plan-discount{
  color:#0b9c79!important;
}
@media(max-width:850px){
  .modern-plan-card{
    padding:142px 18px 22px!important;
    border-radius:20px!important;
  }
  .modern-plan-card:before{
    height:116px!important;
    border-radius:20px 20px 45% 45%!important;
  }
  .modern-plan-card>h2{
    top:24px!important;
    width:58%!important;
    max-width:58%!important;
    min-height:58px!important;
    font-size:clamp(18px,5vw,25px)!important;
  }
  .modern-plan-card>.plan-price{
    top:37px!important;
    left:18px!important;
    width:38%!important;
    max-width:38%!important;
    font-size:clamp(25px,7vw,34px)!important;
  }
}
@media(max-width:420px){
  .modern-plan-card{
    padding:138px 16px 20px!important;
  }
  .modern-plan-card>.plan-badge{
    left:12px!important;
    top:10px!important;
    max-width:calc(100% - 24px)!important;
    font-size:9px!important;
  }
  .modern-plan-card>h2{
    top:25px!important;
    width:57%!important;
    max-width:57%!important;
    min-height:54px!important;
    padding:0!important;
    font-size:19px!important;
    letter-spacing:.015em!important;
  }
  .modern-plan-card>.plan-price{
    top:39px!important;
    left:16px!important;
    width:39%!important;
    max-width:39%!important;
    font-size:clamp(24px,8vw,31px)!important;
  }
}


/* V19 — flat premium subscription cards: high-contrast light typography */
.modern-plan-card{
  border-radius:0!important;
}
.modern-plan-card:before{
  border-radius:0!important;
}
.modern-plan-card>.plan-badge{
  border-radius:6px!important;
}
.modern-plan-card>h2{
  border-radius:6px 0 0 6px!important;
  color:#fff!important;
  text-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}
.modern-plan-card>.plan-price{
  color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.28)!important;
}
.modern-plan-card>.plan-price small{
  color:rgba(255,255,255,.92)!important;
  text-shadow:0 1px 2px rgba(0,0,0,.2)!important;
}
.modern-plan-card>.plan-price del{
  color:rgba(255,255,255,.78)!important;
}
.modern-plan-card>.plan-price .plan-discount{
  color:#fff!important;
}
@media(max-width:850px){
  .modern-plan-card{border-radius:0!important}
  .modern-plan-card:before{border-radius:0!important}
  .modern-plan-card>h2{border-radius:6px 0 0 6px!important}
}

/* V11 — ensure every subscription package title stays light/white */
.modern-plan-card > h2,
.modern-plan-card > h2 * {
  color: #ffffff !important;
  -webkit-text-fill-color: #ffffff !important;
  text-shadow: 0 1px 3px rgba(0,0,0,.22) !important;
}
/* V20 — subscription plan titles sit directly on the card background.
   No title box, pill, rectangle, border or shadow. */
.modern-plan-card>h2{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  padding:0!important;
}
.modern-plan-card:nth-child(1)>h2{
  color:#17122b!important;
  -webkit-text-fill-color:#17122b!important;
  text-shadow:none!important;
}
.modern-plan-card:nth-child(2)>h2,.modern-plan-card:nth-child(3)>h2{
  color:#fff!important;
  -webkit-text-fill-color:#fff!important;
  text-shadow:0 1px 3px rgba(0,0,0,.22)!important;
}

/* Course outline preview — additive, isolated component */
body.outline-modal-open{overflow:hidden}
.course-outline-trigger{display:inline-flex;align-items:center;justify-content:center;gap:8px;margin:12px 0 4px;padding:10px 14px;border:1px solid rgba(112,45,255,.20);border-radius:12px;background:rgba(112,45,255,.06);color:#6330d8;font:inherit;font-size:13px;font-weight:800;cursor:pointer;transition:background .18s,transform .18s}
.course-outline-trigger:hover{background:rgba(112,45,255,.12);transform:translateY(-1px)}
.course-outline-modal{position:fixed;inset:0;z-index:10050;display:grid;place-items:center;padding:18px}
.course-outline-modal[hidden]{display:none!important}
.course-outline-backdrop{position:absolute;inset:0;background:rgba(12,10,28,.68);backdrop-filter:blur(5px)}
.course-outline-dialog{position:relative;z-index:1;width:min(760px,100%);max-height:min(88vh,820px);overflow:auto;background:#fff;border:1px solid rgba(112,45,255,.16);border-radius:22px;padding:28px;box-shadow:0 24px 90px rgba(16,10,40,.32)}
.course-outline-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border:0;border-radius:50%;background:#f2effa;color:#4b3c69;cursor:pointer;font-size:16px}
.course-outline-dialog h2{margin:8px 44px 8px 0;color:#24213e;font-size:clamp(22px,3vw,32px);line-height:1.2}
.course-outline-intro{margin:0 0 18px;color:#6c6680;line-height:1.7;font-size:14px}
.course-outline-list{display:grid;gap:12px}
.course-outline-module{border:1px solid #ece7f6;border-radius:16px;padding:16px;background:linear-gradient(180deg,#fff,#fbfaff)}
.course-outline-module-head{display:flex;gap:12px;align-items:flex-start}.course-outline-module-head>span{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:#eee7ff;color:#6d32e9;font-weight:900}.course-outline-module h3{margin:0;color:#28223f;font-size:16px}.course-outline-module p{margin:5px 0 0;color:#77708c;font-size:13px;line-height:1.6}.course-outline-module ol{margin:14px 0 0;padding-left:28px;display:grid;gap:10px}.course-outline-module li{padding-left:4px;color:#403753}.course-outline-module li::marker{color:#8a54ef;font-weight:800}.course-outline-module li b{display:block;font-size:13px}.course-outline-module li small{display:block;margin-top:3px;color:#817891;line-height:1.5}.course-outline-module li em{display:block;margin-top:5px;color:#9b3e6d;font-size:11px;font-style:normal;font-weight:700}.course-outline-empty{padding:24px;text-align:center;color:#756b89}.course-outline-empty i{font-size:28px;color:#8b50ed;display:block;margin-bottom:10px}.course-outline-empty p{font-size:13px}.course-outline-cta{display:grid;gap:5px;margin-top:18px;padding:18px;border-radius:16px;background:linear-gradient(135deg,#6d32e9,#a44cf4);color:#fff}.course-outline-cta strong{font-size:18px}.course-outline-cta span{font-size:13px;opacity:.9}.course-outline-cta .btn{justify-self:start;margin-top:8px;background:#fff;color:#5d24cb;border:0}
@media(max-width:600px){.course-outline-modal{padding:10px}.course-outline-dialog{padding:22px 16px;border-radius:18px;max-height:92vh}.course-outline-trigger{width:100%;font-size:12px}.course-outline-dialog h2{font-size:23px}.course-outline-module{padding:13px}.course-outline-cta .btn{width:100%}}

/* Course outline preview: premium theme-matched modal and readable CTA */
.course-outline-dialog{background:linear-gradient(145deg,#24112f 0%,#4b173f 52%,#8f285f 100%);border:1px solid rgba(255,167,218,.34);box-shadow:0 28px 100px rgba(35,5,35,.58);color:#fff}
.course-outline-dialog h2,.course-outline-dialog h3,.course-outline-dialog strong,.course-outline-dialog b{color:#fff}
.course-outline-intro,.course-outline-module p,.course-outline-module li,.course-outline-module li small{color:rgba(255,255,255,.84)}
.course-outline-module{background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,92,177,.09));border:1px solid rgba(255,255,255,.18);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}
.course-outline-module-head>span{background:linear-gradient(135deg,#ff7ac8,#d83d91);color:#fff;box-shadow:0 5px 18px rgba(255,73,166,.24)}
.course-outline-module li::marker{color:#ff9bd4}
.course-outline-module li em{color:#ffb5df}
.course-outline-close{background:rgba(255,255,255,.16);color:#fff;border:1px solid rgba(255,255,255,.22)}
.course-outline-cta{background:linear-gradient(135deg,#d93691,#ff6bbd);border:1px solid rgba(255,255,255,.2);box-shadow:0 10px 28px rgba(255,46,151,.22)}
.course-outline-cta span{color:rgba(255,255,255,.9)}
.course-outline-cta .btn{font-size:14px;font-weight:900;padding:12px 18px;background:#fff;color:#9b2468}
@media(max-width:600px){.course-outline-dialog{background:linear-gradient(160deg,#24112f,#6a1e50 65%,#9e2f69)}.course-outline-cta strong{font-size:17px}.course-outline-cta .btn{font-size:14px;padding:13px 16px}}

/* V14: full-screen, stable, mobile-first course outline experience */
.course-outline-modal{position:fixed!important;inset:0!important;display:flex!important;align-items:stretch!important;justify-content:center!important;padding:0!important;z-index:10050!important;opacity:1;visibility:visible;transition:opacity .22s ease,visibility .22s ease}
.course-outline-modal[hidden]{display:none!important;opacity:0;visibility:hidden}
.course-outline-backdrop{position:absolute;inset:0;background:rgba(17,5,25,.78);backdrop-filter:blur(10px)}
.course-outline-dialog{position:relative;z-index:1;width:100%;max-width:1240px;height:100%;max-height:none;overflow-y:auto;overscroll-behavior:contain;border-radius:0!important;padding:58px 18px 28px;background:linear-gradient(145deg,#211025 0%,#501536 52%,#98245f 100%);color:#fff;box-shadow:0 0 80px rgba(20,0,20,.45);animation:outlineIn .24s ease both}
.course-outline-dialog h2,.course-outline-dialog h3,.course-outline-dialog strong,.course-outline-dialog b{color:#fff}
.course-outline-list{display:grid;grid-template-columns:1fr;gap:14px}
.course-outline-module{min-width:0;border-radius:18px;background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,102,186,.08));border:1px solid rgba(255,255,255,.2);padding:16px;box-shadow:inset 0 1px rgba(255,255,255,.08)}
.course-outline-close{position:fixed!important;right:16px;top:14px;z-index:3;width:40px;height:40px;border-radius:12px;background:rgba(255,255,255,.18);color:#fff;border:1px solid rgba(255,255,255,.3);cursor:pointer}
.course-outline-trigger{background:linear-gradient(135deg,#f04b9d,#a52b75)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important;box-shadow:0 6px 18px rgba(180,35,113,.18)}
@keyframes outlineIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:700px){.course-outline-dialog{padding:70px 28px 34px}.course-outline-list{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}.course-outline-intro,.course-outline-dialog>h2,.course-outline-dialog>.overline{grid-column:1/-1}}
@media(min-width:1100px){.course-outline-list{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.course-outline-dialog{padding:64px 12px 24px}.course-outline-module{padding:14px}.course-outline-cta{margin-top:16px}.course-outline-dialog h2{font-size:24px}}

/* V15: stable body-level outline modal; never render inside course cards */
body.outline-modal-open{overflow:hidden!important}
.course-outline-modal{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;display:flex!important;align-items:stretch!important;justify-content:center!important;padding:0!important;z-index:2147483000!important;isolation:isolate!important}
.course-outline-modal[hidden]{display:none!important}
.course-outline-backdrop{position:absolute!important;inset:0!important;background:rgba(18,8,27,.76)!important;backdrop-filter:blur(8px)!important}
.course-outline-dialog{position:relative!important;z-index:1!important;width:100%!important;max-width:1440px!important;height:100%!important;max-height:none!important;overflow-y:auto!important;overscroll-behavior:contain!important;border-radius:0!important;background:#fff!important;color:#17131d!important;padding:72px 24px 34px!important;box-shadow:0 0 80px rgba(0,0,0,.3)!important}
.course-outline-dialog h2,.course-outline-dialog h3,.course-outline-dialog strong,.course-outline-dialog b{color:#17131d!important}
.course-outline-intro,.course-outline-module p,.course-outline-module li,.course-outline-module li small{color:#34313b!important}
.course-outline-list{display:grid!important;grid-template-columns:1fr!important;gap:18px!important;max-width:1360px!important;margin:0 auto!important}
.course-outline-module{min-width:0!important;background:#fff!important;border:1px solid #eadfea!important;border-radius:14px!important;padding:18px!important;box-shadow:0 8px 24px rgba(80,35,90,.08)!important}
.course-outline-module-head>span{background:linear-gradient(135deg,#f04b9d,#a52b75)!important;color:#fff!important}
.course-outline-module li::marker{color:#b42b7b!important}
.course-outline-module li em{color:#a52b75!important}
.course-outline-close{position:fixed!important;right:18px!important;top:16px!important;z-index:4!important;background:#b52b7c!important;color:#fff!important;border:1px solid #d85aa0!important;border-radius:12px!important;width:42px!important;height:42px!important}
.course-outline-trigger{background:linear-gradient(135deg,#f04b9d,#a52b75)!important;color:#fff!important;border-color:transparent!important}
.course-outline-cta{background:linear-gradient(135deg,#b52b7c,#ed5aa9)!important;color:#fff!important;border-radius:14px!important}
.course-outline-cta strong,.course-outline-cta span{color:#fff!important}
.course-outline-cta .btn{background:#fff!important;color:#a52b75!important}
@media(min-width:700px){.course-outline-dialog{padding:76px 30px 38px!important}.course-outline-list{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(min-width:1000px){.course-outline-list{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(min-width:1350px){.course-outline-list{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:600px){.course-outline-dialog{padding:68px 12px 24px!important}.course-outline-module{padding:14px!important}.course-outline-close{right:12px!important;top:12px!important}.course-outline-cta .btn{width:100%!important}}


/* V16.1 — course library desktop category sidebar + instant client-side filtering */
.course-library-shell{display:grid;grid-template-columns:210px minmax(0,1fr);gap:18px;align-items:start;margin-top:4px}
.course-library-sidebar{position:sticky;top:84px;max-height:calc(100vh - 108px);overflow-y:auto;scrollbar-width:thin}
.course-library-main{min-width:0}
.course-mobile-category-nav{display:none}
.course-filter-btn{font-family:inherit}
@media(min-width:901px){
  .user-course-library-sidebar{display:block}
}
@media(max-width:900px){
  .course-library-shell{display:block}
  .user-course-library-sidebar{display:none}
  .course-mobile-category-nav{display:flex;gap:8px;overflow-x:auto;flex-wrap:nowrap;white-space:nowrap;scrollbar-width:none;-webkit-overflow-scrolling:touch;margin:0 0 14px;padding:2px 1px 8px}
  .course-mobile-category-nav::-webkit-scrollbar{display:none}
  .course-mobile-category-nav .category-chip{flex:0 0 auto}
}
.course-outline-module-count{display:inline-block;margin-top:5px;color:rgba(255,255,255,.64)!important;font-size:10px}
.outline-step-meta{display:flex;flex-wrap:wrap;gap:5px;margin-top:7px}
.outline-meta-chip{display:inline-flex;align-items:center;gap:4px;padding:4px 7px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.82);font-size:10px;font-weight:800}
.outline-meta-chip i{font-size:9px}
.outline-meta-chip.practice{color:#d7ffd9}
.outline-meta-chip.challenge{color:#ffd4ed}
.outline-meta-chip.quiz{color:#e2d7ff}
.course-outline-loading{display:flex;align-items:center;justify-content:center;gap:10px;min-height:120px;border:1px dashed rgba(255,255,255,.20);border-radius:16px;color:rgba(255,255,255,.82);font-size:13px}
.course-outline-error{padding:24px;text-align:center;border:1px solid rgba(255,255,255,.16);border-radius:16px;color:rgba(255,255,255,.86)}
.course-outline-error i{display:block;font-size:26px;margin-bottom:9px}
.course-outline-error p{font-size:13px}
@media(max-width:600px){
  .course-library-shell{margin-top:0}
  .course-library-sidebar{display:none}
  .course-outline-loading{min-height:100px}
  .outline-step-meta{gap:4px}
  .outline-meta-chip{font-size:9px;padding:4px 6px}
}

/* V16.2 — outline-only protection: topic names are visible; lesson content is not. */
.course-outline-dialog[data-outline-protected]{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.course-outline-module .outline-topic-name{display:block;font-size:14px;line-height:1.5}
.course-outline-module-tools{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid rgba(255,255,255,.14);font-size:12px}
.course-outline-module-tools strong{font-weight:900}
.course-outline-module-tools span,.outline-meta-chip{display:inline-flex;align-items:center;gap:5px;padding:6px 9px;border-radius:999px;background:rgba(255,255,255,.10);font-weight:900}
.course-outline-protection-note{display:grid;gap:4px;margin-top:16px;padding:14px 16px;border-radius:14px;background:rgba(0,0,0,.16);border:1px solid rgba(255,255,255,.14)}
.course-outline-protection-note strong{font-size:14px;font-weight:950}
.course-outline-protection-note span{font-size:12px;line-height:1.6;color:rgba(255,255,255,.82)}
/* V16.3 — isolated UX polish: premium billing cards + mobile outline safe area */
.modern-plan-card{position:relative;overflow:hidden;border:1px solid rgba(112,45,255,.12);box-shadow:0 14px 40px rgba(45,20,90,.08);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.modern-plan-card:hover{transform:translateY(-4px);box-shadow:0 22px 55px rgba(45,20,90,.13);border-color:rgba(112,45,255,.24)}
.modern-plan-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#702dff,#c34cff);opacity:.9}
.modern-payment-card,.modern-payment-help{box-shadow:0 16px 48px rgba(45,20,90,.07)}
@media(max-width:600px){.course-outline-dialog{padding-bottom:42px!important}.course-outline-cta{margin-bottom:18px!important}.course-outline-cta .btn{margin-bottom:2px!important}.modern-plan-card{box-shadow:0 10px 30px rgba(45,20,90,.07)}}

/* V21.2 — course library category discovery + mobile stability */
.course-discovery{margin:0 0 18px;padding:18px 18px 20px;border:1px solid #ebe6f5;background:linear-gradient(145deg,#fff,#faf8ff);box-shadow:0 12px 32px rgba(48,30,96,.06);overflow:hidden}
.course-discovery-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}.course-discovery-head h2{margin:4px 0 3px;font-size:20px;letter-spacing:-.02em}.course-discovery-head p{margin:0;color:#8a8295;font-size:10px;line-height:1.65}.course-discovery-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.course-discovery-card{appearance:none;border:1px solid #ece8f5;background:#fff;border-radius:15px;min-height:104px;padding:10px 7px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;font-family:inherit;color:#30283e;box-shadow:0 6px 18px rgba(53,35,94,.04);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.course-discovery-card:hover{transform:translateY(-3px);border-color:#d8caf7;box-shadow:0 13px 25px rgba(91,48,170,.10)}.course-discovery-card.active{border-color:#cbb8f5;background:linear-gradient(145deg,#f3edff,#fff);box-shadow:0 12px 25px rgba(112,45,255,.10)}.course-discovery-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#edf4ff;color:#3676e9;font-size:16px;margin-bottom:7px}.course-discovery-card:nth-child(3n) .course-discovery-icon{background:#fff0f5;color:#e85d87}.course-discovery-card:nth-child(4n) .course-discovery-icon{background:#eafbf3;color:#18a777}.course-discovery-card:nth-child(5n) .course-discovery-icon{background:#f0ebff;color:#7041e8}.course-discovery-card:nth-child(6n) .course-discovery-icon{background:#fff5df;color:#e49c1d}.course-discovery-icon.all{background:#eee9ff!important;color:#6c35e9!important}.course-discovery-card b{font-size:9.5px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.course-discovery-card small{font-size:7.5px;color:#938b9e;font-weight:800;margin-top:3px}.course-discovery-card.active b{color:#6030d7}.course-library-main{min-width:0}.course-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.course-toolbar .search-box{flex:1;min-width:220px}.course-toolbar .search-box input{min-width:0;width:100%}.course-library-shell .user-course-library{min-width:0}
@media(max-width:1100px) and (min-width:901px){.course-discovery-grid{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.course-discovery{padding:15px;margin-bottom:14px}.course-discovery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.course-discovery-card{min-height:94px}.course-library-shell{width:100%}.course-toolbar{align-items:stretch}.course-toolbar .search-box{min-width:0;flex:1}.course-toolbar .pill{white-space:nowrap}}
@media(max-width:650px){.course-discovery-head{align-items:flex-start;flex-direction:column;gap:8px}.course-discovery-head h2{font-size:17px}.course-discovery-head p{font-size:9px}.course-discovery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.course-discovery-card{min-height:88px;border-radius:13px;padding:8px 4px}.course-discovery-icon{width:35px;height:35px;border-radius:11px;font-size:14px;margin-bottom:5px}.course-discovery-card b{font-size:8px}.course-discovery-card small{font-size:7px}.course-toolbar{gap:7px}.course-toolbar .search-box{width:100%;flex-basis:100%;min-height:44px}.course-toolbar .pill{margin-left:auto}.user-premium-course{border-radius:18px}.user-course-art{height:165px}.user-course-body{padding:14px}.user-course-body h2{font-size:17px}.user-course-body p{font-size:10px}.user-course-meta span{font-size:8px}.user-course-foot{align-items:stretch;flex-direction:column}.user-course-foot .btn{width:100%}}
@media(max-width:380px){.course-discovery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}


/* V23 — mobile interaction, payment modal and profile CTA safety */
html{scroll-behavior:smooth}
.user-course-library{content-visibility:visible;contain:none}
.course-library-loading{min-height:240px;display:grid;place-items:center;gap:8px;border:1px dashed #ddd4ef;border-radius:18px;background:linear-gradient(145deg,#fff,#faf8ff);color:#756b85;text-align:center;padding:24px}.course-library-loading i{font-size:22px;color:#702dff}
.payment-modal{z-index:2147483000!important;padding:max(10px,env(safe-area-inset-top)) max(10px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));align-items:center;overflow:auto}
.payment-modal-dialog{max-height:calc(100dvh - 20px);overscroll-behavior:contain}
.payment-modal-form input,.payment-modal-form textarea,.payment-modal-form button{touch-action:manipulation}
.profile-upgrade-cta{position:relative;z-index:4;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:transparent;min-height:44px}
@media(max-width:900px){.main{padding-bottom:96px}.container{width:min(100% - 28px,1180px)}.user-premium-course{min-width:0;overflow:hidden}.user-course-body{min-width:0}.user-course-body h2,.user-course-body p{overflow-wrap:anywhere}.user-course-foot .btn{touch-action:manipulation}.profile-upgrade-banner{position:relative;z-index:2;margin-bottom:20px;padding-bottom:22px}.profile-upgrade-banner .profile-upgrade-cta{width:100%;justify-content:center}}
@media(max-width:600px){body{overflow-x:hidden}.payment-modal{padding:8px 8px calc(8px + env(safe-area-inset-bottom));align-items:flex-start}.payment-modal-dialog{width:100%;margin:auto 0;max-height:calc(100dvh - 16px);padding:18px 14px 22px;border-radius:20px}.payment-modal-head{padding-right:38px;align-items:flex-start}.payment-modal-icon{width:46px;height:46px;flex:0 0 46px;border-radius:14px}.payment-modal-head h2{font-size:18px;line-height:1.3}.payment-modal-head p{font-size:10px;line-height:1.5}.gateway-checkout-total{gap:8px}.payment-account-box{padding:13px;margin:13px 0}.payment-account-box strong{font-size:17px}.payment-modal-form{gap:10px}.payment-modal-form .input{font-size:14px;min-height:44px}.payment-modal-form textarea.input{min-height:78px}.payment-submit-modal{position:sticky;bottom:0;z-index:3;min-height:48px;box-shadow:0 -10px 22px rgba(255,255,255,.9)}.payment-modal-safe{font-size:9px;line-height:1.55;padding-bottom:4px}.profile-upgrade-banner{margin-bottom:28px}.profile-upgrade-banner .profile-upgrade-cta{min-height:48px;font-size:13px}.bottom-nav{z-index:2147482000!important}.live-chat-widget{z-index:2147483646!important}.lc-panel{z-index:2147483647!important}}
@media(max-width:380px){.payment-modal-dialog{padding:16px 11px 20px}.payment-modal-head h2{font-size:17px}.payment-account-box strong{font-size:15px}.payment-submit-modal{font-size:12px!important}}


/* V23.1 — larger, clearer user-panel category labels */
.course-discovery-card b{font-size:11.5px;line-height:1.45;min-height:2.9em}
@media(max-width:650px){.course-discovery-card b{font-size:10.5px;line-height:1.4;min-height:2.8em}.course-discovery-card small{font-size:7.8px}}

/* V24 — PWA install modal works on authenticated user pages too. */
body.pwa-install-open{overflow:hidden!important}
.lp-install-modal[hidden]{display:none!important}
.lp-install-modal{position:fixed!important;inset:0!important;z-index:2147483640!important;display:grid!important;place-items:center!important;padding:18px!important}
.lp-install-backdrop{position:absolute!important;inset:0!important;background:rgba(20,14,42,.66)!important;backdrop-filter:blur(9px)!important;-webkit-backdrop-filter:blur(9px)!important}
.lp-install-dialog{position:relative!important;z-index:1!important;width:min(440px,100%)!important;padding:30px 24px 24px!important;border:1px solid rgba(255,255,255,.9)!important;border-radius:26px!important;background:rgba(255,255,255,.98)!important;box-shadow:0 30px 90px rgba(15,8,40,.34)!important;text-align:center!important;animation:appPwaPop .25s cubic-bezier(.2,.8,.2,1) both}
.lp-install-close{position:absolute!important;right:13px!important;top:13px!important;width:36px!important;height:36px!important;border:0!important;border-radius:11px!important;background:#f1edff!important;color:#6332e7!important;cursor:pointer!important;touch-action:manipulation!important}
.lp-install-logo{width:78px!important;height:78px!important;margin:0 auto 14px!important;border-radius:23px!important;display:grid!important;place-items:center!important;background:linear-gradient(135deg,#5f2ce9,#8b62ff)!important;color:#fff!important;font-size:31px!important;box-shadow:0 16px 34px rgba(91,45,225,.25)!important;overflow:hidden!important}
.lp-install-logo img{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;border-radius:inherit!important}
.lp-install-dialog h2{font-size:25px!important;line-height:1.25!important;margin:10px 0 8px!important;color:#2e2940!important}
.lp-install-dialog>p{font-size:11px!important;line-height:1.8!important;color:#777084!important;margin:0 auto 17px!important;max-width:350px!important}
.lp-install-confirm{width:100%!important;min-height:50px!important;font-size:12px!important;touch-action:manipulation!important}
.lp-install-help{margin-top:13px!important;padding:11px 12px!important;border-radius:13px!important;background:#f7f4ff!important;color:#756e83!important;font-size:9px!important;line-height:1.7!important;display:flex!important;align-items:flex-start!important;gap:8px!important;text-align:left!important}
.lp-install-help i{color:#6332e7!important;font-size:13px!important;margin-top:2px!important}
.profile-install-app-btn{touch-action:manipulation!important;position:relative!important;z-index:5!important;-webkit-tap-highlight-color:transparent!important}
@keyframes appPwaPop{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:600px){.lp-install-modal{padding:10px!important}.lp-install-dialog{width:100%!important;max-height:calc(100dvh - 20px)!important;overflow:auto!important;padding:27px 16px 19px!important;border-radius:22px!important}.lp-install-logo{width:70px!important;height:70px!important;border-radius:20px!important}.lp-install-dialog h2{font-size:21px!important}.lp-install-dialog>p{font-size:10px!important}.lp-install-confirm{min-height:52px!important;font-size:12px!important}.profile-install-app-btn{min-height:48px!important}}
@media(prefers-reduced-motion:reduce){.lp-install-dialog{animation:none!important}}

/* V25 — industrial learning dashboard / rewards experience */
.ux25-dashboard-hero{position:relative;overflow:hidden;display:flex;justify-content:space-between;gap:28px;align-items:center;padding:34px 38px;border-radius:30px;background:radial-gradient(circle at 78% 20%,rgba(255,255,255,.24),transparent 22%),linear-gradient(125deg,#4320b7 0%,#702dff 48%,#9a5cff 100%);color:#fff;box-shadow:0 28px 70px rgba(75,38,180,.22);margin-bottom:18px}.ux25-dashboard-hero:after{content:"";position:absolute;right:-90px;bottom:-140px;width:330px;height:330px;border-radius:50%;border:1px solid rgba(255,255,255,.16);box-shadow:0 0 0 45px rgba(255,255,255,.035),0 0 0 90px rgba(255,255,255,.025);pointer-events:none}.ux25-hero-copy{position:relative;z-index:2;max-width:720px}.ux25-eyebrow{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.12);backdrop-filter:blur(10px);border-radius:999px;font-size:10px;font-weight:900}.ux25-dashboard-hero h1{font-size:34px;line-height:1.18;margin:14px 0 9px;letter-spacing:-.03em}.ux25-dashboard-hero p{margin:0;color:rgba(255,255,255,.82);font-size:13px;line-height:1.8}.ux25-hero-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:20px}.ux25-dashboard-hero .btn-white{color:#4f24bf;background:#fff;border:0}.ux25-ghost-btn{display:inline-flex;align-items:center;gap:7px;padding:12px 16px;border-radius:13px;color:#fff;border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.09);font-size:11px;font-weight:900;text-decoration:none}.ux25-hero-orbit{position:relative;z-index:2;width:220px;height:220px;flex:0 0 220px;display:grid;place-items:center}.ux25-ring{position:absolute;inset:10px;border-radius:50%;border:1px dashed rgba(255,255,255,.35);box-shadow:0 0 0 18px rgba(255,255,255,.04),0 0 0 36px rgba(255,255,255,.025);animation:ux25Spin 18s linear infinite}.ux25-orbit-core{width:126px;height:126px;border-radius:38px;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.24);backdrop-filter:blur(12px);display:grid;place-items:center;align-content:center;text-align:center;box-shadow:0 20px 50px rgba(0,0,0,.16)}.ux25-orbit-core strong{font-size:34px;line-height:1}.ux25-orbit-core span{font-size:9px;margin-top:6px;color:rgba(255,255,255,.75)}.ux25-orbit-chip{position:absolute;padding:8px 10px;border-radius:12px;background:#fff;color:#4e26b9;font-size:9px;font-weight:900;box-shadow:0 12px 28px rgba(0,0,0,.14)}.chip-a{left:-2px;top:35px}.chip-b{right:-4px;bottom:34px}@keyframes ux25Spin{to{transform:rotate(360deg)}}
.ux25-stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:18px}.ux25-stat-card{display:flex;align-items:center;gap:12px;min-width:0;padding:17px;border:1px solid #ece7f5;border-radius:20px;background:#fff;box-shadow:0 12px 30px rgba(53,35,94,.055)}.ux25-stat-icon{width:43px;height:43px;flex:0 0 43px;border-radius:14px;display:grid;place-items:center;background:#eee7ff;color:#6332e7}.ux25-stat-icon.teal{background:#e4fbf4;color:#109b79}.ux25-stat-icon.orange{background:#fff1dd;color:#d78916}.ux25-stat-icon.gold{background:#fff5d8;color:#b67b08}.ux25-stat-card small,.ux25-stat-card em{display:block;font-size:9px;color:#8b8295;font-style:normal}.ux25-stat-card strong{display:block;font-size:23px;color:#30263f;line-height:1.15;margin:2px 0}.ux25-main-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(300px,.8fr);gap:18px}.ux25-left-col,.ux25-right-col{display:grid;gap:18px;align-content:start}.ux25-card{border:1px solid #ebe5f4;border-radius:24px;background:#fff;padding:22px;box-shadow:0 14px 38px rgba(50,32,87,.055)}.ux25-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:15px}.ux25-card-head.simple{align-items:center}.ux25-card-head h2{margin:4px 0 5px;font-size:19px;color:#30263f}.ux25-card-head p{margin:0;color:#837a8f;font-size:11px;line-height:1.7}.ux25-progress-ring{--p:0;width:70px;height:70px;flex:0 0 70px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#702dff calc(var(--p)*1%),#eee8f7 0);position:relative}.ux25-progress-ring:after{content:"";position:absolute;inset:7px;background:#fff;border-radius:50%}.ux25-progress-ring b{position:relative;z-index:1;font-size:14px;color:#5424ca}.ux25-path-steps{display:grid;grid-template-columns:1fr 32px 1fr 32px 1fr 32px 1fr;align-items:center;margin:24px 0 20px}.ux25-path-steps>div{display:flex;gap:9px;align-items:center;min-width:0}.ux25-path-steps span{width:36px;height:36px;flex:0 0 36px;border-radius:12px;display:grid;place-items:center;background:#f0ecf9;color:#91879f}.ux25-path-steps .done span{background:#e6faf4;color:#0c9b78}.ux25-path-steps .active span{background:#eee7ff;color:#702dff}.ux25-path-steps b,.ux25-path-steps small{display:block}.ux25-path-steps b{font-size:10px}.ux25-path-steps small{font-size:8px;color:#8d8395;line-height:1.4}.ux25-path-steps .connector{height:2px;background:#eee8f5}.ux25-hours{font-size:12px;color:#5b2acb;background:#f3efff;padding:8px 10px;border-radius:11px}.ux25-week-chart{height:155px;display:grid;grid-template-columns:repeat(7,1fr);gap:12px;align-items:end;margin-top:18px;padding:10px 4px 0}.ux25-day-bar{text-align:center;height:100%;display:flex;flex-direction:column;justify-content:flex-end;gap:6px}.bar-track{height:115px;display:flex;align-items:flex-end;justify-content:center}.bar-track span{width:18px;border-radius:8px 8px 4px 4px;background:linear-gradient(180deg,#9a67ff,#5d2bd6);box-shadow:0 8px 20px rgba(93,43,214,.16);min-height:18px}.ux25-day-bar small{font-size:8px;color:#8b8294}.ux25-day-bar em{font-style:normal;font-size:7px;color:#b0a8b7}.ux25-helper{margin:14px 0 0;padding:10px 12px;border-radius:13px;background:#faf8fd;color:#82788c;font-size:9px;line-height:1.7}.ux25-helper i{color:#d08a19;margin-right:5px}.ux25-reward-card{position:relative;overflow:hidden;color:#fff;background:linear-gradient(145deg,#24154f,#6a31d6 65%,#9d67ff);border:0}.ux25-reward-glow{position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;top:-80px;background:rgba(255,255,255,.1)}.ux25-reward-icon{width:48px;height:48px;border-radius:15px;background:rgba(255,255,255,.15);display:grid;place-items:center;font-size:20px;margin-bottom:15px}.ux25-reward-card .overline,.ux25-reward-card h2,.ux25-reward-card p{position:relative}.ux25-reward-card h2{font-size:20px;margin:5px 0 8px}.ux25-reward-card p{font-size:10px;line-height:1.7;color:rgba(255,255,255,.78)}.ux25-reward-progress{height:8px;border-radius:999px;background:rgba(255,255,255,.16);overflow:hidden;margin:17px 0 8px}.ux25-reward-progress span{display:block;height:100%;border-radius:inherit;background:#fff;box-shadow:0 0 18px rgba(255,255,255,.45)}.ux25-reward-meta{display:flex;justify-content:space-between;gap:8px;margin-bottom:16px}.ux25-reward-meta b{font-size:11px}.ux25-reward-meta small{font-size:8px;color:rgba(255,255,255,.72)}.ux25-reward-card .btn-white{color:#4e25bd;background:#fff;border:0;width:100%;justify-content:center}.ux25-calendar h2{font-size:17px}.calendar-today{font-size:9px;font-weight:900;color:#6c33dc;background:#f1ebff;padding:7px 9px;border-radius:10px}.ux25-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:15px}.ux25-calendar-grid>*{min-width:0;aspect-ratio:1;display:grid;place-items:center;border-radius:8px;font-size:8px;color:#81788c}.ux25-calendar-grid>b{font-size:7px;color:#a39aaa}.ux25-calendar-grid span{background:#faf8fd}.ux25-calendar-grid span.active-day{background:#e8e0ff;color:#5d2bd6;font-weight:900;box-shadow:inset 0 0 0 1px #d5c5ff}.ux25-calendar-grid span.today-day{outline:2px solid #702dff;outline-offset:1px}.calendar-legend{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:8px;color:#8c8296}.calendar-legend i{width:8px;height:8px;border-radius:3px;background:#e8e0ff}.ux25-mini-link{display:flex;align-items:center;gap:10px;text-decoration:none;padding:11px 0;border-bottom:1px solid #f0ecf5}.ux25-mini-link:last-child{border-bottom:0}.ux25-mini-link>i:first-child{width:34px;height:34px;display:grid;place-items:center;border-radius:11px;background:#f1ebff;color:#6c34d9}.ux25-mini-link span{flex:1}.ux25-mini-link b,.ux25-mini-link small{display:block}.ux25-mini-link b{font-size:10px;color:#3a3047}.ux25-mini-link small{font-size:8px;color:#958b9f;margin-top:2px}.ux25-mini-link>i:last-child{font-size:9px;color:#aaa1b0}.ux25-course-strip{margin-top:18px}.ux25-course-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.ux25-course-mini{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid #eee8f5;border-radius:16px;background:#fff;text-decoration:none;color:inherit}.ux25-course-mini-icon{width:40px;height:40px;flex:0 0 40px;display:grid;place-items:center;border-radius:13px;background:#f0ebff;color:#6a31d6}.ux25-course-mini div{min-width:0;flex:1}.ux25-course-mini b,.ux25-course-mini small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ux25-course-mini b{font-size:10px}.ux25-course-mini small{font-size:8px;color:#91879a;margin:3px 0}.ux25-course-mini .progress{height:5px}.ux25-course-mini>i{font-size:9px;color:#8b8190}.ux25-empty-mini{padding:20px;text-align:center;color:#8a8093;font-size:10px;grid-column:1/-1}.ux25-empty-mini i{font-size:24px;color:#7a40dc;margin-right:7px}.ux25-empty-mini a{color:#6332db;font-weight:900}.ux25-exam-gate{display:flex;align-items:center;gap:14px;margin:16px 0;border-left:5px solid #702dff}.ux25-exam-gate.locked{background:#faf8fd}.ux25-exam-icon{width:50px;height:50px;flex:0 0 50px;border-radius:15px;display:grid;place-items:center;background:#eee7ff;color:#6a32dc;font-size:20px}.ux25-exam-gate>div:nth-child(2){flex:1}.ux25-exam-gate h2{margin:4px 0;font-size:16px}.ux25-exam-gate p{margin:0;color:#81778b;font-size:10px;line-height:1.7}.ux25-locked-badge{padding:9px 11px;border-radius:10px;background:#f0edf4;color:#8c8291;font-size:9px;font-weight:900;white-space:nowrap}.ux25-exam-result{max-width:680px;margin:35px auto;text-align:center;padding:40px}.ux25-exam-result.passed{background:linear-gradient(145deg,#fff,#f3fffa);border-color:#d7f2e8}.ux25-exam-result-icon{width:72px;height:72px;border-radius:24px;display:grid;place-items:center;margin:0 auto 15px;background:#eee7ff;color:#6d32de;font-size:30px}.ux25-big-score{font-size:64px;font-weight:950;color:#5f2bd3;margin:12px 0}.ux25-exam-result p{color:#7d7387;font-size:12px;line-height:1.8}.ux25-result-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:20px}.ux25-final-exam-form{max-width:900px;margin:0 auto}.ux25-exam-submit-bar{position:sticky;bottom:78px;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:14px 16px;margin-top:15px;border:1px solid #e8e0f4;border-radius:18px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);box-shadow:0 15px 35px rgba(40,20,75,.12)}.ux25-exam-submit-bar b,.ux25-exam-submit-bar small{display:block}.ux25-exam-submit-bar b{font-size:11px}.ux25-exam-submit-bar small{font-size:8px;color:#8c8294;margin-top:2px}.ux25-rewards-hero{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:30px;border-radius:28px;background:linear-gradient(125deg,#291452,#6c31d7,#9c64ff);color:#fff;box-shadow:0 25px 60px rgba(77,38,174,.2);margin-bottom:18px}.ux25-rewards-hero h1{margin:9px 0 6px;font-size:28px}.ux25-rewards-hero p{margin:0;color:rgba(255,255,255,.78);font-size:11px}.ux25-reward-balance{min-width:180px;text-align:right}.ux25-reward-balance small,.ux25-reward-balance span{display:block;color:rgba(255,255,255,.72);font-size:9px}.ux25-reward-balance strong{display:block;font-size:36px;margin:3px 0}.ux25-reward-level-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.ux25-reward-level-grid h2{font-size:18px;margin:5px 0}.ux25-reward-level-grid p{font-size:10px;color:#82788d;line-height:1.7}.ux25-reward-progress.large{height:10px;background:#eee9f5}.ux25-reward-progress.large span{background:linear-gradient(90deg,#6b32dc,#9a64ff)}.ux25-reward-rule{display:flex;gap:8px;align-items:center;padding:11px;background:#f7f4ff;border-radius:12px;font-size:9px;color:#71677f}.ux25-reward-rule i{color:#6b32dc}.gift-highlight{background:linear-gradient(145deg,#fffaf0,#fff);border-color:#f1e1ba}.ux25-gift-ready,.ux25-gift-locked{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;font-size:9px;font-weight:900}.ux25-gift-ready{background:#e7fbf2;color:#0d9a77}.ux25-gift-locked{background:#f4f1f5;color:#8c8290}.ux25-gift-course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.ux25-gift-course{display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:15px;border:1px solid #eee8f5;border-radius:16px;background:#fff}.ux25-gift-course>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#fff1ce;color:#b77b08}.ux25-gift-course b{font-size:10px;line-height:1.5}.ux25-gift-course small{font-size:8px;color:#91879b}.ux25-gift-course .btn{width:100%;justify-content:center;margin-top:auto}.ux25-gift-lock-panel{display:flex;align-items:center;gap:12px;padding:18px;border-radius:16px;background:#faf8fd}.ux25-gift-lock-panel>i{font-size:22px;color:#aaa1b0}.ux25-gift-lock-panel div{flex:1}.ux25-gift-lock-panel b,.ux25-gift-lock-panel small{display:block}.ux25-gift-lock-panel b{font-size:12px}.ux25-gift-lock-panel small{font-size:9px;color:#8a8093;margin-top:2px}.ux25-reward-history>div{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0ecf5}.reward-history-icon{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:#e7fbf2;color:#0e9a78}.ux25-reward-history div>div{flex:1}.ux25-reward-history b,.ux25-reward-history small{display:block}.ux25-reward-history b{font-size:10px}.ux25-reward-history small{font-size:8px;color:#8d8395;margin-top:2px}.ux25-reward-history time{font-size:8px;color:#9a91a0}
.sidebar{overflow-y:auto;overscroll-behavior:contain}.sidebar-spacer{min-height:18px}.side-link{flex:0 0 auto}.bottom-nav{padding-bottom:max(8px,env(safe-area-inset-bottom))}
@media(max-width:1050px){.ux25-dashboard-hero{padding:28px}.ux25-hero-orbit{width:180px;height:180px;flex-basis:180px}.ux25-orbit-core{width:110px;height:110px}.ux25-stat-grid{grid-template-columns:repeat(2,1fr)}.ux25-main-grid{grid-template-columns:1fr}.ux25-right-col{grid-template-columns:repeat(2,minmax(0,1fr))}.ux25-reward-card{grid-row:span 2}.ux25-course-cards{grid-template-columns:1fr 1fr}.ux25-reward-level-grid{grid-template-columns:1fr 1fr}.ux25-reward-level-grid .gift-highlight{grid-column:1/-1}}
@media(max-width:700px){.ux25-dashboard-hero{padding:22px 18px;border-radius:22px;display:block}.ux25-dashboard-hero h1{font-size:25px}.ux25-dashboard-hero p{font-size:11px}.ux25-hero-orbit{margin:20px auto 0;width:190px;height:150px}.ux25-ring{inset:6px}.ux25-orbit-core{width:92px;height:92px;border-radius:28px}.ux25-orbit-core strong{font-size:25px}.chip-a{left:0;top:20px}.chip-b{right:0;bottom:12px}.ux25-stat-grid{grid-template-columns:1fr 1fr;gap:8px}.ux25-stat-card{padding:12px;border-radius:16px;gap:8px}.ux25-stat-icon{width:36px;height:36px;flex-basis:36px;border-radius:11px}.ux25-stat-card strong{font-size:19px}.ux25-stat-card small{font-size:8px}.ux25-stat-card em{font-size:7px}.ux25-card{padding:16px;border-radius:19px}.ux25-card-head h2{font-size:16px}.ux25-path-steps{grid-template-columns:1fr;gap:8px}.ux25-path-steps .connector{width:2px;height:13px;margin-left:17px}.ux25-path-steps>div{width:100%}.ux25-right-col{grid-template-columns:1fr}.ux25-reward-card{grid-row:auto}.ux25-course-cards{grid-template-columns:1fr}.ux25-week-chart{gap:5px}.bar-track span{width:13px}.ux25-exam-gate{align-items:flex-start;flex-wrap:wrap}.ux25-exam-gate>div:nth-child(2){min-width:calc(100% - 64px)}.ux25-exam-gate .btn,.ux25-locked-badge{width:100%;justify-content:center}.ux25-exam-submit-bar{bottom:72px;flex-direction:column;align-items:stretch}.ux25-exam-submit-bar .btn{width:100%;justify-content:center}.ux25-rewards-hero{padding:22px 18px;display:block;border-radius:22px}.ux25-rewards-hero h1{font-size:23px}.ux25-reward-balance{text-align:left;margin-top:20px}.ux25-reward-level-grid{grid-template-columns:1fr}.ux25-gift-course-grid{grid-template-columns:1fr}.ux25-gift-lock-panel{align-items:flex-start;flex-wrap:wrap}.ux25-gift-lock-panel .btn{width:100%;justify-content:center}}
@media(max-width:380px){.ux25-stat-grid{grid-template-columns:1fr}.ux25-dashboard-hero h1{font-size:22px}.ux25-hero-actions{display:grid}.ux25-hero-actions>*{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.ux25-ring{animation:none}}

.ux25-profile-reward-row{margin:14px 0 18px}.ux25-profile-reward-mini{display:flex;align-items:center;gap:13px;background:linear-gradient(105deg,#fffaf0,#fff,#faf7ff)}.ux25-profile-reward-mini .ux25-stat-icon{flex:0 0 43px}.ux25-profile-reward-mini>div{flex:1;min-width:0}.ux25-profile-reward-mini h3{margin:3px 0 3px;font-size:16px}.ux25-profile-reward-mini p{margin:0;color:#877d91;font-size:9px;line-height:1.6}.ux25-profile-reward-mini .btn{white-space:nowrap}@media(max-width:600px){.ux25-profile-reward-mini{align-items:flex-start;flex-wrap:wrap}.ux25-profile-reward-mini .ux25-stat-icon{margin-top:2px}.ux25-profile-reward-mini .btn{width:100%;justify-content:center}.ux25-profile-reward-mini h3{font-size:14px}}

/* V26 — premium learner UX, mobile profile stability, smart calendar/reminders and reward clarity */
.ux26-reminder-card{display:flex;align-items:center;gap:14px;margin-top:14px;padding:16px 18px;border:1px solid #e6ddf7;border-radius:20px;background:linear-gradient(110deg,#fbf8ff,#f3efff 58%,#ffffff);box-shadow:0 12px 30px rgba(76,44,145,.07)}
.ux26-reminder-icon{width:46px;height:46px;flex:0 0 46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#702dff,#9b63ff);color:#fff;box-shadow:0 10px 22px rgba(112,45,255,.22)}
.ux26-reminder-copy{flex:1;min-width:0}.ux26-reminder-copy h3{margin:3px 0 2px;font-size:15px}.ux26-reminder-copy p{margin:0;color:#777083;font-size:10px;line-height:1.7}.ux26-reminder-card>.btn{flex:0 0 auto}
.ux26-milestone-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}.ux26-milestone-card{display:flex;gap:12px;align-items:flex-start;padding:18px;border-radius:20px;border:1px solid #e9e2f2;background:#fff;box-shadow:0 10px 28px rgba(35,25,65,.05)}
.ux26-milestone-card.blue{background:linear-gradient(145deg,#f7f4ff,#fff)}.ux26-milestone-card.teal{background:linear-gradient(145deg,#f0fffb,#fff)}.ux26-milestone-card.gold{background:linear-gradient(145deg,#fff9e9,#fff)}
.ux26-milestone-icon{width:46px;height:46px;flex:0 0 46px;border-radius:15px;display:grid;place-items:center;background:#eee7ff;color:#6b31dc;font-size:19px}.teal .ux26-milestone-icon{background:#ddfbf2;color:#0a9c79}.gold .ux26-milestone-icon{background:#fff0c8;color:#b77c0b}
.ux26-milestone-card b,.ux26-milestone-card strong,.ux26-milestone-card small{display:block}.ux26-milestone-card b{font-size:11px;color:#80778d}.ux26-milestone-card strong{font-size:20px;margin:2px 0;color:#302742}.ux26-milestone-card small{font-size:9px;color:#8c8296;line-height:1.65}
.ux26-rule-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ux26-rule{position:relative;display:flex;gap:10px;align-items:flex-start;padding:15px;border:1px solid #ece6f4;border-radius:17px;background:#fbfaff}.ux26-rule>span{width:64px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eee7ff;color:#632dd1;font-weight:950;font-size:13px;flex:0 0 64px}.ux26-rule:nth-child(2)>span{background:#e4fbf3;color:#0b9272}.ux26-rule:nth-child(3)>span{background:#fff0ce;color:#aa7205}.ux26-rule div{flex:1}.ux26-rule b,.ux26-rule small{display:block}.ux26-rule b{font-size:12px}.ux26-rule small{font-size:9px;color:#82798c;line-height:1.7;margin-top:3px}.ux26-rule>i{font-size:18px;color:#6d35d8}.ux26-lottery-ticket{margin-top:13px;padding:13px 15px;border-radius:15px;background:linear-gradient(90deg,#fff5d9,#fffaf0);border:1px solid #f0dfb3;display:flex;align-items:center;gap:10px}.ux26-lottery-ticket>i{font-size:20px;color:#b47b0b}.ux26-lottery-ticket b,.ux26-lottery-ticket small{display:block}.ux26-lottery-ticket b{font-size:11px}.ux26-lottery-ticket small{font-size:9px;color:#897d6c;margin-top:2px}
.ux26-ai-lock{max-width:720px;margin:35px auto;text-align:center;padding:42px 28px;background:linear-gradient(145deg,#fff,#f7f2ff);border-color:#ded1f8}.ux26-ai-lock-icon{width:72px;height:72px;margin:0 auto 14px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(135deg,#702dff,#9b64ff);color:#fff;font-size:27px;box-shadow:0 16px 32px rgba(112,45,255,.2)}.ux26-ai-lock h1{font-size:27px;margin:8px 0}.ux26-ai-lock p{max-width:570px;margin:0 auto;color:#777083;font-size:12px;line-height:1.9}.ux26-ai-lock-actions{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-top:22px}
/* Calendar: stronger hierarchy and colourful activity states */
.ux25-calendar{background:linear-gradient(145deg,#fff,#faf7ff);border-color:#e4daf6}.ux25-calendar .ux25-card-head{margin-bottom:14px}.ux25-calendar-grid{padding:10px;border-radius:17px;background:linear-gradient(145deg,#f8f5ff,#f0ecff);display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px}.ux25-calendar-grid>b{font-size:10px;color:#776b8c;text-align:center;padding:5px 0}.ux25-calendar-grid>span{min-height:32px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.72);color:#635b70;font-size:12px;font-weight:800;border:1px solid rgba(223,214,240,.65);transition:.18s}.ux25-calendar-grid>span.active-day{background:linear-gradient(145deg,#7b43ef,#9a65ff);color:#fff;border-color:#7b43ef;box-shadow:0 6px 14px rgba(112,45,255,.2)}.ux25-calendar-grid>span.today-day{outline:3px solid #35dca4;outline-offset:1px}.ux25-calendar-grid>span.active-day.today-day{background:linear-gradient(145deg,#13b8a6,#2bdcb9)}.calendar-today{padding:7px 10px;border-radius:10px;background:#e8fbf4;color:#0b8e6e;font-size:10px;font-weight:900}.calendar-legend{font-size:10px!important;color:#786e88!important}.calendar-legend i{width:10px!important;height:10px!important;border-radius:4px!important;background:linear-gradient(135deg,#702dff,#9a65ff)!important}
/* Profile mobile: keep the hero as one coherent card instead of letting flex children collide. */
.profile-premium-hero{isolation:isolate}.profile-premium-hero .profile-main{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center}.profile-premium-hero .profile-hero-actions{position:relative;z-index:3;margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12)}
.profile-roadmap .roadmap-node b{font-size:14px}.profile-roadmap .roadmap-node small{font-size:12px;line-height:1.65}.profile-activity-item b{font-size:13px}.profile-activity-item small{font-size:11px}.profile-course-item b{font-size:13px}.profile-course-item small{font-size:11px}.profile-course-cat{font-size:11px}.profile-course-cat b{font-size:10px}.profile-course-category-title{font-size:12px}.profile-stat-grid small{font-size:11px}.profile-stat-grid span{font-size:10px}
.sidebar{overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#cfc2e8 transparent}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb{background:#cfc2e8;border-radius:99px}.sidebar-spacer{flex:1 1 auto;min-height:18px}.sidebar .side-link:last-child{margin-bottom:12px}.bottom-nav{z-index:60}
@media(max-width:900px){.ux26-milestone-grid,.ux26-rule-grid{grid-template-columns:1fr}.ux26-reminder-card{align-items:flex-start;flex-wrap:wrap}.ux26-reminder-copy{min-width:calc(100% - 60px)}.ux26-reminder-card>.btn{width:100%;justify-content:center}.profile-premium-hero{padding:18px 16px;border-radius:21px}.profile-premium-hero .profile-main{grid-template-columns:72px minmax(0,1fr);gap:11px}.profile-avatar-large{width:72px;height:72px;border-radius:21px;border-width:3px}.profile-intro h1{font-size:23px}.profile-intro p{font-size:10px;line-height:1.55}.profile-tags{gap:5px}.profile-tags span{font-size:9px;padding:6px 8px;max-width:100%;overflow-wrap:anywhere}.profile-premium-hero .profile-hero-actions{display:grid;grid-template-columns:1fr;gap:8px}.profile-premium-hero .profile-hero-actions .btn{width:100%;min-height:46px}.profile-subscription-timeline{grid-template-columns:1fr!important;gap:5px!important;padding:13px!important}.profile-subscription-timeline .timeline-point{min-width:0}.profile-subscription-timeline .timeline-point b{font-size:12px}.profile-subscription-timeline .timeline-point small{font-size:10px}.profile-subscription-timeline .timeline-line{height:16px!important;width:2px!important;margin-left:13px!important}.profile-roadmap .roadmap-node b{font-size:15px}.profile-roadmap .roadmap-node small{font-size:12px}.ux25-calendar-grid{gap:5px;padding:8px}.ux25-calendar-grid>b{font-size:10px}.ux25-calendar-grid>span{min-height:36px;font-size:13px}.ux26-ai-lock{margin:20px auto;padding:30px 18px}.ux26-ai-lock h1{font-size:22px}.ux26-ai-lock p{font-size:11px}}
@media(max-width:520px){.profile-stat-grid{grid-template-columns:1fr 1fr}.profile-stat-grid .card{min-width:0}.profile-upgrade-banner{padding:17px}.profile-upgrade-cta{width:100%;justify-content:center}.profile-course-layout{overflow:hidden}.profile-course-mobile-nav{max-width:100%}.ux25-profile-reward-mini{display:grid!important;grid-template-columns:43px minmax(0,1fr);gap:10px}.ux25-profile-reward-mini .btn{grid-column:1/-1}.ux26-rule{padding:14px}.ux26-rule>span{width:60px;flex-basis:60px}.ux25-card-head h2{font-size:17px}}

@media(min-width:901px){.profile-premium-hero .profile-main{display:flex;align-items:center;gap:18px}}

/* V27 — Keep Notification + Logout directly below Help Center on the user sidebar.
   They must remain visible without forcing the user to scroll to the bottom. */
.sidebar .sidebar-quick-actions{
  display:flex;
  flex-direction:column;
  gap:6px;
  margin-top:8px;
  padding-top:10px;
  border-top:1px solid rgba(112,45,255,.10);
  flex:0 0 auto;
}
.sidebar .sidebar-quick-actions .side-link{
  flex:0 0 auto;
}
.sidebar .sidebar-notification-link,
.sidebar .sidebar-logout-link{
  position:relative;
  min-height:44px;
}
.sidebar .sidebar-logout-link{margin-bottom:4px;}
@media (max-width: 699px){
  .sidebar .sidebar-quick-actions{margin-top:6px;padding-top:8px;gap:5px;}
  .sidebar .sidebar-quick-actions .side-link{min-height:46px;}
}
/* V27: the quick actions replace the old bottom spacer; keep the sidebar content naturally stacked. */
.sidebar .sidebar-spacer{display:none!important;}


/* V28 — profile mobile polish: keep subscription timeline horizontal and readable. */
.profile-subscription-timeline{display:flex;align-items:stretch;gap:12px}
.profile-subscription-timeline .timeline-point{flex:1 1 0;min-width:0}
.profile-subscription-timeline .timeline-line{flex:0 0 34px;align-self:center;width:auto;height:2px;margin:0}
.profile-avatar-save-btn[hidden],.profile-avatar-hint[hidden]{display:none!important}
.profile-avatar-save-btn{margin-top:9px;width:100%;min-height:46px}
.profile-avatar-hint{display:block;margin-top:8px;font-size:11px;line-height:1.6;color:var(--muted)}
.profile-avatar-hint strong{color:var(--primary)}
.profile-photo-card .avatar-preview{overflow:hidden;position:relative}
.profile-photo-card .avatar-preview img{width:100%;height:100%;display:block;object-fit:cover}
@media(max-width:900px){
  .profile-subscription-timeline{display:flex!important;flex-direction:row!important;align-items:stretch!important;gap:7px!important;padding:12px!important;overflow:hidden}
  .profile-subscription-timeline .timeline-point{flex:1 1 0!important;min-width:0!important;text-align:center}
  .profile-subscription-timeline .timeline-line{display:block!important;flex:0 0 18px!important;width:18px!important;height:2px!important;margin:22px 0 0!important;align-self:flex-start!important}
  .profile-subscription-timeline .timeline-line span{width:100%!important}
  .profile-subscription-timeline .timeline-point small{font-size:10px!important;white-space:nowrap}
  .profile-subscription-timeline .timeline-point b{font-size:12px!important;line-height:1.4!important;overflow-wrap:anywhere}
  .profile-subscription-timeline .live-dot,.profile-subscription-timeline .timeline-icon{width:30px;height:30px;margin:0 auto 6px}
}
@media(max-width:430px){
  .profile-subscription-timeline{gap:4px!important;padding:10px!important}
  .profile-subscription-timeline .timeline-line{flex-basis:12px!important;width:12px!important}
  .profile-subscription-timeline .timeline-point small{font-size:9px!important}
  .profile-subscription-timeline .timeline-point b{font-size:11px!important}
}

/* V28 readability pass — profile information stays comfortably readable on every screen. */
.profile-intro h1{font-size:clamp(24px,2.4vw,32px)}
.profile-tags span{font-size:11px;line-height:1.45;padding:7px 10px}
.profile-photo-card h3{font-size:18px}
.profile-photo-card .muted{font-size:12px;line-height:1.6}
.profile-edit-grid .label{font-size:13px;font-weight:800}
.profile-edit-grid .input{font-size:14px;min-height:46px}
.profile-edit-grid textarea.input{min-height:110px}
@media(max-width:600px){
  .profile-tags span{font-size:11px;padding:8px 10px}
  .profile-edit-grid .label{font-size:14px}
  .profile-edit-grid .input{font-size:15px;min-height:48px}
  .profile-photo-card h3{font-size:19px}
  .profile-photo-card .muted{font-size:12px}
}

/* V29 profile hero actions: keep action buttons in a horizontal, responsive row */
.profile-premium-hero .profile-hero-actions{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-items:stretch;
  gap:10px;
}
.profile-premium-hero .profile-hero-actions .btn{
  flex:1 1 0;
  min-width:0;
  white-space:nowrap;
}
@media(max-width:900px){
  .profile-premium-hero .profile-main{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    gap:11px;
  }
  .profile-premium-hero .profile-avatar-large{
    flex:0 0 72px;
  }
  .profile-premium-hero .profile-intro{
    flex:1 1 calc(100% - 83px);
    min-width:0;
  }
  .profile-premium-hero .profile-hero-actions{
    flex:0 0 100%;
    width:100%;
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    gap:7px;
    margin-top:7px;
    padding-top:12px;
  }
  .profile-premium-hero .profile-hero-actions .btn{
    flex:1 1 0;
    width:auto;
    min-width:0;
    min-height:46px;
    padding:0 8px;
    font-size:12px;
    white-space:nowrap;
  }
}
@media(max-width:360px){
  .profile-premium-hero .profile-hero-actions{gap:5px}
  .profile-premium-hero .profile-hero-actions .btn{padding:0 5px;font-size:11px}
}

/* V30 readability + platform branding polish */
/* Dashboard supporting text is intentionally larger for clear scanning on mobile and desktop. */
.ux25-dashboard .ux25-card-head p,
.ux25-dashboard .ux25-stat-card small,
.ux25-dashboard .ux25-stat-card em,
.ux25-dashboard .ux25-course-card small,
.ux25-dashboard .ux25-course-card p,
.ux25-dashboard .ux25-path-step small,
.ux25-dashboard .ux25-path-step p,
.ux25-dashboard .ux25-week-chart small,
.ux25-dashboard .ux25-card small,
.ux25-dashboard .ux25-card .muted,
.ux25-dashboard .ux25-mission-note,
.ux25-dashboard .ux25-activity-label,
.ux25-dashboard .ux25-reward-note {
  font-size: 12px;
  line-height: 1.65;
}

.ux25-dashboard .ux25-stat-card small{font-size:11px}
.ux25-dashboard .ux25-stat-card em{font-size:10px}
.ux25-dashboard .ux25-card-head p{font-size:13px}
.ux25-dashboard .ux25-course-card small{font-size:11px}
.ux25-dashboard .ux25-course-card p{font-size:12px}

/* Keep the platform logo clearly branded in the user header and desktop sidebar. */
.top-brand .brand-logo-img{width:34px;height:34px;border-radius:10px;object-fit:contain}
.sidebar-brand .brand-logo-img{width:40px;height:40px;border-radius:11px;object-fit:contain}
.brand-logo-img{flex:0 0 auto}

@media(max-width:900px){
  .top-brand .brand-logo-img{width:34px;height:34px}
  .ux25-dashboard .ux25-card-head p{font-size:12px}
  .ux25-dashboard .ux25-stat-card small{font-size:11px}
  .ux25-dashboard .ux25-stat-card em{font-size:10px}
  .ux25-dashboard .ux25-course-card small{font-size:11px}
  .ux25-dashboard .ux25-course-card p{font-size:12px}
}

@media(max-width:520px){
  .top-brand .brand-logo-img{width:36px;height:36px;border-radius:11px}
  .ux25-dashboard .ux25-card-head p{font-size:12px;line-height:1.7}
  .ux25-dashboard .ux25-stat-card small{font-size:11px;line-height:1.55}
  .ux25-dashboard .ux25-stat-card em{font-size:10px}
  .ux25-dashboard .ux25-course-card small{font-size:11px}
  .ux25-dashboard .ux25-course-card p{font-size:12px;line-height:1.65}
}

/* Beedu AI V32 polish: clean course-link actions without changing existing UI. */
.ai-course-links{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.ai-course-link{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:normal;text-align:center;line-height:1.45}.ai-account-links{margin-top:8px}


/* NEW COURSE ARCHITECTURE — 5 modules × 4 topics */
.course-start-demo{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;padding:28px;border-radius:24px;margin-bottom:18px;background:linear-gradient(135deg,#2a1544,#7c1e62 58%,#c23888);color:#fff;box-shadow:0 20px 55px rgba(90,25,90,.20);animation:courseStartIn .55s ease both}.course-start-orb{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.25);font-size:34px;animation:courseOrb 2.6s ease-in-out infinite}.course-start-demo h1{margin:5px 0;font-size:30px}.course-start-demo p{margin:0;color:rgba(255,255,255,.86);line-height:1.65}.course-start-stats{display:flex;gap:10px}.course-start-stats span{min-width:82px;padding:12px 10px;text-align:center;border-radius:15px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18)}.course-start-stats b,.course-start-stats small{display:block}.course-start-stats b{font-size:24px}.course-start-stats small{font-size:11px;color:rgba(255,255,255,.8)}.course-introduction,.course-progress-card,.course-outline-start,.course-final-exam{margin-bottom:18px}.course-introduction h2,.course-outline-start h2{margin:5px 0 10px}.course-module-stack{display:grid;gap:14px}.course-module-card{border:1px solid #e7dff0;border-radius:18px;padding:16px;background:#fff}.course-module-head{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #eee6f2}.course-module-head>span{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(135deg,#f04b9d,#a52b75);color:#fff;font-weight:900;box-shadow:0 7px 20px rgba(180,35,113,.20)}.course-module-head h3{margin:0}.course-module-head small{color:#7d7286}.course-topic-list{display:grid;gap:8px;margin-top:12px}.course-topic-row{display:grid;grid-template-columns:40px 1fr auto;align-items:center;gap:12px;padding:13px 12px;border-radius:14px;background:#faf8fc;border:1px solid transparent;color:inherit;text-decoration:none;transition:.18s ease}.course-topic-row:hover{border-color:#e1cce9;transform:translateX(3px);background:#fff}.topic-number{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#f2e8f6;color:#7d2b80;font-weight:900}.course-topic-row b,.course-topic-row small{display:block}.course-topic-row small{margin-top:3px;color:#807487}.course-final-exam{display:flex;justify-content:space-between;align-items:center;gap:18px}.course-final-exam.locked{opacity:.88}.topic-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.topic-layout article{display:grid;gap:16px}.topic-hero h1{font-size:34px;margin:6px 0}.topic-mentor{margin:12px 0 0;padding:12px 14px;border-radius:12px;background:#faf5ff;color:#604c70}.topic-section-label{display:flex;align-items:center;gap:12px;margin-bottom:13px}.topic-section-label>span{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f04b9d,#7a2bc3);color:#fff;font-weight:900}.topic-section-label b,.topic-section-label small{display:block}.topic-section-label small{font-size:11px;color:#85798c;margin-top:2px}.topic-objective{padding:14px 16px;border-radius:14px;background:#f8f5ff;border:1px solid #e9ddf6;margin-bottom:20px;line-height:1.75}.topic-main-prose{font-size:16px;line-height:1.9}.topic-example{line-height:1.85;border-left:4px solid #f0a12c}.topic-practice,.topic-challenge,.topic-quiz-gate,.topic-complete{line-height:1.8}.practice-instruction{padding:16px;border-radius:15px;background:#f7fbff;border:1px solid #dcecf8}.topic-challenge{border-left:4px solid #e79b27}.topic-challenge h3{margin-top:0}.challenge-prompt{padding:15px;border-radius:14px;background:#fff8ea;margin-bottom:10px}.topic-quiz-gate{border-left:4px solid #7b38d8}.topic-complete{display:flex;align-items:center;justify-content:space-between;gap:18px}.topic-complete h2{margin:3px 0}.topic-keywords{margin-top:22px}.topic-keywords h3{margin-bottom:10px}.animated-outline-module{animation:outlineModuleIn .45s ease both}.animated-outline-module:nth-child(2){animation-delay:.06s}.animated-outline-module:nth-child(3){animation-delay:.12s}.animated-outline-module:nth-child(4){animation-delay:.18s}.animated-outline-module:nth-child(5){animation-delay:.24s}.animated-outline-module ol{list-style:none;margin:14px 0 0;padding:0;display:grid;gap:9px}.animated-outline-topic{display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:11px 12px;border-radius:14px;background:#f9f7fb;border:1px solid #ece4f0;animation:outlineTopicIn .35s ease both}.animated-outline-topic small{display:block;color:#7f7386;font-size:11px;margin-top:3px}.outline-topic-number{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#f04b9d,#a52b75);color:#fff;font-weight:900;box-shadow:0 4px 12px rgba(180,35,113,.16)}
@keyframes courseStartIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes courseOrb{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}@keyframes outlineModuleIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes outlineTopicIn{from{opacity:0;transform:translateX(-6px)}to{opacity:1;transform:none}}
@media(max-width:850px){.course-start-demo{grid-template-columns:auto 1fr}.course-start-stats{grid-column:1/-1}.topic-layout{grid-template-columns:1fr}.topic-layout aside{display:none}.course-final-exam,.topic-complete{flex-direction:column;align-items:flex-start}}@media(max-width:600px){.course-start-demo{grid-template-columns:1fr;padding:22px}.course-start-orb{width:58px;height:58px;font-size:26px}.course-start-demo h1{font-size:24px}.course-start-stats span{flex:1;min-width:0}.course-start-stats b{font-size:19px}.topic-hero h1{font-size:27px}.course-topic-row{grid-template-columns:34px 1fr auto}.animated-outline-topic{grid-template-columns:32px 1fr auto}.outline-topic-number{width:28px;height:28px}.course-outline-dialog .course-outline-module{padding:14px!important}}

/* Dynamic module learning videos + premium code examples */
.module-video-section{margin:0 0 16px;padding:16px;border:1px solid #e7dff1;border-radius:18px;background:linear-gradient(145deg,#faf8ff,#fff);box-shadow:0 10px 28px rgba(50,35,75,.06)}
.module-video-intro{display:flex;gap:10px;align-items:center;margin-bottom:12px}.module-video-intro>span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#eee8ff;font-size:18px}.module-video-intro b,.module-video-intro small{display:block}.module-video-intro b{font-size:12px}.module-video-intro small{font-size:9px;color:var(--muted);margin-top:3px}.module-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.module-video-card{overflow:hidden;border:1px solid #e4dcef;border-radius:16px;background:#fff;box-shadow:0 8px 24px rgba(37,27,65,.08)}.module-video-player{aspect-ratio:16/9;background:#111}.module-video-player iframe{display:block;width:100%;height:100%;border:0}.module-video-title{padding:10px 12px;font-size:11px;font-weight:800;color:#342d40}.code-example-stack{margin-top:16px}.code-example-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid #e4dcef;border-radius:16px 16px 0 0;background:linear-gradient(120deg,#f8f5ff,#fff)}.code-example-intro b{font-size:13px}.code-example-intro p{margin:4px 0 0;font-size:10px;line-height:1.6;color:#756d86}.premium-code-card{margin-top:10px;overflow:hidden;border:1px solid #322a3d;border-radius:16px;background:#15121a;box-shadow:0 12px 30px rgba(26,18,36,.14)}.premium-code-head{display:flex;justify-content:space-between;align-items:center;padding:10px 13px;border-bottom:1px solid #332d3b;color:#eee8f5}.premium-code-head>span{font-size:10px;font-weight:900;letter-spacing:.04em}.code-copy-btn{border:1px solid #5b4c6c;border-radius:9px;background:#241e2c;color:#fff;padding:6px 9px;font-size:9px;font-weight:800;cursor:pointer}.premium-code-card pre{margin:0;padding:14px;overflow:auto;max-height:420px}.premium-code-card code{font:12px/1.7 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:#f5f0fb;white-space:pre}.code-expected{margin-top:10px;padding:11px 13px;border:1px solid #e6def0;border-radius:12px;background:#faf8ff}.code-expected b,.code-expected span{display:block}.code-expected b{font-size:10px}.code-expected span{font-size:10px;color:#6e657b;line-height:1.7;margin-top:3px}.code-practice-guide{display:flex;gap:10px;margin-top:12px;padding:13px;border:1px dashed #d7caea;border-radius:14px;background:#f9f7fd}.code-practice-guide>span{font-size:20px}.code-practice-guide b{font-size:11px}.code-practice-guide p{margin:3px 0 6px;font-size:10px;color:#71687d;line-height:1.7}.code-practice-guide a{font-size:10px;font-weight:900;color:var(--primary);text-decoration:none}.cb-module-actions{display:flex;gap:7px;flex-wrap:wrap}.cb-module-videos{margin:14px 18px 0;padding:14px;border:1px solid #e4dcef;border-radius:15px;background:#fbfaff}.cb-video-list{display:grid;gap:8px}.cb-video-row{display:grid;grid-template-columns:1fr 1.6fr auto;gap:8px;align-items:center}.cb-builder-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.cb-builder-actions .btn-primary{margin-left:auto}@media(max-width:700px){.module-video-grid{grid-template-columns:1fr}.cb-video-row{grid-template-columns:1fr}.cb-builder-actions .btn-primary{margin-left:0;width:100%;justify-content:center}}

/* V60.1 — premium learning video player */
.module-video-section{margin:18px 0 20px;padding:0;background:transparent}
.module-video-intro{display:flex;align-items:center;gap:10px;margin:0 0 10px;padding:0 2px}
.module-video-intro>span{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,#702dff,#9b5cff);color:#fff;box-shadow:0 8px 18px rgba(112,45,255,.18)}
.module-video-intro b,.module-video-intro small{display:block}.module-video-intro b{font-size:13px}.module-video-intro small{margin-top:2px;color:#777080;font-size:11px}
.module-video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(420px,1fr));gap:16px}
.module-video-card{overflow:hidden;border-radius:18px;background:#08080d;border:1px solid rgba(112,45,255,.18);box-shadow:0 14px 38px rgba(32,18,62,.12);margin:0;padding:0}
.module-video-player{position:relative;width:100%;aspect-ratio:16/9;background:#000;overflow:hidden;margin:0;padding:0}
.module-video-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;margin:0;padding:0;background:#000}
.module-video-title{padding:10px 13px;background:#111018;color:#fff;font-size:12px;font-weight:800;line-height:1.45}
@media(max-width:800px){.module-video-grid{grid-template-columns:1fr;gap:12px}.module-video-card{border-radius:14px}.module-video-player{aspect-ratio:16/9}.module-video-title{font-size:11px;padding:9px 11px}.module-video-section{margin:14px 0 16px}.module-video-intro{margin-bottom:8px}.module-video-intro b{font-size:11px}.module-video-intro small{font-size:9px}}

/* V60.2 — responsive animated platform name in the authenticated app shell */
.top-brand{min-width:0;max-width:calc(100vw - 150px)}
.top-brand-name,.brand-name-text{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:clip;font-weight:950;line-height:1.05;letter-spacing:-.015em;background:linear-gradient(90deg,#4e24c9,#702dff,#b15cff,#4e24c9);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:appBrandShimmer 5s linear infinite}
.top-brand-name{font-size:clamp(15px,2vw,21px)}
.sidebar-brand .brand-name-text{font-size:clamp(16px,1.7vw,21px)}
.top-brand .brand-logo-img,.top-brand .brand-mark,.sidebar-brand .brand-logo-img,.sidebar-brand .brand-mark{animation:appBrandLogoFloat 3.2s ease-in-out infinite,appBrandLogoGlow 2.8s ease-in-out infinite}
@keyframes appBrandShimmer{to{background-position:220% center}}
@keyframes appBrandLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@keyframes appBrandLogoGlow{0%,100%{filter:drop-shadow(0 5px 10px rgba(112,45,255,.12))}50%{filter:drop-shadow(0 9px 18px rgba(112,45,255,.28))}}
@media(max-width:900px){
  .top-brand{flex:1 1 auto;max-width:calc(100vw - 150px)}
  .top-brand-name{font-size:clamp(13px,5vw,20px)}
}
@media(max-width:520px){
  .top-brand{max-width:calc(100vw - 132px);gap:8px}
  .top-brand .brand-logo-img{width:34px;height:34px}
  .top-brand-name{font-size:clamp(12px,5vw,19px)}
}
@media(max-width:380px){
  .top-brand{max-width:calc(100vw - 122px);gap:7px}
  .top-brand-name{font-size:clamp(11px,5vw,18px)}
}
@media(prefers-reduced-motion:reduce){
  .top-brand-name,.brand-name-text,.top-brand .brand-logo-img,.top-brand .brand-mark,.sidebar-brand .brand-logo-img,.sidebar-brand .brand-mark{animation:none}
}
.top-brand-name,.sidebar-brand .brand-name-text{flex:1 1 auto;min-width:0}


/* V60.4 — themed premium learning-value note (non-glass) */
.beedu-learning-value-note{position:relative;isolation:isolate;display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;margin:0 0 18px;padding:20px 22px;border-radius:20px;overflow:hidden;border:1px solid rgba(112,45,255,.20);background:linear-gradient(135deg,#f5efff 0%,#ffffff 45%,#fff1f7 100%);box-shadow:0 16px 34px rgba(75,39,126,.12),0 2px 0 rgba(255,255,255,.9) inset;}
.beedu-learning-value-note:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 8% 20%,rgba(112,45,255,.16),transparent 30%),radial-gradient(circle at 92% 80%,rgba(233,91,157,.13),transparent 28%);pointer-events:none;z-index:-2;animation:beeduNoteAura 5s ease-in-out infinite alternate}
.beedu-learning-value-note:after{content:"";position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.82);pointer-events:none;z-index:-1}
.beedu-value-note-shine{position:absolute;top:-85%;left:-30%;width:18%;height:270%;transform:rotate(22deg);background:linear-gradient(90deg,transparent,rgba(255,255,255,.88),rgba(255,255,255,.18),transparent);filter:blur(1px);animation:beeduNoteShine 4.6s cubic-bezier(.2,.7,.2,1) infinite;pointer-events:none}
.beedu-value-note-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:16px;color:#fff;font-size:21px;background:linear-gradient(135deg,#5b24d6,#702dff 52%,#e85a9c);box-shadow:0 10px 24px rgba(112,45,255,.24);animation:beeduNoteFloat 3s ease-in-out infinite}
.beedu-value-note-content{min-width:0;position:relative;z-index:1}.beedu-value-note-kicker{display:inline-flex;align-items:center;gap:6px;margin-bottom:5px;color:#6429dd;font-size:12px;font-weight:950;letter-spacing:.035em}.beedu-value-note-content h3{margin:0 0 8px;color:#241a38;font-size:19px;line-height:1.35;font-weight:950}.beedu-value-note-content p{margin:0 0 8px;color:#4b4259;font-size:14px!important;line-height:1.78!important;font-weight:600}.beedu-value-note-content p:last-of-type{margin-bottom:12px}.beedu-value-note-content p strong{color:#4f20bd;font-weight:950}.beedu-value-note-content p mark{padding:1px 5px;border-radius:6px;background:linear-gradient(90deg,#eadfff,#ffe3f0);color:#5a22c8;font-weight:950;box-decoration-break:clone;-webkit-box-decoration-break:clone}.beedu-value-note-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:43px;padding:0 16px;border-radius:12px;color:#fff!important;text-decoration:none;background:linear-gradient(135deg,#5d26d9,#702dff 55%,#e95b9d);font-size:13px;font-weight:950;box-shadow:0 10px 24px rgba(112,45,255,.25);transition:transform .18s ease,box-shadow .18s ease;position:relative;overflow:hidden}.beedu-value-note-cta:after{content:"";position:absolute;inset:0;transform:translateX(-125%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.52),transparent);animation:beeduCtaShine 3.2s ease-in-out infinite}.beedu-value-note-cta:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(112,45,255,.31)}
/* Outline popup keeps the same solid theme; no glassmorphism. */
.course-outline-dialog .beedu-learning-value-note{margin:14px 0 18px;border-color:rgba(112,45,255,.28);background:linear-gradient(135deg,#241443 0%,#3a1e61 52%,#54204f 100%);box-shadow:0 18px 42px rgba(8,4,18,.28),inset 0 1px 0 rgba(255,255,255,.08)}
.course-outline-dialog .beedu-value-note-kicker{color:#e7c9ff}.course-outline-dialog .beedu-value-note-content h3{color:#fff}.course-outline-dialog .beedu-value-note-content p{color:rgba(255,255,255,.92)}.course-outline-dialog .beedu-value-note-content p strong{color:#fff}.course-outline-dialog .beedu-value-note-content p mark{background:rgba(255,255,255,.14);color:#ffe3f7}.course-outline-dialog .beedu-value-note-cta{background:linear-gradient(135deg,#fff,#f4dcff);color:#6322a0!important;box-shadow:0 10px 24px rgba(0,0,0,.18)}
@keyframes beeduNoteShine{0%,42%{left:-30%;opacity:0}50%{opacity:.9}72%,100%{left:125%;opacity:0}}
@keyframes beeduNoteAura{0%{transform:scale(1);opacity:.78}100%{transform:scale(1.05);opacity:1}}
@keyframes beeduNoteFloat{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-3px) rotate(-1deg)}}
@keyframes beeduCtaShine{0%,55%{transform:translateX(-125%)}72%,100%{transform:translateX(125%)}}
@media(max-width:700px){.beedu-learning-value-note{grid-template-columns:1fr;gap:10px;padding:17px;border-radius:17px}.beedu-value-note-icon{width:46px;height:46px;border-radius:13px;font-size:18px}.beedu-value-note-kicker{font-size:12px}.beedu-value-note-content h3{font-size:17px}.beedu-value-note-content p{font-size:14px!important;line-height:1.8!important}.beedu-value-note-cta{width:100%;font-size:13px}.course-outline-dialog .beedu-learning-value-note{margin-top:10px}}
@media(prefers-reduced-motion:reduce){.beedu-value-note-shine,.beedu-learning-value-note:before,.beedu-value-note-icon,.beedu-value-note-cta:after{animation:none}}

/* V60.4 — clean mobile landing brand: no logo/title shadow */
@media(max-width:900px){.landing-v4 .lp-mobile-brand .lp-logo{box-shadow:none!important;filter:none!important}.landing-v4 .lp-mobile-brand strong{text-shadow:none!important;filter:none!important}}

/* V60.5 — outline value note: platform branding + readable white body + breathing room */
.course-outline-dialog .beedu-value-note-content p{color:#fff!important}
.course-outline-dialog .beedu-value-note-content p strong{color:#fff!important}
.course-outline-dialog .beedu-value-note-content p mark{color:#ffe3f7!important}
.course-outline-dialog .beedu-platform-brand-icon{padding:0;overflow:hidden}
.course-outline-dialog .beedu-platform-brand-icon img{width:100%;height:100%;object-fit:contain;padding:8px;border-radius:inherit;display:block;background:rgba(255,255,255,.96);box-sizing:border-box}
.course-outline-dialog .beedu-note-platform-name{color:#f5d9ff!important;font-weight:950}
.course-outline-dialog .beedu-learning-value-note{margin-bottom:48px}
@media(max-width:700px){.course-outline-dialog .beedu-learning-value-note{margin-bottom:48px}}

/* V60.6 — outline-only final refinements: white note copy + 150px after subscription CTA */
.course-outline-dialog .beedu-value-note-content h3{color:#fff!important}
.course-outline-dialog .beedu-value-note-content p{color:#fff!important}
.course-outline-dialog .beedu-value-note-content p strong{color:#4f20bd!important}
.course-outline-dialog .beedu-value-note-content p mark{background:rgba(255,255,255,.14)!important;color:#ffe3f7!important}
.course-outline-dialog .course-outline-cta{margin-bottom:150px!important}


/* V60.8 — landing + course-library Value Note: match the proven outline card exactly. */
.beedu-value-note-standard{
  color:#fff;
  background:linear-gradient(135deg,#241443 0%,#3a1e61 52%,#54204f 100%);
  border-color:rgba(255,255,255,.14);
  box-shadow:0 18px 42px rgba(8,4,18,.28),inset 0 1px 0 rgba(255,255,255,.08);
}
.beedu-value-note-standard:before{background:linear-gradient(105deg,transparent 0%,transparent 62%,rgba(255,255,255,.08) 72%,rgba(255,255,255,.38) 79%,rgba(255,255,255,.08) 86%,transparent 94%);animation:beeduNoteSweep 5.2s ease-in-out infinite}
.beedu-value-note-standard:after{border-color:rgba(255,255,255,.10)}
.beedu-value-note-standard .beedu-value-note-kicker,
.beedu-value-note-standard .beedu-value-note-content h3,
.beedu-value-note-standard .beedu-value-note-content p,
.beedu-value-note-standard .beedu-value-note-content p strong,
.beedu-value-note-standard .beedu-value-note-content p mark,
.beedu-value-note-standard .beedu-note-platform-name{color:#fff!important}
.beedu-value-note-standard .beedu-value-note-content p mark{background:rgba(255,255,255,.14)!important;padding:1px 5px;border-radius:6px}
.beedu-value-note-standard .beedu-platform-brand-icon{background:rgba(255,255,255,.96)}
.beedu-value-note-standard .beedu-value-note-cta{background:linear-gradient(135deg,#fff,#f4dcff);color:#6322a0!important;box-shadow:0 10px 24px rgba(0,0,0,.18)}
@keyframes beeduNoteSweep{0%,12%{transform:translateX(-120%);opacity:0}28%{opacity:1}55%,100%{transform:translateX(120%);opacity:0}}
@media(max-width:700px){.beedu-value-note-standard{padding:17px;border-radius:17px}.beedu-value-note-standard .beedu-value-note-content p{font-size:14px!important;line-height:1.8!important}}
/* V60.8 — remove the fallback floating education-hat icon; keep real platform logos intact */
.beedu-value-note-icon:not(:has(img)){display:none!important;animation:none!important}


/* V60.9 — clean rebuild: one stable Value Note design shared by all three locations. */
.beedu-learning-value-note.beedu-value-note-standard,
.beedu-learning-value-note.beedu-value-note-outline{
  position:relative!important;isolation:isolate!important;display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:16px!important;align-items:start!important;
  width:100%;box-sizing:border-box!important;margin:0 0 18px!important;padding:20px 22px!important;border-radius:20px!important;overflow:hidden!important;
  border:1px solid rgba(255,167,218,.34)!important;
  background:linear-gradient(145deg,#24112f 0%,#4b173f 52%,#8f285f 100%)!important;
  color:#fff!important;box-shadow:0 20px 48px rgba(35,5,35,.34),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.beedu-learning-value-note.beedu-value-note-standard:before,
.beedu-learning-value-note.beedu-value-note-outline:before{
  content:""!important;position:absolute!important;inset:0!important;z-index:0!important;pointer-events:none!important;
  background:linear-gradient(105deg,transparent 0%,transparent 57%,rgba(255,255,255,.03) 64%,rgba(255,255,255,.20) 72%,rgba(255,255,255,.04) 80%,transparent 88%)!important;
  transform:translateX(-120%)!important;animation:beeduValueSweep 5.5s ease-in-out infinite!important;
}
.beedu-learning-value-note.beedu-value-note-standard:after,
.beedu-learning-value-note.beedu-value-note-outline:after{
  content:""!important;position:absolute!important;inset:1px!important;z-index:0!important;pointer-events:none!important;border-radius:inherit!important;border:1px solid rgba(255,255,255,.08)!important;background:none!important;
}
.beedu-learning-value-note.beedu-value-note-standard .beedu-value-note-icon,
.beedu-learning-value-note.beedu-value-note-outline .beedu-value-note-icon{
  position:relative!important;z-index:2!important;width:54px!important;height:54px!important;min-width:54px!important;display:grid!important;place-items:center!important;
  padding:0!important;overflow:hidden!important;border-radius:16px!important;background:#fff!important;color:#fff!important;box-shadow:0 10px 24px rgba(0,0,0,.20)!important;animation:beeduNoteFloat 3s ease-in-out infinite!important;
}
.beedu-learning-value-note.beedu-value-note-standard .beedu-value-note-icon img,
.beedu-learning-value-note.beedu-value-note-outline .beedu-value-note-icon img{display:block!important;width:100%!important;height:100%!important;object-fit:contain!important;padding:8px!important;box-sizing:border-box!important}
.beedu-learning-value-note.beedu-value-note-standard .beedu-value-note-content,
.beedu-learning-value-note.beedu-value-note-outline .beedu-value-note-content{position:relative!important;z-index:2!important;min-width:0!important;color:#fff!important}
.beedu-learning-value-note.beedu-value-note-standard .beedu-value-note-kicker,
.beedu-learning-value-note.beedu-value-note-standard .beedu-value-note-content h3,
.beedu-learning-value-note.beedu-value-note-standard .beedu-value-note-content p,
.beedu-learning-value-note.beedu-value-note-standard .beedu-note-platform-name,
.beedu-learning-value-note.beedu-value-note-outline .beedu-value-note-kicker,
.beedu-learning-value-note.beedu-value-note-outline .beedu-value-note-content h3,
.beedu-learning-value-note.beedu-value-note-outline .beedu-value-note-content p,
.beedu-learning-value-note.beedu-value-note-outline .beedu-note-platform-name{color:#fff!important}
.beedu-learning-value-note.beedu-value-note-standard .beedu-value-note-content h3,
.beedu-learning-value-note.beedu-value-note-outline .beedu-value-note-content h3{margin:0 0 8px!important;font-size:19px!important;line-height:1.35!important;font-weight:950!important}
.beedu-learning-value-note.beedu-value-note-standard .beedu-value-note-content p,
.beedu-learning-value-note.beedu-value-note-outline .beedu-value-note-content p{margin:0 0 8px!important;font-size:14px!important;line-height:1.78!important;font-weight:600!important}
.beedu-learning-value-note.beedu-value-note-standard .beedu-value-note-content p strong,
.beedu-learning-value-note.beedu-value-note-standard .beedu-value-note-content p mark,
.beedu-learning-value-note.beedu-value-note-outline .beedu-value-note-content p strong,
.beedu-learning-value-note.beedu-value-note-outline .beedu-value-note-content p mark{color:#fff!important;background:none!important;padding:0!important;font-weight:950!important}
.beedu-learning-value-note.beedu-value-note-standard .beedu-value-note-kicker,
.beedu-learning-value-note.beedu-value-note-outline .beedu-value-note-kicker{font-size:12px!important;font-weight:950!important}
.beedu-learning-value-note.beedu-value-note-standard .beedu-value-note-cta,
.beedu-learning-value-note.beedu-value-note-outline .beedu-value-note-cta{position:relative!important;z-index:3!important;background:linear-gradient(135deg,#fff,#f4dcff)!important;color:#6322a0!important}
.beedu-learning-value-note.beedu-value-note-standard .beedu-platform-brand-icon,
.beedu-learning-value-note.beedu-value-note-outline .beedu-platform-brand-icon{display:grid!important}
@keyframes beeduValueSweep{0%,12%{transform:translateX(-120%);opacity:0}28%{opacity:1}55%,100%{transform:translateX(120%);opacity:0}}
@media(max-width:700px){
 .beedu-learning-value-note.beedu-value-note-standard,.beedu-learning-value-note.beedu-value-note-outline{grid-template-columns:1fr!important;gap:10px!important;padding:17px!important;border-radius:17px!important}
 .beedu-learning-value-note.beedu-value-note-standard .beedu-value-note-content h3,.beedu-learning-value-note.beedu-value-note-outline .beedu-value-note-content h3{font-size:17px!important}
 .beedu-learning-value-note.beedu-value-note-standard .beedu-value-note-content p,.beedu-learning-value-note.beedu-value-note-outline .beedu-value-note-content p{font-size:14px!important;line-height:1.8!important}
 .beedu-learning-value-note.beedu-value-note-standard .beedu-value-note-cta,.beedu-learning-value-note.beedu-value-note-outline .beedu-value-note-cta{width:100%!important}
}
@media(prefers-reduced-motion:reduce){.beedu-learning-value-note.beedu-value-note-standard:before,.beedu-learning-value-note.beedu-value-note-outline:before,.beedu-learning-value-note .beedu-value-note-icon{animation:none!important}}

/* Popup Studio admin */
.popup-admin-list{display:grid;gap:10px}.popup-admin-row{display:grid;grid-template-columns:minmax(130px,1fr) minmax(160px,1.2fr) auto auto auto auto;gap:10px;align-items:center;padding:11px;border:1px solid #ece7f5;border-radius:15px;background:#fff}.popup-admin-preview{min-width:0;border-radius:12px;padding:10px 12px;color:#fff;background:linear-gradient(135deg,#5720cf,#7b45ee)}.popup-admin-preview.theme-violet{background:linear-gradient(135deg,#6430e7,#9b72ff)}.popup-admin-preview.theme-gold{background:linear-gradient(135deg,#a97800,#f0c94a)}.popup-admin-preview.theme-teal{background:linear-gradient(135deg,#078b72,#1cc9a7)}.popup-admin-preview.theme-dark{background:linear-gradient(135deg,#21142e,#3a234d)}.popup-admin-preview.theme-light{background:linear-gradient(135deg,#f4efff,#fff);color:#3a2b50}.popup-admin-preview strong,.popup-admin-preview small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.popup-admin-preview strong{margin-top:5px;font-size:12px}.popup-admin-preview small{margin-top:2px;opacity:.8;font-size:9px}.popup-admin-badge{font-size:8px;font-weight:900;opacity:.9}.popup-admin-meta small{display:block;color:#8a8098;margin-top:3px;font-size:10px}.popup-admin-row form{margin:0}@media(max-width:800px){.popup-admin-row{grid-template-columns:1fr 1fr}.popup-admin-preview{grid-column:1/-1}.popup-admin-meta{grid-column:1/-1}}

/* V66 course-card consistency: User Panel library uses the same fixed-height rhythm. */
.user-premium-course{height:525px;display:flex;flex-direction:column}
.user-premium-course .user-course-body{height:340px;min-height:340px;display:flex;flex-direction:column}
.user-premium-course .user-course-body h2{height:52px;min-height:52px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.user-premium-course .user-course-body p{height:57px;min-height:57px;max-height:57px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}
.user-premium-course .course-outline-trigger{height:34px;min-height:34px;display:flex;align-items:center;overflow:hidden;white-space:nowrap}
.user-premium-course .user-course-learners{height:40px;min-height:40px;overflow:hidden}
.user-premium-course .user-course-meta{height:31px;min-height:31px;overflow:hidden;flex-wrap:nowrap}
.user-premium-course .user-course-foot{margin-top:auto;min-height:44px}
@media(max-width:699px){.user-premium-course{height:548px}.user-premium-course .user-course-art{height:196px;min-height:196px}.user-premium-course .user-course-body{height:352px;min-height:352px}.user-premium-course .user-course-body h2{height:48px;min-height:48px}.user-premium-course .user-course-body p{height:54px;min-height:54px;max-height:54px}}
/* V69 — slightly tighter user sidebar rhythm so Help Center + Logout remain visible on mobile. */
@media(max-width:699px){
  .sidebar{padding-top:18px;padding-bottom:12px}
  .sidebar-brand{padding-bottom:18px}
  .sidebar-label{padding-bottom:7px}
  .sidebar .side-link{min-height:43px;margin:2px 0;padding-top:0;padding-bottom:0;gap:10px}
  .sidebar .sidebar-quick-actions{margin-top:4px;padding-top:6px;gap:3px}
  .sidebar .sidebar-quick-actions .side-link{min-height:43px}
}

/* V70 — User Panel Course Library: force complete, stable rendering.
   Fixes the issue where only the first course card could appear while the remaining
   published cards occupied/appeared as empty space. No course/business logic changed. */
.course-library-shell .user-course-library{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:18px !important;
  width:100% !important;
  min-width:0 !important;
  content-visibility:visible !important;
  contain:none !important;
}
.course-library-shell .user-course-library > .user-premium-course{
  display:flex !important;
  visibility:visible !important;
  width:100% !important;
  min-width:0 !important;
  max-width:none !important;
}
@media (max-width:1099px){
  .course-library-shell .user-course-library{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
}
@media (max-width:699px){
  .course-library-shell .user-course-library{
    grid-template-columns:1fr !important;
    gap:12px !important;
  }
}

/* V20 — Industrial premium subscription cards
   UI-only: subscription data, selection, checkout and payment logic remain untouched. */
.modern-plan-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:20px!important;
  align-items:stretch!important;
  contain:layout paint;
}
.modern-plan-card{
  position:relative!important;
  display:flex!important;
  flex-direction:column!important;
  min-width:0!important;
  min-height:0!important;
  padding:158px 24px 24px!important;
  border-radius:26px!important;
  overflow:hidden!important;
  isolation:isolate!important;
  border:1px solid rgba(36,25,65,.10)!important;
  box-shadow:0 18px 50px rgba(38,24,76,.10)!important;
  background:#fff!important;
  transform:none!important;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease!important;
}
.modern-plan-card:hover{
  transform:translateY(-6px)!important;
  box-shadow:0 28px 65px rgba(38,24,76,.16)!important;
}
.modern-plan-card:before{
  content:""!important;
  position:absolute!important;
  inset:0 0 auto 0!important;
  width:100%!important;
  height:128px!important;
  border-radius:26px 26px 42% 42%!important;
  z-index:-1!important;
  opacity:1!important;
  pointer-events:none!important;
}
.modern-plan-card:after{
  content:""!important;
  position:absolute!important;
  top:20px!important;
  left:20px!important;
  width:54px!important;
  height:54px!important;
  border-radius:18px!important;
  display:grid!important;
  place-items:center!important;
  z-index:2!important;
  font-size:25px!important;
  font-weight:900!important;
  color:#fff!important;
  background:rgba(255,255,255,.18)!important;
  border:1px solid rgba(255,255,255,.30)!important;
  box-shadow:0 10px 25px rgba(22,10,58,.15)!important;
  backdrop-filter:blur(10px)!important;
}
.modern-plan-card:nth-child(1):before{
  background:linear-gradient(135deg,#dff4ff 0%,#edf9ff 58%,#dbeaff 100%)!important;
}
.modern-plan-card:nth-child(1):after{content:"✦"!important;color:#1477df!important;background:rgba(255,255,255,.82)!important;border-color:rgba(38,126,226,.16)!important}
.modern-plan-card:nth-child(2){
  background:linear-gradient(155deg,#152b9b 0%,#3021b9 48%,#702dff 100%)!important;
  border:1px solid rgba(91,75,255,.55)!important;
  box-shadow:0 28px 70px rgba(65,42,190,.25)!important;
  transform:translateY(-8px)!important;
}
.modern-plan-card:nth-child(2):hover{transform:translateY(-14px)!important;box-shadow:0 34px 78px rgba(65,42,190,.31)!important}
.modern-plan-card:nth-child(2):before{background:linear-gradient(135deg,#213fbf 0%,#4230d7 55%,#7138f4 100%)!important}
.modern-plan-card:nth-child(2):after{content:"◆"!important;color:#fff;background:linear-gradient(135deg,rgba(123,103,255,.95),rgba(73,52,225,.85))!important}
.modern-plan-card:nth-child(3){
  background:linear-gradient(150deg,#171717 0%,#211d16 48%,#0f0f0f 100%)!important;
  border:1px solid rgba(229,180,56,.55)!important;
  box-shadow:0 28px 70px rgba(22,17,8,.25)!important;
}
.modern-plan-card:nth-child(3):hover{transform:translateY(-6px)!important;box-shadow:0 34px 78px rgba(22,17,8,.32)!important}
.modern-plan-card:nth-child(3):before{background:linear-gradient(135deg,#2b2517 0%,#403217 58%,#17130d 100%)!important}
.modern-plan-card:nth-child(3):after{content:"♛"!important;color:#ffd85a;background:linear-gradient(135deg,#6f571a,#2d250f)!important;border-color:rgba(255,214,80,.40)!important}
.modern-plan-card>.plan-badge{
  position:absolute!important;
  top:18px!important;
  right:18px!important;
  left:auto!important;
  z-index:5!important;
  display:inline-flex!important;
  align-items:center!important;
  min-height:30px!important;
  max-width:calc(100% - 92px)!important;
  padding:6px 11px!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.88)!important;
  color:#2d2540!important;
  border:1px solid rgba(255,255,255,.75)!important;
  box-shadow:0 7px 20px rgba(24,15,54,.10)!important;
  backdrop-filter:blur(10px)!important;
  font-size:10px!important;
  line-height:1.2!important;
  font-weight:900!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.modern-plan-card>.plan-badge:before{margin-right:5px!important}
.modern-plan-card:nth-child(1)>.plan-badge:before{content:"•"!important;color:#247fe5!important}
.modern-plan-card:nth-child(2)>.plan-badge{background:rgba(255,255,255,.18)!important;color:#fff!important;border-color:rgba(255,255,255,.30)!important}
.modern-plan-card:nth-child(2)>.plan-badge:before{content:"★"!important;color:#ffd96a!important}
.modern-plan-card:nth-child(3)>.plan-badge{background:linear-gradient(135deg,#fff0ad,#ffd45b)!important;color:#33270b!important;border-color:#ffe49a!important}
.modern-plan-card:nth-child(3)>.plan-badge:before{content:"♛"!important;color:#8c6810!important}
.modern-plan-card>h2{
  position:absolute!important;
  top:24px!important;
  left:90px!important;
  right:96px!important;
  z-index:5!important;
  width:auto!important;
  min-height:54px!important;
  max-width:none!important;
  margin:0!important;
  padding:5px 8px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  box-sizing:border-box!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:#17315b!important;
  font-size:clamp(19px,2vw,27px)!important;
  line-height:1.12!important;
  letter-spacing:-.025em!important;
  text-align:left!important;
  text-transform:none!important;
  text-shadow:none!important;
  box-shadow:none!important;
  overflow-wrap:anywhere!important;
}
.modern-plan-card:nth-child(2)>h2,.modern-plan-card:nth-child(3)>h2{color:#fff!important;text-shadow:0 2px 10px rgba(0,0,0,.18)!important}
.modern-plan-card>.plan-price{
  position:absolute!important;
  top:83px!important;
  left:24px!important;
  right:24px!important;
  z-index:5!important;
  width:auto!important;
  max-width:none!important;
  margin:0!important;
  display:flex!important;
  align-items:baseline!important;
  flex-wrap:wrap!important;
  gap:3px 6px!important;
  color:#142852!important;
  font-size:clamp(30px,3vw,42px)!important;
  font-weight:950!important;
  line-height:1!important;
  letter-spacing:-.035em!important;
  text-shadow:none!important;
}
.modern-plan-card:nth-child(2)>.plan-price,.modern-plan-card:nth-child(3)>.plan-price{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.24)!important}
.modern-plan-card>.plan-price del{font-size:11px!important;width:auto!important;color:#72809a!important;line-height:1!important}
.modern-plan-card:nth-child(2)>.plan-price del,.modern-plan-card:nth-child(3)>.plan-price del{color:rgba(255,255,255,.70)!important}
.modern-plan-card>.plan-price small{font-size:11px!important;font-weight:800!important;color:#61708a!important;text-shadow:none!important}
.modern-plan-card:nth-child(2)>.plan-price small,.modern-plan-card:nth-child(3)>.plan-price small{color:rgba(255,255,255,.84)!important}
.modern-plan-card>.plan-price .plan-discount{color:#079b79!important}
.modern-plan-card:nth-child(2)>.plan-price .plan-discount,.modern-plan-card:nth-child(3)>.plan-price .plan-discount{color:#ffe46e!important}
.modern-plan-card .plan-detail-box{
  margin:0 0 12px!important;
  padding:13px 14px!important;
  border-radius:15px!important;
  background:#f7fbff!important;
  border:1px solid #e4edf7!important;
}
.modern-plan-card .plan-detail-box b{font-size:11px!important;color:#2b4165!important}
.modern-plan-card .plan-detail-box p{font-size:11px!important;line-height:1.65!important;color:#687891!important}
.modern-plan-card:nth-child(2) .plan-detail-box,.modern-plan-card:nth-child(3) .plan-detail-box{background:rgba(255,255,255,.09)!important;border-color:rgba(255,255,255,.15)!important}
.modern-plan-card:nth-child(2) .plan-detail-box b,.modern-plan-card:nth-child(2) .plan-detail-box p,.modern-plan-card:nth-child(3) .plan-detail-box b,.modern-plan-card:nth-child(3) .plan-detail-box p{color:rgba(255,255,255,.88)!important}
.modern-plan-card .plan-access-line{
  background:#f5f8fc!important;
  border:1px solid #e7edf5!important;
  border-radius:15px!important;
}
.modern-plan-card .plan-access-line i{background:#e4f1ff!important;color:#1477df!important}
.modern-plan-card .plan-access-line b{color:#253b5c!important}
.modern-plan-card .plan-access-line small{color:#718096!important}
.modern-plan-card:nth-child(2) .plan-access-line,.modern-plan-card:nth-child(3) .plan-access-line{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.14)!important}
.modern-plan-card:nth-child(2) .plan-access-line i{background:rgba(180,170,255,.20)!important;color:#cfc8ff!important}
.modern-plan-card:nth-child(3) .plan-access-line i{background:rgba(255,210,82,.16)!important;color:#ffd85a!important}
.modern-plan-card:nth-child(2) .plan-access-line b,.modern-plan-card:nth-child(2) .plan-access-line small,.modern-plan-card:nth-child(3) .plan-access-line b,.modern-plan-card:nth-child(3) .plan-access-line small{color:rgba(255,255,255,.88)!important}
.modern-plan-card ul{margin:2px 0 8px!important;padding-left:0!important;list-style:none!important;display:grid!important;gap:0!important}
.modern-plan-card ul li{display:flex!important;align-items:flex-start!important;gap:9px!important;padding:7px 0!important;border-bottom:1px solid #edf0f5!important;font-size:12px!important;line-height:1.5!important;color:#465775!important}
.modern-plan-card ul li:last-child{border-bottom:0!important}
.modern-plan-card ul li i{flex:0 0 18px!important;width:18px!important;height:18px!important;display:grid!important;place-items:center!important;border-radius:50%!important;background:#e4f2ff!important;color:#2384e7!important;font-size:9px!important;margin-top:1px!important}
.modern-plan-card:nth-child(2) ul li,.modern-plan-card:nth-child(3) ul li{border-color:rgba(255,255,255,.10)!important;color:rgba(255,255,255,.91)!important}
.modern-plan-card:nth-child(2) ul li i{background:rgba(205,195,255,.18)!important;color:#d9d2ff!important}
.modern-plan-card:nth-child(3) ul li i{background:rgba(255,215,90,.16)!important;color:#ffd85a!important}
.modern-plan-card .plan-value-note{margin:5px 0 15px!important;padding:0!important;background:transparent!important;color:#718096!important;font-size:10px!important}
.modern-plan-card .plan-value-note i{color:#2a83e6!important}
.modern-plan-card:nth-child(2) .plan-value-note,.modern-plan-card:nth-child(3) .plan-value-note{color:rgba(255,255,255,.68)!important}
.modern-plan-card:nth-child(2) .plan-value-note i{color:#cfc7ff!important}
.modern-plan-card:nth-child(3) .plan-value-note i{color:#ffd85a!important}
.modern-plan-card .animated-plan-btn{
  width:100%!important;
  min-height:48px!important;
  margin-top:auto!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#2378d9!important;
  border:1px solid #2d8af1!important;
  box-shadow:none!important;
}
.modern-plan-card:nth-child(2) .animated-plan-btn{color:#5b26d5!important;border-color:#fff!important}
.modern-plan-card:nth-child(3) .animated-plan-btn{background:linear-gradient(135deg,#ffe58a,#ffc83d)!important;color:#302408!important;border-color:#ffd45d!important}
.modern-plan-card .animated-plan-btn:hover{transform:translateY(-2px)!important;box-shadow:0 12px 28px rgba(20,20,50,.16)!important}
.modern-plan-card .animated-plan-btn:after{opacity:.18!important}

@media(max-width:1050px) and (min-width:851px){
  .modern-plan-grid{gap:14px!important}
  .modern-plan-card{padding-left:18px!important;padding-right:18px!important}
  .modern-plan-card>h2{left:82px!important;font-size:19px!important}
  .modern-plan-card>.plan-price{left:18px!important;right:18px!important;font-size:31px!important}
}
@media(max-width:850px){
  .modern-plan-grid{grid-template-columns:minmax(0,560px)!important;justify-content:center!important;gap:18px!important;max-width:none!important}
  .modern-plan-card,.modern-plan-card:nth-child(2),.modern-plan-card:nth-child(2):hover,.modern-plan-card:hover{transform:none!important}
  .modern-plan-card{padding:158px 20px 22px!important;border-radius:24px!important}
  .modern-plan-card:before{height:128px!important;border-radius:24px 24px 42% 42%!important}
  .modern-plan-card:after{top:19px!important;left:18px!important;width:52px!important;height:52px!important}
  .modern-plan-card>.plan-badge{top:18px!important;right:18px!important;max-width:calc(100% - 88px)!important}
  .modern-plan-card>h2{top:25px!important;left:84px!important;right:88px!important;min-height:50px!important;font-size:clamp(20px,5vw,27px)!important}
  .modern-plan-card>.plan-price{top:84px!important;left:20px!important;right:20px!important;font-size:clamp(31px,8vw,39px)!important}
}
@media(max-width:520px){
  .modern-plan-grid{width:100%!important}
  .modern-plan-card{padding:154px 16px 19px!important;border-radius:22px!important}
  .modern-plan-card:before{height:124px!important;border-radius:22px 22px 40% 40%!important}
  .modern-plan-card:after{top:17px!important;left:15px!important;width:48px!important;height:48px!important;border-radius:15px!important;font-size:21px!important}
  .modern-plan-card>.plan-badge{top:16px!important;right:15px!important;max-width:calc(100% - 78px)!important;min-height:28px!important;padding:5px 9px!important;font-size:9px!important}
  .modern-plan-card>h2{top:24px!important;left:76px!important;right:82px!important;min-height:47px!important;padding:3px 5px!important;font-size:clamp(19px,6vw,25px)!important}
  .modern-plan-card>.plan-price{top:82px!important;left:16px!important;right:16px!important;font-size:clamp(29px,9vw,36px)!important}
  .modern-plan-card .plan-detail-box{padding:11px 12px!important}
  .modern-plan-card ul li{font-size:11px!important}
  .modern-plan-card .animated-plan-btn{min-height:46px!important}
}
@media(max-width:360px){
  .modern-plan-card>h2{left:70px!important;right:72px!important;font-size:18px!important}
  .modern-plan-card>.plan-badge{font-size:8px!important}
}
@media(prefers-reduced-motion:reduce){
  .modern-plan-card,.modern-plan-card:hover,.modern-plan-card:nth-child(2),.modern-plan-card:nth-child(2):hover{transition:none!important;transform:none!important}
}

/* V21 — integrated subscription plan titles
   Title has no separate/pill background; it inherits the card surface.
   Standard uses dark text on the light card; Diamond/Premium use white text on their dark cards. */
.modern-plan-card > h2,
.modern-plan-card > h2 *{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  -webkit-text-fill-color:currentColor!important;
}
.modern-plan-card:nth-child(1) > h2,
.modern-plan-card:nth-child(1) > h2 *{
  color:#17233f!important;
  text-shadow:none!important;
}
.modern-plan-card:nth-child(2) > h2,
.modern-plan-card:nth-child(2) > h2 *,
.modern-plan-card:nth-child(3) > h2,
.modern-plan-card:nth-child(3) > h2 *{
  color:#fff!important;
  text-shadow:0 2px 10px rgba(0,0,0,.18)!important;
}


/* V67 — profile avatar + premium notification modal + stronger course CTA */
.top-avatar{overflow:hidden;position:relative}
.top-avatar img{width:100%;height:100%;display:block;object-fit:cover}
.profile-photo-card .avatar-preview-trigger{display:block;width:132px;height:132px;padding:0;border:0;border-radius:50%;cursor:pointer;background:#f3effa;position:relative;overflow:hidden;margin:0 auto 14px;box-shadow:0 14px 35px rgba(72,35,120,.14);font:inherit;color:inherit}
.profile-photo-card .avatar-preview-trigger img{width:100%;height:100%;object-fit:cover;display:block}
.profile-photo-card .avatar-preview-trigger>span:not(.avatar-preview-camera){font-size:42px;font-weight:950;display:grid;place-items:center;width:100%;height:100%;color:#6d31d8}
.avatar-preview-camera{position:absolute;right:7px;bottom:7px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#702dff;color:#fff;border:3px solid #fff;box-shadow:0 7px 18px rgba(55,23,110,.25);font-size:14px}

.lp-course-start-btn{min-height:52px!important;padding:0 21px!important;border-radius:15px!important;font-size:15px!important;font-weight:950!important;letter-spacing:.01em;box-shadow:0 12px 26px rgba(74,28,155,.22),inset 0 1px 0 rgba(255,255,255,.24);transform:translateZ(0);transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}
.lp-course-start-btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(74,28,155,.28);filter:saturate(1.06)}
.course-outline-trigger{font-weight:850!important}

.notification-modal[hidden]{display:none!important}
.notification-modal{position:fixed;inset:0;z-index:10050;display:flex;align-items:flex-end;justify-content:center}
.notification-modal-backdrop{position:absolute;inset:0;background:rgba(20,12,35,.55);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.notification-modal-sheet{position:relative;width:100%;max-width:760px;max-height:min(88vh,820px);display:flex;flex-direction:column;background:linear-gradient(180deg,#fff 0%,#fbf9ff 100%);border:1px solid rgba(112,45,255,.12);border-radius:26px 26px 0 0;box-shadow:0 -20px 60px rgba(35,16,70,.24);overflow:hidden;animation:notificationSheetIn .25s ease-out}
.notification-modal-head{display:flex;justify-content:space-between;gap:14px;padding:18px 18px 15px;border-bottom:1px solid #eee8f6;background:rgba(255,255,255,.92)}
.notification-modal-heading{display:flex;align-items:center;gap:12px;min-width:0}.notification-modal-icon{width:46px;height:46px;flex:0 0 46px;border-radius:15px;display:grid;place-items:center;color:#fff;background:linear-gradient(145deg,#702dff,#9b62ff);box-shadow:0 10px 24px rgba(112,45,255,.24);font-size:18px}
.notification-modal-heading h2{margin:3px 0 2px;font-size:20px;line-height:1.2}.notification-modal-heading p{margin:0;color:#81778d;font-size:10px;line-height:1.55}.notification-modal-close{width:40px;height:40px;flex:0 0 40px;border:1px solid #ece6f4;border-radius:13px;background:#fff;color:#71677d;cursor:pointer;font-size:16px}
.notification-modal-body{padding:10px 12px 16px;overflow:auto;overscroll-behavior:contain}.notification-modal-empty{min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#8b8195;gap:10px}.notification-modal-empty>span{width:58px;height:58px;border-radius:20px;display:grid;place-items:center;background:#f0eaff;color:#7135d8;font-size:22px}.notification-modal-empty h3{margin:2px 0 0;font-size:16px;color:#40374a}.notification-modal-empty p{margin:0;font-size:11px}
.notification-modal-list{display:grid;gap:8px}.notification-modal-item{position:relative;display:flex;align-items:flex-start;gap:11px;padding:13px 12px;border:1px solid #eee8f5;border-radius:17px;background:#fff;box-shadow:0 4px 14px rgba(45,24,78,.04);cursor:pointer;transition:.18s ease}.notification-modal-item.unread{border-color:#dcd0ff;background:linear-gradient(145deg,#fff,#faf7ff)}.notification-modal-item:hover{transform:translateY(-1px);box-shadow:0 9px 22px rgba(45,24,78,.08)}.notification-modal-item-icon{width:40px;height:40px;flex:0 0 40px;border-radius:13px;display:grid;place-items:center;background:#f0eaff;color:#6f31d8}.notification-modal-item-content{min-width:0;flex:1}.notification-modal-item-top{display:flex;align-items:center;gap:7px}.notification-modal-item-top b{font-size:13px;line-height:1.4;color:#332b3d}.notification-modal-item-content p{margin:4px 0 6px;font-size:11px;line-height:1.65;color:#786e83}.notification-modal-item-content time{font-size:9px;color:#9a91a3}.notification-new-pill{padding:3px 7px;border-radius:999px;background:#eee6ff;color:#672bd3;font-size:8px;font-weight:950;white-space:nowrap}.notification-unread-dot{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#702dff;box-shadow:0 0 0 4px #eee6ff;margin-top:8px}
.notification-modal-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #eee8f5;background:rgba(255,255,255,.94)}.notification-modal-foot>span{font-size:9px;color:#91879c;display:flex;align-items:center;gap:6px}.notification-modal-foot>span i{color:#6c31d5}.notification-back-btn{min-height:42px!important;padding:0 14px!important}
.notification-modal-open{overflow:hidden}
@keyframes notificationSheetIn{from{transform:translateY(18px);opacity:.6}to{transform:translateY(0);opacity:1}}
@media(min-width:760px){.notification-modal{align-items:center;padding:24px}.notification-modal-sheet{border-radius:26px;max-height:82vh}.notification-modal-body{padding:14px 16px 18px}.notification-modal-head{padding:20px 20px 16px}}
@media(max-width:520px){.notification-modal-sheet{max-height:92vh;border-radius:24px 24px 0 0}.notification-modal-heading h2{font-size:18px}.notification-modal-heading p{font-size:9px}.notification-modal-item{padding:12px 10px}.notification-modal-item-content p{font-size:10px}.notification-modal-foot>span{font-size:8px}.lp-course-start-btn{width:100%;justify-content:center;min-height:54px!important;font-size:15px!important}.lp-course-card-foot{gap:10px!important}}

.side-profile-link{gap:10px}.side-profile-avatar{width:25px;height:25px;flex:0 0 25px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#eee7ff;color:#6c31d5;font-size:11px;font-weight:950}.side-profile-avatar img{width:100%;height:100%;display:block;object-fit:cover}.bottom-profile-avatar{width:22px;height:22px;border-radius:50%;overflow:hidden;display:inline-grid;place-items:center}.bottom-profile-avatar img{width:100%;height:100%;object-fit:cover;display:block}


/* V71 — stability + mobile navigation polish.
   Keep instant navigation visually stable and make the fixed mobile footer a deliberate app surface. */
.main>.container.instant-loading{opacity:.72;transition:opacity .12s ease;pointer-events:none}
@media(max-width:1019px){
  .sidebar{height:100dvh;max-height:100dvh;overflow-y:auto!important;overflow-x:hidden!important;padding-bottom:96px!important;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
  body.sidebar-open{overflow:hidden}
  .menu-toggle{transition:opacity .18s ease,visibility .18s ease,transform .18s ease}
  body.sidebar-open .menu-toggle{opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:scale(.9)}
}
@media(max-width:699px){
  .profile-premium-footer{
    height:74px!important;bottom:calc(7px + env(safe-area-inset-bottom))!important;
    padding:6px!important;border-radius:22px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(249,247,255,.97))!important;
    border:1px solid rgba(112,45,255,.14)!important;
    box-shadow:0 20px 55px rgba(31,20,60,.18),0 2px 10px rgba(31,20,60,.08),inset 0 1px 0 rgba(255,255,255,.9)!important;
  }
  .profile-premium-footer a{min-height:60px!important;border-radius:17px!important;font-size:7.7px!important}
  .profile-premium-footer a i{width:32px!important;height:30px!important;border-radius:10px!important}
  body:has(.profile-premium-footer) .main{padding-bottom:calc(122px + env(safe-area-inset-bottom))!important}
}
@media(max-width:390px){.profile-premium-footer{height:70px!important}.profile-premium-footer a{min-height:56px!important;font-size:7.1px!important}}

/* V71 — public mobile footer premium finish; navigation items remain unchanged. */
@media(max-width:1019px){
  .mobile-site-footer{
    height:72px!important;padding:6px!important;gap:3px!important;
    background:linear-gradient(180deg,rgba(255,255,255,.985),rgba(248,246,255,.97))!important;
    border:1px solid rgba(112,45,255,.13)!important;border-radius:22px!important;
    box-shadow:0 20px 55px rgba(31,20,60,.18),0 3px 12px rgba(31,20,60,.08),inset 0 1px 0 rgba(255,255,255,.92)!important;
  }
  .mobile-site-item{min-height:58px!important;border-radius:17px!important;gap:3px!important;font-weight:900!important;transition:transform .18s ease,background .18s ease,color .18s ease!important}
  .mobile-site-icon{width:33px!important;height:31px!important;border-radius:11px!important;font-size:14px!important;transition:transform .18s ease,box-shadow .18s ease,background .18s ease!important}
  .mobile-site-item.active{background:linear-gradient(180deg,#f0ebff,#faf9ff)!important;color:#6828df!important;box-shadow:inset 0 0 0 1px rgba(112,45,255,.06)!important}
  .mobile-site-item.active .mobile-site-icon{background:linear-gradient(135deg,#702dff,#9870ff)!important;box-shadow:0 8px 18px rgba(112,45,255,.25)!important}
  .mobile-site-item:active{transform:scale(.96)!important}
  .mobile-site-item:active .mobile-site-icon{transform:translateY(-1px) scale(.94)!important}
  .mobile-site-app .mobile-site-icon{background:#e8faf5!important;color:#0a987b!important}
}
@media(max-width:390px){.mobile-site-footer{height:69px!important;padding:5px 3px!important;border-radius:20px!important}.mobile-site-item{min-height:55px!important;font-size:7px!important}.mobile-site-icon{width:30px!important;height:28px!important;font-size:13px!important}}


/* V72 — navigation spacing + user-panel footer visual alignment with the public landing footer. */
@media(min-width:901px){
  .landing-v4 .lp-app-sidebar .lp-side-nav:nth-of-type(1),
  .landing-v4 .lp-app-sidebar .lp-side-nav:nth-of-type(2),
  .landing-v4 .lp-app-sidebar .lp-side-nav:nth-of-type(3),
  .landing-v4 .lp-app-sidebar .lp-side-nav:nth-of-type(4),
  .landing-v4 .lp-app-sidebar .lp-side-nav:nth-of-type(5){
    margin-top:2px!important;
    margin-bottom:2px!important;
    min-height:41px!important;
    height:41px!important;
  }
}

/* User panel fixed footer — same premium violet/dark visual language as the landing footer. */
.profile-premium-footer{
  position:fixed!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(23,19,41,.98),rgba(46,27,82,.97) 58%,rgba(74,38,125,.96))!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:0 20px 55px rgba(18,9,40,.28),0 4px 18px rgba(112,45,255,.12)!important;
  backdrop-filter:blur(20px) saturate(150%)!important;
  -webkit-backdrop-filter:blur(20px) saturate(150%)!important;
  isolation:isolate!important;
}
.profile-premium-footer:before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:
    radial-gradient(circle at 14% 0%,rgba(155,111,255,.18),transparent 34%),
    radial-gradient(circle at 88% 100%,rgba(255,216,77,.09),transparent 30%),
    linear-gradient(90deg,transparent,rgba(255,255,255,.035),transparent);
  pointer-events:none;
  z-index:0;
}
.profile-premium-footer:after{
  content:"";
  position:absolute;
  left:7%;right:7%;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  pointer-events:none;
  z-index:1;
}
.profile-premium-footer a{
  color:#b9afca!important;
  border:1px solid transparent!important;
  background:transparent!important;
  transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease!important;
}
.profile-premium-footer a i{
  background:rgba(255,255,255,.055)!important;
  color:#cfc5df!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.045)!important;
}
.profile-premium-footer a.active{
  color:#fff!important;
  background:linear-gradient(145deg,rgba(112,45,255,.72),rgba(132,76,255,.46))!important;
  border-color:rgba(181,151,255,.18)!important;
  box-shadow:0 8px 22px rgba(8,3,22,.20),inset 0 1px 0 rgba(255,255,255,.10)!important;
}
.profile-premium-footer a.active i{
  color:#fff!important;
  background:linear-gradient(135deg,#702dff,#9a68ff)!important;
  box-shadow:0 7px 18px rgba(112,45,255,.30)!important;
}
.profile-premium-footer a:hover{
  color:#fff!important;
  background:rgba(255,255,255,.055)!important;
  transform:translateY(-1px)!important;
}
@media(max-width:520px){
  .profile-premium-footer{box-shadow:0 18px 48px rgba(18,9,40,.30),0 3px 14px rgba(112,45,255,.12)!important}
}
@media(prefers-reduced-motion:reduce){
  .profile-premium-footer a{transition:none!important}
}

/* V73 — responsive fixed app header with compact-on-scroll state. */
@media(max-width:1099px){
  body:has(.topbar){padding-top:68px!important}
  .topbar{position:fixed!important;left:0!important;right:0!important;top:0!important;width:100%!important;height:68px!important;z-index:2147482000!important;background:rgba(255,255,255,.93)!important;backdrop-filter:blur(18px)!important;-webkit-backdrop-filter:blur(18px)!important;border-bottom:1px solid rgba(112,45,255,.10)!important;box-shadow:0 8px 28px rgba(45,24,88,.07)!important;transition:height .24s ease,box-shadow .24s ease,background .24s ease!important}
  .topbar.beedu-header-scrolled{height:56px!important;background:rgba(255,255,255,.97)!important;box-shadow:0 10px 30px rgba(45,24,88,.12)!important}
  .topbar .topbar-inner{transition:transform .24s ease!important;transform-origin:center!important}
  .topbar.beedu-header-scrolled .topbar-inner{transform:scale(.94)!important}
  body:has(.topbar.beedu-header-scrolled) .main{padding-top:4px!important}
}
@media(prefers-reduced-motion:reduce){.topbar,.topbar .topbar-inner{transition:none!important}}


/* V75 — precision category borders, drawer layering, touch scrolling and neutral human avatar fallback. */
.course-category-nav .category-chip,
.user-course-category-nav .category-chip,
.course-mobile-category-nav .category-chip,
.profile-course-category-sidebar .profile-course-cat,
.profile-course-mobile-nav .profile-course-cat{
  position:relative!important;
  isolation:isolate!important;
  border:1px solid rgba(112,45,255,.13)!important;
  background:#fff!important;
  overflow:hidden!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.course-category-nav .category-chip::before,
.user-course-category-nav .category-chip::before,
.course-mobile-category-nav .category-chip::before,
.profile-course-category-sidebar .profile-course-cat::before,
.profile-course-mobile-nav .profile-course-cat::before{
  content:"";
  position:absolute;
  inset:0;
  padding:0;
  pointer-events:none;
  z-index:-1;
  background:
    linear-gradient(90deg,transparent 0%,#702dff 18%,#ff4f6c 38%,#f4bd32 58%,#18b98c 78%,transparent 100%) top left/220% 2px no-repeat,
    linear-gradient(180deg,transparent 0%,#18b98c 18%,#5f6cff 42%,#702dff 68%,transparent 100%) top right/2px 220% no-repeat,
    linear-gradient(270deg,transparent 0%,#ff4f6c 18%,#f4bd32 40%,#18b98c 62%,#702dff 84%,transparent 100%) bottom right/220% 2px no-repeat,
    linear-gradient(0deg,transparent 0%,#5f6cff 18%,#702dff 42%,#ff4f6c 68%,transparent 100%) bottom left/2px 220% no-repeat;
  opacity:.62;
  z-index:0;
  animation:beeduEdgeProgress 5.2s linear infinite;
}
.course-category-nav .category-chip:hover,
.user-course-category-nav .category-chip:hover,
.course-mobile-category-nav .category-chip:hover,
.profile-course-category-sidebar .profile-course-cat:hover,
.profile-course-mobile-nav .profile-course-cat:hover{
  transform:translateY(-1px)!important;
  border-color:rgba(112,45,255,.24)!important;
  box-shadow:0 9px 22px rgba(70,38,120,.09)!important;
}
.course-category-nav .category-chip:hover::before,
.user-course-category-nav .category-chip:hover::before,
.course-mobile-category-nav .category-chip:hover::before,
.profile-course-category-sidebar .profile-course-cat:hover::before,
.profile-course-mobile-nav .profile-course-cat:hover::before{opacity:1;animation-duration:2.4s}
@keyframes beeduEdgeProgress{
  0%{background-position:0% 0%,100% 0%,100% 100%,0% 100%}
  50%{background-position:100% 0%,100% 100%,0% 100%,0% 0%}
  100%{background-position:0% 0%,100% 0%,100% 100%,0% 100%}
}
.avatar-fallback-human{width:100%;height:100%;display:grid;place-items:center;color:#6b32d4!important;background:linear-gradient(145deg,#eee7ff,#f8f5ff);font-size:inherit}
.side-profile-avatar .avatar-fallback-human{font-size:12px}
.top-avatar .avatar-fallback-human{font-size:13px}
.profile-avatar-large .avatar-fallback-human{font-size:28px;background:linear-gradient(145deg,#eee7ff,#ddd2ff);color:#6330cf!important}
@media(max-width:1019px){
  .sidebar{z-index:2001!important;touch-action:pan-y!important;scroll-behavior:smooth!important;-webkit-overflow-scrolling:touch!important;overscroll-behavior-y:contain!important}
  .sidebar-overlay{z-index:2000!important}
  .topbar{z-index:1800!important}
  .sidebar .side-link{touch-action:manipulation}
}
@media(prefers-reduced-motion:reduce){
  .course-category-nav .category-chip::before,.user-course-category-nav .category-chip::before,.course-mobile-category-nav .category-chip::before,.profile-course-category-sidebar .profile-course-cat::before,.profile-course-mobile-nav .profile-course-cat::before{animation:none!important}
}

.course-category-nav .category-chip>*,.user-course-category-nav .category-chip>*,.course-mobile-category-nav .category-chip>*,.profile-course-category-sidebar .profile-course-cat>*,.profile-course-mobile-nav .profile-course-cat>*{position:relative;z-index:1}


/* V76 — matching edge-progress category borders in the authenticated course library. */
.course-category-nav .category-chip,
.user-course-category-nav .category-chip,
.course-mobile-category-nav .category-chip,
.profile-course-category-sidebar .profile-course-cat,
.profile-course-mobile-nav .profile-course-cat{
  overflow:hidden!important;
  border:1px solid rgba(112,45,255,.14)!important;
  box-shadow:none!important;
}
.course-category-nav .category-chip::before,
.user-course-category-nav .category-chip::before,
.course-mobile-category-nav .category-chip::before,
.profile-course-category-sidebar .profile-course-cat::before,
.profile-course-mobile-nav .profile-course-cat::before{
  inset:0!important;
  border-radius:inherit!important;
  z-index:2!important;
  opacity:.78!important;
  background:
    linear-gradient(90deg,transparent 0%,#702dff 25%,#ff4f6c 42%,#f4bd32 55%,transparent 75%) top left/220% 2px no-repeat,
    linear-gradient(180deg,transparent 0%,#18b98c 25%,#5f6cff 44%,#702dff 58%,transparent 78%) top right/2px 220% no-repeat,
    linear-gradient(270deg,transparent 0%,#ff4f6c 25%,#f4bd32 42%,#18b98c 58%,transparent 78%) bottom right/220% 2px no-repeat,
    linear-gradient(0deg,transparent 0%,#5f6cff 25%,#702dff 44%,#ff4f6c 58%,transparent 78%) bottom left/2px 220% no-repeat!important;
  animation:beeduAppCategoryEdgeProgress 5.6s linear infinite!important;
  transform:none!important;
}
.course-category-nav .category-chip:hover,
.user-course-category-nav .category-chip:hover,
.course-mobile-category-nav .category-chip:hover,
.profile-course-category-sidebar .profile-course-cat:hover,
.profile-course-mobile-nav .profile-course-cat:hover{
  border-color:rgba(112,45,255,.30)!important;
  box-shadow:0 10px 22px rgba(70,38,120,.10)!important;
}
.course-category-nav .category-chip:hover::before,
.user-course-category-nav .category-chip:hover::before,
.course-mobile-category-nav .category-chip:hover::before,
.profile-course-category-sidebar .profile-course-cat:hover::before,
.profile-course-mobile-nav .profile-course-cat:hover::before{opacity:1!important;animation-duration:2.8s!important}
@keyframes beeduAppCategoryEdgeProgress{
  0%{background-position:-100% 0,100% -100%,100% 100%,0 100%}
  24%{background-position:0 0,100% -100%,100% 100%,0 100%}
  49%{background-position:100% 0,100% 0,100% 100%,0 100%}
  74%{background-position:100% 0,100% 100%,0 100%,0 100%}
  100%{background-position:100% 0,100% 100%,100% 100%,0 -100%}
}
@media(max-width:1019px){
  .sidebar{z-index:2147483001!important;touch-action:pan-y!important;-webkit-overflow-scrolling:touch!important;scroll-behavior:smooth!important;overscroll-behavior-y:contain!important}
  .sidebar-overlay{z-index:2147483000!important}
  .topbar{z-index:2147482000!important}
}
@media(prefers-reduced-motion:reduce){
  .course-category-nav .category-chip::before,
  .user-course-category-nav .category-chip::before,
  .course-mobile-category-nav .category-chip::before,
  .profile-course-category-sidebar .profile-course-cat::before,
  .profile-course-mobile-nav .profile-course-cat::before{animation:none!important}
}

/* V29 — profile avatar fallback + instant upload state. */
.avatar-fallback-human{
  width:100%;height:100%;display:grid;place-items:center;
  color:#6b32d4!important;
  background:radial-gradient(circle at 50% 28%,#ffffff 0 18%,transparent 19%),linear-gradient(145deg,#efe8ff,#dcd0ff 72%,#f8f5ff)!important;
  position:relative;overflow:hidden;
}
.avatar-fallback-human:after{content:"";position:absolute;left:50%;bottom:-20%;width:78%;height:58%;transform:translateX(-50%);border-radius:50% 50% 18% 18%;background:linear-gradient(180deg,#8b63e9,#6330cf);opacity:.22}
.profile-avatar-hint{display:flex;align-items:center;justify-content:center;gap:6px;min-height:30px;margin-top:8px;padding:7px 10px;border-radius:10px;font-size:10px;line-height:1.35;text-align:center;background:#f6f1ff;color:#6c31d5;border:1px solid #e8ddff}
.profile-avatar-hint[data-state="success"]{background:#eafaf4;color:#087d67;border-color:#ccefe3}
.profile-avatar-hint[data-state="error"]{background:#fff1f4;color:#c53557;border-color:#ffd8e1}
.profile-avatar-hint[data-state="loading"]{background:#f2edff;color:#6430d5;border-color:#e3d8ff}
.profile-avatar-save-btn[hidden]{display:none!important}

/* V29 — premium public authentication header + modal-style login/register card. */
.auth-page{background:radial-gradient(circle at 50% -15%,rgba(112,45,255,.13),transparent 42%),linear-gradient(180deg,#faf8ff 0%,#f5f1fb 100%)}
.auth-page .app{min-height:100dvh}
.auth-topbar{position:fixed;inset:0 0 auto 0;height:72px;z-index:2147483000;background:rgba(255,255,255,.90);border-bottom:1px solid rgba(112,45,255,.10);backdrop-filter:blur(20px) saturate(140%);-webkit-backdrop-filter:blur(20px) saturate(140%)}
.auth-topbar-inner{width:min(1180px,calc(100% - 32px));height:100%;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:18px}
.auth-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#241934;min-width:0}
.auth-brand-logo{position:relative;width:42px;height:42px;flex:0 0 42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,#702dff,#9a68ff);color:#fff;box-shadow:0 9px 22px rgba(112,45,255,.20);overflow:hidden}
.auth-brand-logo img{width:100%;height:100%;object-fit:contain;padding:5px;display:block}
.auth-brand-logo i{font-size:18px}.auth-brand span:last-child{min-width:0}.auth-brand strong,.auth-brand small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.auth-brand strong{font-size:16px;line-height:1.1}.auth-brand small{margin-top:3px;font-size:8px;color:#8d819b;font-weight:700;letter-spacing:.04em}
.auth-topbar-actions{display:flex;align-items:center;gap:7px}.auth-topbar-actions a{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:38px;padding:0 12px;border-radius:11px;color:#655b70;text-decoration:none;font-size:11px;font-weight:800;border:1px solid transparent;transition:.2s ease}.auth-topbar-actions a:hover,.auth-topbar-actions a.active{color:#612bd5;background:#f0eaff;border-color:#dfd2ff}.auth-topbar-actions a:first-child{background:#faf8fd;border-color:#ece7f2}
.auth-page .main{padding-top:84px;min-height:100dvh}.auth-page .container{width:min(100%,1180px)}
.auth-page .auth-wrap{position:relative;min-height:calc(100dvh - 84px);display:grid!important;place-items:center!important;width:100%!important;padding:28px 16px 44px!important;margin:0!important;isolation:isolate}
.auth-page .auth-wrap:before{content:"";position:absolute;inset:6% 8% 8%;border-radius:40px;background:radial-gradient(circle at 50% 20%,rgba(112,45,255,.08),transparent 42%);pointer-events:none;z-index:-1}
.auth-page .auth-card{position:relative;width:min(510px,100%);padding:30px;background:rgba(255,255,255,.97);border:1px solid rgba(112,45,255,.14);border-radius:26px;box-shadow:none!important;animation:beeduAuthCardIn .42s cubic-bezier(.2,.8,.2,1) both}
.auth-page .auth-side{display:none!important}
.auth-page .auth-logo{position:relative;display:flex;align-items:center;gap:11px;margin-bottom:25px;padding:4px 0}.auth-logo-mark{position:relative;width:50px;height:50px;flex:0 0 50px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#702dff,#9a68ff);color:#fff;overflow:hidden;box-shadow:none}.auth-logo-mark img{width:100%;height:100%;object-fit:contain;padding:6px}.auth-logo-mark i{font-size:21px}.auth-logo-orbit{position:absolute;left:-4px;top:-4px;width:58px;height:58px;border:1px solid rgba(112,45,255,.20);border-top-color:#702dff;border-right-color:#ffcf45;border-radius:50%;animation:beeduAuthOrbit 3.6s linear infinite;pointer-events:none}.auth-page .auth-logo b{font-size:16px}.auth-page .auth-logo small{font-size:9px}.auth-page .auth-card h1{font-size:30px;line-height:1.2;letter-spacing:-.035em;margin:7px 0 9px}.auth-page .auth-card>.muted{font-size:12px;line-height:1.75;margin-bottom:20px}.auth-page .auth-card .input{min-height:48px;border-radius:12px;border-color:#e5dff0;background:#fcfbff;box-shadow:none}.auth-page .auth-card .input:focus{border-color:#9b7aff;box-shadow:0 0 0 3px rgba(112,45,255,.08)}.auth-page .auth-card .btn-large{min-height:52px;border-radius:13px;box-shadow:none}.auth-page .auth-offer{box-shadow:none!important;border:1px solid #e9e1f8;background:linear-gradient(145deg,#faf7ff,#f5efff)}
.auth-page .mobile-site-footer{display:none!important}.auth-page .live-chat-widget{z-index:2147482900}
@keyframes beeduAuthCardIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}
@keyframes beeduAuthOrbit{to{transform:rotate(360deg)}}
@media(max-width:699px){
  .auth-topbar{height:62px}.auth-topbar-inner{width:calc(100% - 20px)}.auth-brand-logo{width:38px;height:38px;flex-basis:38px;border-radius:12px}.auth-brand strong{font-size:14px}.auth-brand small{font-size:7px}.auth-topbar-actions a{min-height:34px;padding:0 9px;font-size:9px}.auth-topbar-actions a i{font-size:11px}.auth-page .main{padding-top:70px}.auth-page .auth-wrap{min-height:calc(100dvh - 70px);padding:18px 8px 28px!important}.auth-page .auth-wrap:before{inset:2% 0 5%;border-radius:25px}.auth-page .auth-card{padding:21px 16px;border-radius:22px}.auth-page .auth-logo{margin-bottom:20px}.auth-page .auth-logo-mark{width:46px;height:46px;flex-basis:46px;border-radius:14px}.auth-page .auth-logo-orbit{width:54px;height:54px}.auth-page .auth-card h1{font-size:24px}.auth-page .auth-card>.muted{font-size:11px;line-height:1.65}.auth-page .auth-card .input{min-height:46px}.auth-page .auth-offer{grid-template-columns:36px minmax(0,1fr);gap:8px;padding:11px}.auth-page .auth-offer a{grid-column:1/-1;width:100%;min-height:44px}.auth-page .auth-offer b{font-size:10px}.auth-page .auth-offer small{font-size:8px}
}
@media(prefers-reduced-motion:reduce){.auth-logo-orbit,.auth-page .auth-card{animation:none!important}}

/* V75 — premium secure login modal. The modal lives above page content but respects fixed header/footer safe zones. */
.beeedu-login-modal{display:none!important}
.beedu-login-modal[hidden]{display:none!important}
.beedu-login-modal{position:fixed;left:0;right:0;top:0;bottom:0;z-index:2147483645;display:grid;place-items:center;padding:20px;isolation:isolate;opacity:0;visibility:hidden;transition:opacity .18s ease,visibility .18s ease}
.beedu-login-modal.is-open{opacity:1;visibility:visible}
.beedu-login-backdrop{position:absolute;inset:0;background:rgba(19,11,42,.68);backdrop-filter:blur(10px) saturate(120%);-webkit-backdrop-filter:blur(10px) saturate(120%)}
.beedu-login-dialog{position:relative;z-index:2;width:min(480px,calc(100% - 20px));max-height:min(760px,calc(100dvh - 40px));overflow:auto;background:linear-gradient(145deg,rgba(255,255,255,.99),rgba(249,246,255,.98));border:1px solid rgba(112,45,255,.15);border-radius:28px;padding:26px;box-shadow:0 28px 90px rgba(15,5,45,.28);transform:translateY(12px) scale(.985);transition:transform .22s cubic-bezier(.2,.8,.2,1)}
.beedu-login-modal.is-open .beedu-login-dialog{transform:none}
.beedu-login-close{position:absolute;right:14px;top:14px;width:36px;height:36px;border:1px solid rgba(112,45,255,.10);border-radius:50%;background:rgba(255,255,255,.9);color:#655a76;display:grid;place-items:center;cursor:pointer;box-shadow:none;z-index:4}
.beedu-login-brand{display:flex;align-items:center;gap:11px;margin-bottom:18px;padding-right:40px}.beedu-login-brand>span:last-child{min-width:0}.beedu-login-brand strong,.beedu-login-brand small{display:block}.beedu-login-brand strong{font-size:16px;color:#25183a}.beedu-login-brand small{margin-top:2px;font-size:8px;color:#8a7d98;font-weight:800;letter-spacing:.04em}
.beedu-login-logo{position:relative;width:52px;height:52px;flex:0 0 52px;border-radius:16px;display:grid;place-items:center;overflow:visible;background:linear-gradient(145deg,#702dff,#9a68ff);color:#fff;box-shadow:0 12px 28px rgba(112,45,255,.2)}
.beedu-login-logo img{width:100%;height:100%;object-fit:contain;padding:6px;border-radius:inherit}.beedu-login-logo>i{font-size:22px}.beedu-login-orbit{position:absolute;inset:-5px;border:1px solid rgba(112,45,255,.20);border-top-color:#702dff;border-right-color:#ffcf45;border-radius:50%;animation:beeduLoginOrbit 3.6s linear infinite;pointer-events:none}
.beedu-login-dialog>.overline{font-size:9px;color:#702dff;font-weight:900;letter-spacing:.08em}.beedu-login-dialog h2{margin:7px 0 7px;font-size:28px;line-height:1.2;letter-spacing:-.035em;color:#25183a}.beedu-login-subtitle{margin:0 0 17px;color:#766b83;font-size:11px;line-height:1.65}
.beedu-login-alert{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;border-radius:12px;margin:0 0 12px;font-size:10px;line-height:1.5}.beedu-login-alert.error{background:#fff0f3;border:1px solid #ffd6df;color:#b72d4d}.beedu-login-alert.success{background:#eafaf4;border:1px solid #ccefe3;color:#087d67}
.beedu-login-form{display:grid;gap:12px}.beedu-login-field{display:grid;gap:6px}.beedu-login-field>span{font-size:10px;font-weight:900;color:#51445f}.beedu-login-field .input{width:100%;min-height:47px;border-radius:12px;border:1px solid #e4ddef;background:#fff;box-shadow:none}.beedu-login-field .input:focus{border-color:#9a78ed;outline:none;box-shadow:0 0 0 3px rgba(112,45,255,.08)}
.beedu-login-submit{min-height:50px;border:0;border-radius:13px;background:linear-gradient(135deg,#702dff,#955eff);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:900;cursor:pointer;box-shadow:0 12px 24px rgba(112,45,255,.18);transition:transform .18s ease,filter .18s ease}.beedu-login-submit:hover{filter:brightness(1.04);transform:translateY(-1px)}.beedu-login-submit:disabled{opacity:.72;cursor:wait;transform:none}.beedu-login-submit.is-loading i:last-child{animation:beeduLoginArrow .8s ease-in-out infinite alternate}
.beedu-login-divider{display:flex;align-items:center;gap:9px;margin:1px 0}.beedu-login-divider:before,.beedu-login-divider:after{content:"";height:1px;background:#ebe5f1;flex:1}.beedu-login-divider span{font-size:8px;color:#9a8da5;font-weight:800}
.beedu-login-register{display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:9px;padding:10px;border-radius:13px;background:#f7f3ff;border:1px solid #e9defb;text-decoration:none;color:#4f3e68}.beedu-login-register>i:first-child{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#e9e0ff;color:#702dff}.beedu-login-register span{min-width:0}.beedu-login-register strong,.beedu-login-register small{display:block}.beedu-login-register strong{font-size:10px}.beedu-login-register small{margin-top:2px;font-size:8px;color:#8a7d96}.beedu-login-register>i:last-child{color:#7c6b90;font-size:10px}
.beedu-login-security{display:flex;align-items:flex-start;gap:7px;margin-top:10px;color:#91849d;font-size:7.5px;line-height:1.5}.beedu-login-security i{color:#12a789;margin-top:1px}
html.beedu-login-modal-open,body.beedu-login-modal-open{overflow:hidden!important}
.auth-login-fallback{min-height:55vh}.auth-register-fallback{min-height:calc(100dvh - 84px);display:grid;place-items:center;padding:30px 16px}.auth-register-fallback-card{width:min(510px,100%);padding:30px;border:1px solid rgba(112,45,255,.14);border-radius:26px;background:rgba(255,255,255,.97)}
@keyframes beeduLoginOrbit{to{transform:rotate(360deg)}}@keyframes beeduLoginArrow{from{transform:translateX(0)}to{transform:translateX(3px)}}
@media(max-width:699px){
  .beedu-login-modal{padding:0;top:62px;bottom:0;align-items:center}
  .landing-v4 .beedu-login-modal{top:64px;bottom:70px}
  .beedu-login-dialog{width:calc(100% - 16px);max-height:calc(100% - 14px);padding:21px 16px 17px;border-radius:22px}
  .beedu-login-close{right:10px;top:10px;width:33px;height:33px}
  .beedu-login-brand{margin-bottom:14px}.beedu-login-logo{width:46px;height:46px;flex-basis:46px;border-radius:14px}.beedu-login-orbit{inset:-4px}.beedu-login-dialog h2{font-size:23px}.beedu-login-subtitle{font-size:10px;margin-bottom:14px}.beedu-login-field .input{min-height:45px}.beedu-login-submit{min-height:48px}.beedu-login-security{font-size:7px}
  .auth-page .beedu-login-modal{top:62px;bottom:0}
}
@media(min-width:700px){.landing-v4 .beedu-login-modal{top:64px;bottom:0}.beedu-login-modal{padding:16px}.auth-page .beedu-login-modal{top:72px;bottom:0}}
@media(prefers-reduced-motion:reduce){.beedu-login-logo .beedu-login-orbit,.beedu-login-modal,.beedu-login-dialog,.beedu-login-submit{animation:none!important;transition:none!important}}

/* V76 — auth switch + interaction-layer hardening. */
.beedu-auth-pane[hidden]{display:none!important}
.beedu-auth-switch{width:100%;border:0;cursor:pointer;font:inherit;text-align:left}
.beedu-register-form{gap:11px}
.beedu-login-dialog{overscroll-behavior:contain;touch-action:auto}
/* A hidden push gate must never leave an invisible hit-test layer above the footer. */
.bunbd-push-gate[hidden]{display:none!important;pointer-events:none!important;visibility:hidden!important}
.bunbd-push-gate{pointer-events:none!important}
.bunbd-push-card,.bunbd-push-card *{pointer-events:auto}
@media(max-width:699px){
  .beedu-login-dialog{max-height:calc(100dvh - 14px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .beedu-login-form{gap:10px}
}

/* V76 — auth switch + interaction-layer hardening. */
.beedu-auth-pane[hidden]{display:none!important}
.beedu-auth-switch{width:100%;border:0;cursor:pointer;font:inherit;text-align:left}
.beedu-register-form{gap:11px}
.beedu-login-dialog{overscroll-behavior:contain;touch-action:auto}
.bunbd-push-gate[hidden]{display:none!important;pointer-events:none!important;visibility:hidden!important}
.bunbd-push-gate{pointer-events:none!important}
.bunbd-push-card,.bunbd-push-card *{pointer-events:auto}
@media(max-width:699px){.beedu-login-dialog{max-height:calc(100dvh - 14px);overflow-y:auto;-webkit-overflow-scrolling:touch}.beedu-login-form{gap:10px}}
\n\n/* V77 — keyboard-safe auth modal + accessible password visibility controls. */\n.beeedu-login-modal{display:none!important}\n.beedu-login-modal.is-open{display:grid!important}\n.beedu-password-wrap{position:relative;display:block;width:100%}\n.beedu-password-wrap .input{padding-right:52px!important}\n.beedu-password-toggle{position:absolute;inset-inline-end:8px;top:50%;transform:translateY(-50%);width:34px;height:34px;margin:0;padding:0;border:0;border-radius:9px;background:transparent;color:#8b7b99;display:grid;place-items:center;cursor:pointer;z-index:3;line-height:1;appearance:none;-webkit-appearance:none;transition:background .15s ease,color .15s ease}\n.beedu-password-toggle:hover,.beedu-password-toggle:focus-visible{background:#f1ebff;color:#702dff;outline:none}\n.beedu-password-toggle i{font-size:14px;line-height:1;display:block;pointer-events:none}\n@media(max-width:699px){\n  .beedu-login-modal{top:var(--beedu-auth-vv-top,62px)!important;bottom:auto!important;height:var(--beedu-auth-vv-height,calc(100dvh - 62px))!important;max-height:none!important;padding:7px 8px 8px!important;align-items:flex-start!important;overflow:hidden!important}\n  .landing-v4 .beedu-login-modal{top:var(--beedu-auth-vv-top,64px)!important}\n  .beedu-login-dialog{width:100%!important;max-width:520px;margin:0 auto;max-height:100%!important;height:auto;overflow-y:auto!important;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:19px 15px 20px!important}\n  .beedu-login-dialog:focus{outline:none}\n  .beedu-login-form{padding-bottom:2px}\n}\n@media(prefers-reduced-motion:reduce){.beedu-password-toggle{transition:none}}\n
/* V78 — refined password visibility control alignment. */
.beedu-password-wrap{position:relative!important;width:100%!important;display:block!important}
.beedu-password-wrap>.beedu-password-toggle{position:absolute!important;right:8px!important;inset-inline-end:8px!important;top:50%!important;bottom:auto!important;margin:0!important;padding:0!important;width:34px!important;height:34px!important;transform:translateY(-50%)!important;z-index:5!important}
.beedu-password-wrap>.input{width:100%!important;padding-right:52px!important}
@media(max-width:699px){.beedu-password-wrap>.beedu-password-toggle{right:7px!important;inset-inline-end:7px!important;width:33px!important;height:33px!important}.beedu-password-wrap>.input{padding-right:50px!important}}

/* V79 — industrial password visibility control: icon stays inside the input, no background. */
.beedu-password-wrap{position:relative!important;display:block!important;width:100%!important}
.beedu-password-wrap>.input{width:100%!important;padding-right:48px!important}
.beedu-password-wrap>.beedu-password-toggle{position:absolute!important;right:9px!important;inset-inline-end:9px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:30px!important;height:30px!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#766a83!important;display:grid!important;place-items:center!important;z-index:6!important;cursor:pointer!important;line-height:1!important;appearance:none!important;-webkit-appearance:none!important}
.beedu-password-wrap>.beedu-password-toggle:hover,.beedu-password-wrap>.beedu-password-toggle:focus,.beedu-password-wrap>.beedu-password-toggle:focus-visible{background:transparent!important;box-shadow:none!important;color:#702dff!important;outline:none!important}
.beedu-password-wrap>.beedu-password-toggle i{font-size:14px!important;line-height:1!important;pointer-events:none!important}
@media(max-width:699px){
  .beedu-password-wrap>.input{padding-right:46px!important}
  .beedu-password-wrap>.beedu-password-toggle{right:8px!important;inset-inline-end:8px!important;width:30px!important;height:30px!important}
}

/* Secure password-reset page */
.auth-reset-page{min-height:calc(100dvh - 140px);display:grid;place-items:center;padding:28px 16px 80px;background:linear-gradient(180deg,#faf8ff 0%,#fff 70%)}
.auth-reset-card{width:min(100%,520px);background:#fff;border:1px solid rgba(112,45,255,.10);border-radius:28px;padding:34px;box-shadow:0 18px 55px rgba(45,25,80,.08);text-align:left}
.auth-reset-icon{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#702dff,#9b72ff);color:#fff;font-size:22px;margin-bottom:20px;box-shadow:0 10px 25px rgba(112,45,255,.20)}
.auth-reset-card h1{margin:7px 0 10px;font-size:clamp(24px,4vw,32px);line-height:1.15}.auth-reset-card>p{color:#6f6878;line-height:1.7;margin:0 0 22px}.auth-reset-form{display:grid;gap:15px}.auth-reset-form .beedu-login-submit{width:100%}
@media(max-width:699px){.auth-reset-page{min-height:calc(100dvh - 112px);padding:14px 10px 72px}.auth-reset-card{border-radius:22px;padding:24px 17px;box-shadow:0 12px 36px rgba(45,25,80,.06)}}

/* V78 — password recovery polish + admin password controls */
.beeedu-login-modal{display:none!important}
.beedu-forgot-link{display:inline-flex;align-items:center;justify-content:center;gap:7px;margin:1px auto 0;padding:4px 8px;border:0;background:transparent;color:#766488;font-size:9px;font-weight:800;cursor:pointer;text-decoration:none}.beedu-forgot-link i{font-size:9px;color:#702dff}.beedu-forgot-link:hover{color:#702dff}
.auth-reset-card{position:relative;overflow:hidden}.auth-reset-card:before{content:"";position:absolute;inset:-60px auto auto -60px;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,rgba(112,45,255,.10),transparent 68%);pointer-events:none}.auth-reset-card>*{position:relative}.auth-reset-success{text-align:center}.auth-reset-success .auth-reset-icon{margin:0 auto 20px;background:linear-gradient(135deg,#702dff,#a26dff)}.auth-reset-success h1{font-size:30px}.auth-reset-success p{font-size:14px}.admin-password-control-card .label{display:grid;gap:6px}.admin-password-control-card .beedu-password-wrap{display:block;position:relative}.admin-password-control-card .beedu-password-wrap .input{width:100%;padding-right:52px}.admin-password-control-card .beedu-password-toggle{position:absolute;right:8px;top:50%;transform:translateY(-50%);background:transparent;border:0;width:34px;height:34px}

/* V80 — User Panel mobile course cards: +30px vertical room only on mobile. */
@media(max-width:699px){
  .user-premium-course{height:578px!important;min-height:578px!important}
  .user-premium-course .user-course-body{height:382px!important;min-height:382px!important}
}

/* V23 — dynamic course-card sizing. Each course collection calculates its own
   natural tallest card, so landing and User Panel can have different heights. */
.lp-course-grid .lp-course-card,
.course-library-shell .user-premium-course{
  height:auto !important;
  min-height:0 !important;
  align-self:stretch;
}
.lp-course-grid .lp-course-card .lp-course-card-body,
.course-library-shell .user-premium-course .user-course-body{
  height:auto !important;
  min-height:0 !important;
}
.lp-course-grid .lp-course-card .lp-course-card-body,
.course-library-shell .user-premium-course .user-course-body{
  display:flex;
  flex-direction:column;
}
.lp-course-grid .lp-course-card .lp-course-card-foot,
.course-library-shell .user-premium-course .user-course-foot{margin-top:auto}

/* Targeted V2 course-card CTA refinement: consistent premium primary action above syllabus. */
.lp-course-start-btn-card{
  width:100%;
  min-height:54px!important;
  margin:14px 0 9px;
  justify-content:center;
  border-radius:15px!important;
  background:linear-gradient(135deg,#5b21b6 0%,#7c3aed 48%,#a855f7 100%);
  color:#fff!important;
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 12px 28px rgba(91,33,182,.24),inset 0 1px 0 rgba(255,255,255,.24);
  letter-spacing:.01em;
}
.lp-course-start-btn-card:hover{
  transform:translateY(-2px);
  filter:saturate(1.08) brightness(1.03);
  box-shadow:0 16px 32px rgba(91,33,182,.30),inset 0 1px 0 rgba(255,255,255,.28);
}
.lp-course-start-btn-card:active{transform:translateY(0);}
.lp-course-start-btn-card:after{animation-duration:4s;}
.lp-course-card-body>.course-outline-trigger{margin-top:0;}

/* V90 — Beedu User Panel premium dark product UI, responsive reference implementation.
   UI layer only: existing routes, API calls, database logic and learning flows remain unchanged. */
.user-panel-page{--beedu-bg:#06112b;--beedu-bg2:#081936;--beedu-panel:#0b1c3e;--beedu-panel2:#0d2249;--beedu-line:rgba(113,153,255,.20);--beedu-text:#f7f9ff;--beedu-muted:#9eafd0;--beedu-violet:#7138ff;--beedu-violet2:#9b65ff;--beedu-cyan:#24d5d2;--beedu-green:#20c98b;background:var(--beedu-bg);color:var(--beedu-text);}
.user-panel-page .app{background:radial-gradient(circle at 78% 0%,rgba(69,52,180,.12),transparent 32%),linear-gradient(180deg,#06112b,#07142f 48%,#06112b);min-height:100vh}
.user-panel-page .topbar{height:76px;background:rgba(5,15,38,.94);border-bottom:1px solid var(--beedu-line);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
.user-panel-page .topbar-inner{width:min(100%,1540px);padding:0 18px;gap:18px}.user-panel-page .brand{color:#fff}.user-panel-page .brand-logo-img{width:38px;height:38px;border-radius:11px;object-fit:cover}.user-panel-page .top-brand-name{font-weight:900;letter-spacing:-.02em}.user-panel-page .icon-btn{background:#091a39;color:#dce7ff;border:1px solid var(--beedu-line)}
.user-panel-page .desktop-global-search{display:flex;align-items:center;gap:10px;flex:1;max-width:630px;height:46px;padding:0 12px;border:1px solid rgba(87,135,239,.34);background:#091a39;border-radius:15px;box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 35px rgba(0,0,0,.12)}
.user-panel-page .desktop-global-search i{color:#8cb1ff;font-size:16px}.user-panel-page .desktop-global-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#eef4ff;font-size:13px;font-family:inherit}.user-panel-page .desktop-global-search input::placeholder{color:#7184a8}.user-panel-page .desktop-global-search kbd{font:700 10px Inter,sans-serif;color:#8da4cc;background:#102653;border:1px solid rgba(120,156,224,.14);border-radius:8px;padding:6px 9px}.user-panel-page .mobile-page-title,.user-panel-page .mobile-back-btn{display:none}
.user-panel-page .profile-chip{display:flex;align-items:center;gap:8px;color:#f0f4ff;font-size:12px;font-weight:800}.user-panel-page .top-avatar{width:38px;height:38px;border-radius:50%;overflow:hidden;border:2px solid #2f83ff;box-shadow:0 0 0 3px rgba(40,131,255,.13)}.user-panel-page .top-avatar img{width:100%;height:100%;object-fit:cover}.user-panel-page .top-actions{gap:12px}.user-panel-page .top-actions .icon-btn{width:42px;height:42px}
.user-panel-page .sidebar{background:linear-gradient(180deg,#061331,#071735);border-right:1px solid var(--beedu-line);padding:18px 14px}.user-panel-page .sidebar .brand{padding:2px 12px 20px}.user-panel-page .sidebar-label{color:#667fae;font-size:10px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;padding:8px 13px}.user-panel-page .side-link{color:#a9b9d8;border:1px solid transparent;border-radius:14px;padding:11px 13px;font-size:13px;font-weight:800}.user-panel-page .side-link i{color:#9db4dc;width:22px;text-align:center}.user-panel-page .side-link:hover{background:#0b2147;color:#fff;border-color:rgba(104,147,237,.14)}.user-panel-page .side-link.active{background:linear-gradient(90deg,#5c2cf1,#7b43ff);color:#fff;box-shadow:0 10px 25px rgba(91,47,244,.32)}.user-panel-page .side-link.active i{color:#fff}.user-panel-page .sidebar-quick-actions{margin-top:auto}.user-panel-page .sidebar-notification-link{background:rgba(255,255,255,.025)}.user-panel-page .sidebar-logout-link{border-color:rgba(109,143,208,.24);margin-top:8px}.user-panel-page .nav-badge{background:#ff4567;color:#fff}
.user-panel-page .main{padding:20px 0 40px}.user-panel-page .container{width:min(1540px,calc(100% - 40px));max-width:none}.user-panel-page .card,.user-panel-page .ux25-card,.user-panel-page .profile-premium-hero,.user-panel-page .profile-subscription-timeline,.user-panel-page .ticket-card,.user-panel-page .notification-item,.user-panel-page .course-final-exam{background:linear-gradient(145deg,rgba(10,29,64,.98),rgba(8,24,53,.98));border:1px solid var(--beedu-line);box-shadow:0 16px 42px rgba(0,0,0,.20);color:var(--beedu-text)}
.user-panel-page .muted,.user-panel-page .card p,.user-panel-page .ux25-card p{color:var(--beedu-muted)}.user-panel-page .overline{color:#a886ff;letter-spacing:.12em;font-weight:900}.user-panel-page h1,.user-panel-page h2,.user-panel-page h3,.user-panel-page b,.user-panel-page strong{color:inherit}.user-panel-page .section-head h2{color:#f5f7ff}.user-panel-page .btn-primary{background:linear-gradient(135deg,#6c35ff,#8d55ff);box-shadow:0 10px 25px rgba(106,53,255,.28);color:#fff}.user-panel-page .btn-soft{background:#0e2853;color:#cbdcff;border:1px solid rgba(110,151,238,.22)}.user-panel-page .btn-white{background:#fff;color:#4f26c7}.user-panel-page .progress{background:#18345e}.user-panel-page .progress>span{background:linear-gradient(90deg,#11cdb8,#32d4d0)}
.user-panel-page .ux25-dashboard-hero{background:radial-gradient(circle at 78% 35%,rgba(117,70,255,.48),transparent 32%),linear-gradient(125deg,#1027a7,#2728a9 48%,#5d20be);border:1px solid rgba(112,154,255,.32);box-shadow:0 24px 70px rgba(35,23,119,.28);min-height:205px}.user-panel-page .ux25-dashboard-hero h1{font-size:30px}.user-panel-page .ux25-dashboard-hero p{color:#d9e0ff}.user-panel-page .ux25-stat-card{background:linear-gradient(145deg,#0c2046,#0b1a39);border:1px solid var(--beedu-line);box-shadow:0 14px 35px rgba(0,0,0,.18);color:#fff}.user-panel-page .ux25-stat-card small,.user-panel-page .ux25-stat-card em{color:#91a8cf}.user-panel-page .ux25-stat-card strong{color:#fff}.user-panel-page .ux25-main-grid{grid-template-columns:minmax(0,1fr) 330px}.user-panel-page .ux25-right-col{grid-template-columns:1fr}.user-panel-page .ux25-reward-card{background:linear-gradient(145deg,#2b1776,#5a22c9);border-color:rgba(179,144,255,.35)}.user-panel-page .ux25-reward-card p{color:#e1d9ff}.user-panel-page .ux25-reward-card .btn-white{color:#5b27c8}.user-panel-page .ux25-calendar-grid span,.user-panel-page .ux25-calendar-grid b{color:#8fa5ca}.user-panel-page .ux25-calendar-grid .today-day{background:#7138ff;color:#fff;box-shadow:0 7px 18px rgba(113,56,255,.35)}.user-panel-page .ux25-calendar-grid .active-day{color:#44d7c1}.user-panel-page .ux25-mini-link{border-top-color:rgba(120,154,220,.15);color:#e7edff}.user-panel-page .ux25-mini-link small{color:#8ea4c9}
.user-panel-page .ux25-course-mini{background:#0a1d40;border:1px solid rgba(101,145,230,.18);color:#fff}.user-panel-page .ux25-course-mini small{color:#91a6c8}.user-panel-page .ux25-reminder-card{background:linear-gradient(100deg,#0a806f,#0d9e89);border:1px solid rgba(52,241,206,.28);box-shadow:0 18px 38px rgba(0,140,118,.18)}.user-panel-page .ux25-reminder-copy p{color:#d6fff6}
/* User course library */
.user-panel-page .landing-v4.user-course-landing-library{background:transparent}.user-panel-page .lp-category-section,.user-panel-page .lp-course-section{background:transparent}.user-panel-page .lp-category-head,.user-panel-page .lp-section-toolbar{color:#fff}.user-panel-page .lp-category-copy h2,.user-panel-page .lp-section-toolbar h2{color:#fff}.user-panel-page .lp-category-copy p,.user-panel-page .lp-section-toolbar p{color:#8ea5c9}.user-panel-page .lp-search{background:#0b1e41;border-color:rgba(111,151,233,.22)}.user-panel-page .lp-search input{color:#eef4ff}.user-panel-page .lp-search input::placeholder{color:#7187aa}.user-panel-page .lp-category-card{background:linear-gradient(145deg,#0b1d3e,#0a1835);border-color:rgba(105,149,236,.18);color:#dce7ff;box-shadow:0 12px 30px rgba(0,0,0,.14)}.user-panel-page .lp-category-card small{color:#8299bd}.user-panel-page .lp-category-card.active{border-color:#7a4dff;box-shadow:0 12px 30px rgba(102,53,255,.22)}.user-panel-page .lp-filter-pills button{background:#0b1d3e;color:#9bb0d2;border-color:rgba(108,149,230,.18)}.user-panel-page .lp-filter-pills button.active{background:#7138ff;color:#fff;border-color:#7138ff}.user-panel-page .lp-course-card{background:linear-gradient(145deg,#0b1e41,#091a38);border:1px solid rgba(108,150,232,.22);box-shadow:0 18px 42px rgba(0,0,0,.22);color:#fff}.user-panel-page .lp-course-card-body h3{color:#fff}.user-panel-page .lp-course-card-body p{color:#91a7cb}.user-panel-page .lp-course-kicker,.user-panel-page .lp-course-kicker span{color:#93a9cc}.user-panel-page .lp-course-start-btn-card{background:linear-gradient(135deg,#6c34ff,#9259ff)!important;color:#fff!important;box-shadow:0 12px 26px rgba(103,49,255,.28)}.user-panel-page .course-outline-trigger{background:#0e2852;color:#c8d8f7;border-color:rgba(113,154,234,.22)}.user-panel-page .beedu-user-course-progress{background:#091936;border-color:rgba(112,151,226,.15)}.user-panel-page .beedu-user-progress-head,.user-panel-page .beedu-user-progress-stats,.user-panel-page .lp-course-learners{color:#8ea5c9}.user-panel-page .beedu-user-progress-track{background:#17325a}.user-panel-page .lp-course-tags span,.user-panel-page .lp-course-goal{background:#0d2852;color:#a8bce0;border-color:rgba(109,150,230,.15)}.user-panel-page .lp-access-strip{background:linear-gradient(110deg,#132e70,#1a1b6d 50%,#3a176b);border-color:rgba(118,143,255,.25);color:#fff}.user-panel-page .lp-access-strip small{color:#aebfe1}.user-panel-page .lp-course-more{background:#0a1c3d;border-color:rgba(108,150,232,.18);color:#fff}.user-panel-page .lp-course-more span{color:#8ea4c8}
/* Profile / rewards / support / notifications */
.user-panel-page .profile-premium-hero{background:linear-gradient(115deg,#101f49,#1d1b63 55%,#4b1d9b);border-color:rgba(117,151,239,.28)}.user-panel-page .profile-intro p,.user-panel-page .profile-tags span{color:#b0c0df}.user-panel-page .profile-sub-badge{background:#0b6f63!important;color:#76ffe0!important;border-color:#19c7a8!important}.user-panel-page .profile-stat-grid .card,.user-panel-page .profile-course-card{background:#0a1d40;border-color:rgba(109,150,230,.18)}.user-panel-page .profile-course-card p,.user-panel-page .profile-course-card small{color:#8fa5c8}.user-panel-page .ux25-rewards-hero{background:linear-gradient(115deg,#18206e,#4c1b9d);border-color:rgba(143,111,255,.3)}.user-panel-page .ux25-reward-level-card,.user-panel-page .ux25-gift-course,.user-panel-page .ux25-reward-history{background:#0a1d40!important;border-color:rgba(108,150,230,.18)!important;color:#fff}.user-panel-page .ux25-reward-level-card small,.user-panel-page .ux25-gift-course small,.user-panel-page .ux25-reward-history small{color:#8ea5c9}.user-panel-page .support-actions .ai-support-card{background:linear-gradient(120deg,#173d95,#3720a2);border-color:rgba(110,157,245,.24);color:#fff}.user-panel-page .support-actions .ai-support-card small{color:#a9bde0}.user-panel-page .ticket-card{background:#0a1d40}.user-panel-page .ticket-card small{color:#8299bd}.user-panel-page .notification-item{background:#0a1d40}.user-panel-page .notification-item p{color:#8fa6ca}.user-panel-page .notification-item.unread{border-color:rgba(119,75,255,.48);background:linear-gradient(145deg,#0f2250,#0a1c3d)}
/* Course detail + lesson */
.user-panel-page .course-start-demo{background:radial-gradient(circle at 80% 10%,rgba(98,63,255,.4),transparent 28%),linear-gradient(120deg,#12278b,#251b7a 50%,#531f9e);border:1px solid rgba(110,155,244,.28);color:#fff;box-shadow:0 20px 55px rgba(32,22,109,.24)}.user-panel-page .course-start-demo p,.user-panel-page .course-start-stats small{color:#b9c8e5}.user-panel-page .course-introduction,.user-panel-page .course-progress-card,.user-panel-page .course-outline-start,.user-panel-page .course-final-exam{background:#091b3c}.user-panel-page .course-topic-row{background:#0c2147;border-color:rgba(111,151,231,.17);color:#eef4ff}.user-panel-page .course-topic-row small{color:#849bc0}.user-panel-page .course-module-card{background:#0a1e42;border-color:rgba(111,151,231,.18)}.user-panel-page .course-module-head small{color:#8ca4ca}.user-panel-page .course-outline-dialog{background:#091a3a;color:#fff;border-color:rgba(113,151,232,.22)}.user-panel-page .course-outline-dialog p{color:#94a9ca}.user-panel-page .course-outline-module{background:#0b2147;border-color:rgba(111,151,231,.18)}.user-panel-page .course-outline-module ol li{border-top-color:rgba(111,151,231,.14)}.user-panel-page .course-outline-module ol li small{color:#839ac0}.user-panel-page .lesson-prose,.user-panel-page .concept-card .lesson-prose,.user-panel-page .practice-section .lesson-prose{color:#c7d3e9}.user-panel-page .mentor-banner,.user-panel-page .objective-box,.user-panel-page .example-box,.user-panel-page .guided-try{background:#0b2147;border-color:rgba(111,151,231,.18);color:#dbe6fa}.user-panel-page .mentor-banner p,.user-panel-page .example-box>div,.user-panel-page .guided-try>p{color:#a7b9d7}.user-panel-page .keyword-card{background:#0b2147;border-color:rgba(111,151,231,.18);color:#eef4ff}.user-panel-page .keyword-card p{color:#a9b9d5}.user-panel-page .quick-check-box{background:#102c4c;border-color:rgba(25,201,157,.2);color:#dffcf5}.user-panel-page .mistake-box{background:#3a1f2b;border-color:rgba(255,93,125,.18);color:#ffe4eb}
/* Forms/modals */
.user-panel-page .input{background:#081a38;color:#eef4ff;border-color:rgba(110,150,230,.22)}.user-panel-page .input::placeholder{color:#6f85a9}.user-panel-page .input:focus{border-color:#7e5cff;box-shadow:0 0 0 3px rgba(126,92,255,.16)}.user-panel-page .label{color:#afbfdd}.user-panel-page .notification-modal-sheet,.user-panel-page .payment-modal-dialog{background:#091a3a;color:#fff;border-color:rgba(111,151,231,.22)}.user-panel-page .notification-modal-item{background:#0b2147;border-color:rgba(111,151,231,.17);color:#fff}.user-panel-page .notification-modal-item-content p,.user-panel-page .notification-modal-item-content time{color:#8ea5ca}.user-panel-page .notification-modal-foot{background:#081832;border-color:rgba(111,151,231,.16)}.user-panel-page .notification-modal-foot>span{color:#8198bd}
/* Mobile product shell */
@media(max-width:1099px){.user-panel-page .sidebar{display:flex;position:fixed;left:-290px;top:0;bottom:0;width:280px;z-index:2147482500;transition:left .24s ease}.user-panel-page body.sidebar-open .sidebar{left:0}.user-panel-page .sidebar-overlay{background:rgba(0,0,0,.62)}.user-panel-page .topbar{left:0}.user-panel-page .desktop-global-search{display:none}.user-panel-page .top-brand{display:flex}.user-panel-page .topbar-inner{padding:0 12px}.user-panel-page .main{padding-top:14px}.user-panel-page .container{width:min(100% - 24px,720px)}.user-panel-page .ux25-main-grid{grid-template-columns:1fr}.user-panel-page .ux25-right-col{grid-template-columns:1fr 1fr}.user-panel-page .profile-premium-hero{border-radius:22px}.user-panel-page .course-start-demo{border-radius:22px}}
@media(max-width:699px){
 .user-panel-page{background:#06112b}.user-panel-page .topbar{height:62px}.user-panel-page .topbar-inner{justify-content:flex-start;gap:7px}.user-panel-page .menu-toggle{display:none}.user-panel-page .mobile-back-btn{display:grid;width:38px;height:38px;flex:0 0 38px;background:#091a39;border-color:rgba(111,151,231,.18)}.user-panel-page .top-brand{display:none}.user-panel-page .mobile-page-title{display:block;flex:1;min-width:0;color:#f4f7ff;font-size:16px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-panel-page .top-actions{margin-left:auto}.user-panel-page .top-actions .profile-chip{display:none}.user-panel-page .top-actions .icon-btn{width:38px;height:38px}.user-panel-page .main{padding:12px 0 98px}.user-panel-page .container{width:calc(100% - 18px)}
 .user-panel-page .ux25-dashboard-hero{padding:18px;border-radius:22px;min-height:0}.user-panel-page .ux25-dashboard-hero h1{font-size:22px}.user-panel-page .ux25-dashboard-hero p{font-size:10px}.user-panel-page .ux25-hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.user-panel-page .ux25-hero-actions .btn,.user-panel-page .ux25-hero-actions .ux25-ghost-btn{min-height:42px;font-size:10px}.user-panel-page .ux25-hero-orbit{width:150px;height:120px;margin:12px auto 0}.user-panel-page .ux25-stat-grid{grid-template-columns:1fr 1fr;gap:8px}.user-panel-page .ux25-stat-card{padding:11px;border-radius:16px}.user-panel-page .ux25-stat-card strong{font-size:18px}.user-panel-page .ux25-stat-card small{font-size:8px}.user-panel-page .ux25-stat-card em{font-size:7px}.user-panel-page .ux25-stat-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px}.user-panel-page .ux25-right-col{grid-template-columns:1fr}.user-panel-page .ux25-card{border-radius:18px;padding:14px}.user-panel-page .ux25-card-head h2{font-size:15px}.user-panel-page .ux25-course-cards{grid-template-columns:1fr}.user-panel-page .ux25-course-mini{min-height:64px}.user-panel-page .ux25-path-steps{gap:6px}.user-panel-page .ux25-path-steps>div{padding:8px}.user-panel-page .ux25-path-steps b{font-size:9px}.user-panel-page .ux25-path-steps small{font-size:7px}
 .user-panel-page .lp-category-section{padding-top:4px}.user-panel-page .lp-category-head{display:block}.user-panel-page .lp-category-copy h2{font-size:22px}.user-panel-page .lp-category-copy p{font-size:10px}.user-panel-page .lp-search{height:44px;margin-top:10px}.user-panel-page .lp-category-grid{display:flex;overflow:auto;gap:8px;padding-bottom:5px}.user-panel-page .lp-category-card{min-width:112px;padding:11px 9px;border-radius:16px}.user-panel-page .lp-category-card strong{font-size:9px}.user-panel-page .lp-category-card small{font-size:7px}.user-panel-page .lp-category-icon{width:32px;height:32px}.user-panel-page .lp-section-toolbar{display:block}.user-panel-page .lp-section-toolbar h2{font-size:17px}.user-panel-page .lp-section-toolbar p{font-size:9px}.user-panel-page .lp-filter-pills{overflow:auto;display:flex;gap:7px;padding-bottom:4px}.user-panel-page .lp-filter-pills button{font-size:8px;white-space:nowrap}.user-panel-page .lp-course-grid{grid-template-columns:1fr!important;gap:10px}.user-panel-page .lp-course-card{border-radius:19px}.user-panel-page .lp-course-art{height:105px}.user-panel-page .lp-course-card-body{padding:13px}.user-panel-page .lp-course-card-body h3{font-size:15px}.user-panel-page .lp-course-card-body p{font-size:9px;line-height:1.55}.user-panel-page .lp-course-start-btn-card{min-height:44px!important;font-size:12px!important}.user-panel-page .course-outline-trigger{min-height:40px;font-size:10px}.user-panel-page .lp-course-tags{gap:5px}.user-panel-page .lp-course-tags span{font-size:7px;padding:5px 7px}.user-panel-page .lp-access-strip{border-radius:18px;padding:14px}.user-panel-page .lp-access-strip strong{font-size:12px}.user-panel-page .lp-access-strip small{font-size:8px}.user-panel-page .lp-course-more{border-radius:18px}
 .user-panel-page .profile-premium-hero{padding:16px}.user-panel-page .profile-main{display:grid;grid-template-columns:58px minmax(0,1fr);gap:11px}.user-panel-page .profile-avatar-large{width:58px;height:58px}.user-panel-page .profile-intro h1{font-size:19px}.user-panel-page .profile-intro p{font-size:9px}.user-panel-page .profile-tags{display:grid;gap:4px}.user-panel-page .profile-tags span{font-size:7px}.user-panel-page .profile-hero-actions{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:7px}.user-panel-page .profile-hero-actions .btn{min-height:38px;font-size:8px}.user-panel-page .profile-course-layout{grid-template-columns:1fr!important}.user-panel-page .profile-stat-grid{grid-template-columns:1fr 1fr}.user-panel-page .ux25-rewards-hero{padding:18px;border-radius:21px}.user-panel-page .ux25-rewards-hero h1{font-size:20px}.user-panel-page .ux25-reward-balance strong{font-size:32px}
 .user-panel-page .support-actions .ai-support-card{border-radius:18px;padding:13px}.user-panel-page .support-actions .ai-support-card b{font-size:11px}.user-panel-page .support-actions .ai-support-card small{font-size:8px}.user-panel-page .ticket-card{padding:12px;border-radius:15px}.user-panel-page .ticket-card b{font-size:10px}.user-panel-page .ticket-card small{font-size:7px}.user-panel-page .notification-list{gap:8px}.user-panel-page .notification-item{padding:12px;border-radius:15px}.user-panel-page .notification-item b{font-size:10px}.user-panel-page .notification-item p{font-size:8px;line-height:1.55}.user-panel-page .notification-item small{font-size:7px}
 .user-panel-page .course-start-demo{padding:16px}.user-panel-page .course-start-demo h1{font-size:20px}.user-panel-page .course-start-demo p{font-size:9px}.user-panel-page .course-start-stats{gap:6px}.user-panel-page .course-start-stats span{padding:7px}.user-panel-page .course-start-stats b{font-size:16px}.user-panel-page .course-start-stats small{font-size:7px}.user-panel-page .course-outline-start .section-head{display:grid;gap:10px}.user-panel-page .course-outline-trigger{width:100%;justify-content:center}.user-panel-page .course-topic-row{padding:10px;border-radius:13px}.user-panel-page .course-topic-row b{font-size:10px}.user-panel-page .course-topic-row small{font-size:7px}.user-panel-page .lesson-prose{font-size:11px;line-height:1.85}.user-panel-page .concept-card h2,.user-panel-page .practice-section h2{font-size:18px}.user-panel-page .keyword-top strong{font-size:14px}.user-panel-page .keyword-card p{font-size:9px}.user-panel-page .coding-grid{grid-template-columns:1fr}.user-panel-page .code-preview-pane{min-height:300px}
 .user-panel-page .profile-premium-footer{background:linear-gradient(180deg,#081a38,#06152e)!important;border-color:rgba(111,151,231,.20)!important;box-shadow:0 18px 50px rgba(0,0,0,.38)!important}.user-panel-page .profile-premium-footer a{color:#7189b0!important}.user-panel-page .profile-premium-footer a.active{color:#fff!important;background:linear-gradient(145deg,#5c2df0,#7b40ff)!important;box-shadow:0 8px 24px rgba(93,46,244,.30)}.user-panel-page .profile-premium-footer a.active i{background:transparent!important;box-shadow:none!important}.user-panel-page .profile-premium-footer a i{background:#0d2751!important;color:#9db4dc!important}
}

/* V90 settings screen */
.beedu-settings-page{max-width:760px;margin:0 auto}.beedu-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin:6px 0 18px}.beedu-settings-head h1{margin:4px 0;font-size:28px}.beedu-settings-head p{margin:0;color:var(--beedu-muted);font-size:12px}.beedu-settings-close{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#0a1d40;border:1px solid rgba(111,151,231,.18);color:#a9bad8}.beedu-settings-group{margin:0 0 14px;padding:8px 12px;border-radius:20px;background:#091b3c;border:1px solid rgba(111,151,231,.18);box-shadow:0 15px 35px rgba(0,0,0,.16)}.beedu-settings-group h3{margin:5px 8px 8px;color:#8fa7cf;font-size:10px;text-transform:uppercase;letter-spacing:.1em}.beedu-setting-row{width:100%;min-height:62px;display:flex;align-items:center;gap:11px;padding:9px 7px;border:0;border-top:1px solid rgba(111,151,231,.12);background:transparent;color:#eef4ff;text-align:left}.beedu-setting-row:first-of-type{border-top:0}.beedu-setting-row>span:nth-child(2){flex:1;min-width:0}.beedu-setting-row b,.beedu-setting-row small{display:block}.beedu-setting-row b{font-size:12px}.beedu-setting-row small{margin-top:2px;color:#8199bf;font-size:8px}.beedu-setting-row>i{color:#6f87af;font-size:11px}.beedu-setting-icon{width:34px;height:34px;flex:0 0 34px;border-radius:11px;display:grid;place-items:center;background:#102b57;color:#9db7e6}.beedu-setting-toggle{cursor:default}.beedu-switch{width:39px;height:23px;border-radius:99px;background:#16335f;border:1px solid rgba(109,151,232,.16);padding:2px;display:flex;justify-content:flex-start;transition:.2s}.beedu-switch span{width:17px;height:17px;border-radius:50%;background:#9bb1d4;transition:.2s}.beedu-switch.is-on{background:#0e9b85;border-color:#13c6a6;justify-content:flex-end}.beedu-switch.is-on span{background:#fff}.beedu-settings-note{display:flex;gap:10px;padding:14px 15px;border-radius:17px;background:linear-gradient(120deg,#102c57,#10224b);border:1px solid rgba(111,151,231,.16);color:#9fb5d7}.beedu-settings-note>i{color:#a77aff;margin-top:2px}.beedu-settings-note b,.beedu-settings-note small{display:block}.beedu-settings-note b{font-size:10px;color:#eaf0ff}.beedu-settings-note small{font-size:8px;line-height:1.65;margin-top:2px}.beedu-language-modal{position:fixed;inset:0;z-index:2147483600;display:flex;align-items:center;justify-content:center;padding:18px}.beedu-language-modal[hidden]{display:none}.beedu-language-backdrop{position:absolute;inset:0;background:rgba(0,5,18,.72);backdrop-filter:blur(10px)}.beedu-language-dialog{position:relative;width:min(440px,100%);padding:20px;border-radius:23px;background:#091a3a;border:1px solid rgba(111,151,231,.25);box-shadow:0 35px 90px rgba(0,0,0,.45)}.beedu-language-title{display:flex;gap:11px;align-items:center;margin-bottom:13px;padding-right:40px}.beedu-language-title h2{margin:0;font-size:19px}.beedu-language-title small{color:#8ca4ca;font-size:9px}.beedu-language-option{display:flex;align-items:center;gap:10px;padding:11px 10px;margin:6px 0;border-radius:13px;background:#0b2147;border:1px solid rgba(111,151,231,.13);color:#eaf1ff;cursor:pointer}.beedu-language-option input{display:none}.beedu-language-option>span{font-size:17px}.beedu-language-option b{font-size:10px;flex:1}.beedu-language-option>i{opacity:0;color:#34d8bf}.beedu-language-option.active{border-color:#7442ff;background:#121f50}.beedu-language-option.active>i{opacity:1}@media(max-width:699px){.beedu-settings-page{max-width:none}.beedu-settings-head h1{font-size:22px}.beedu-settings-head p{font-size:9px}.beedu-setting-row{min-height:59px}.beedu-language-modal{padding:8px;align-items:flex-end}.beedu-language-dialog{border-radius:22px 22px 18px 18px;padding:17px}.beedu-language-option{min-height:45px}}
.user-panel-page .sidebar-dream-card{display:flex;align-items:center;gap:10px;margin:12px 3px 8px;padding:12px;border:1px solid rgba(111,151,231,.16);border-radius:16px;background:linear-gradient(120deg,#0c2046,#101b45)}.user-panel-page .sidebar-dream-card>span{width:34px;height:34px;border-radius:12px;display:grid;place-items:center;background:#132b56;color:#ffd84d;font-size:18px}.user-panel-page .sidebar-dream-card b,.user-panel-page .sidebar-dream-card small{display:block}.user-panel-page .sidebar-dream-card b{font-size:10px}.user-panel-page .sidebar-dream-card small{font-size:7px;color:#7f97bc;margin-top:2px}

/* V100 — Desktop dashboard reference UI + real dual theme.
   Presentation layer only. Existing routes, database queries and actions remain unchanged. */
.user-panel-page{--beedu-bg:#06112b;--beedu-bg2:#081936;--beedu-panel:#0b1c3e;--beedu-panel2:#0d2249;--beedu-line:rgba(113,153,255,.20);--beedu-text:#f7f9ff;--beedu-muted:#9eafd0;--beedu-heading:#ffffff;--beedu-violet:#7138ff;--beedu-violet2:#9b65ff;--beedu-cyan:#24d5d2;--beedu-green:#20c98b;--beedu-soft:#0e2853;--beedu-icon-bg:#102c57;background:var(--beedu-bg);color:var(--beedu-text)}
.user-panel-page .app{background:radial-gradient(circle at 75% -10%,rgba(78,65,210,.20),transparent 30%),linear-gradient(180deg,#06112b,#07152f 55%,#06112b);min-height:100vh}
.user-panel-page .sidebar{width:280px;background:linear-gradient(180deg,#061331,#071735 65%,#06122d);border-right:1px solid var(--beedu-line);padding:20px 16px}
.user-panel-page .sidebar .brand{padding:4px 12px 24px}.user-panel-page .brand-logo-img{width:40px;height:40px;border-radius:12px;object-fit:cover}.user-panel-page .brand-name-text{font-size:21px;font-weight:900;color:#fff}.user-panel-page .sidebar-label{color:#6d83ad;font-size:10px;font-weight:900;letter-spacing:.1em;padding:8px 14px;text-transform:uppercase}.user-panel-page .side-link{padding:12px 14px;border-radius:14px;color:#a9b9d8;font-size:14px;font-weight:800}.user-panel-page .side-link i{width:23px;color:#a8bde3;text-align:center}.user-panel-page .side-link.active{background:linear-gradient(100deg,#5d2cf4,#7b42ff);color:#fff;box-shadow:0 12px 28px rgba(94,45,244,.34)}.user-panel-page .side-link.active i{color:#fff}.user-panel-page .side-link:hover{background:#0b2147;color:#fff;border-color:rgba(110,151,238,.15)}
.user-panel-page .sidebar-dream-card{background:linear-gradient(135deg,#0d2146,#091a37);border:1px solid rgba(111,151,231,.18);border-radius:16px;padding:12px 13px;margin:18px 2px 12px;display:flex;gap:10px;align-items:center;color:#fff}.user-panel-page .sidebar-dream-card>span{font-size:24px;color:#ffd43b}.user-panel-page .sidebar-dream-card b,.user-panel-page .sidebar-dream-card small{display:block}.user-panel-page .sidebar-dream-card b{font-size:11px}.user-panel-page .sidebar-dream-card small{font-size:8px;color:#91a8cc}.user-panel-page .sidebar-quick-actions{margin-top:auto}
.user-panel-page .topbar{height:76px;left:280px;background:rgba(5,15,38,.92);border-bottom:1px solid var(--beedu-line);backdrop-filter:blur(20px)}.user-panel-page .topbar-inner{width:calc(100% - 48px);max-width:none;padding:0 0;gap:18px}.user-panel-page .desktop-global-search{height:46px;max-width:630px;background:#091a39;border:1px solid rgba(87,135,239,.34);border-radius:15px}.user-panel-page .profile-chip{gap:9px;color:#eef4ff}.user-panel-page .profile-chip>span:last-child{display:flex;align-items:center;gap:7px}.user-panel-page .header-verified-label{display:inline-flex;align-items:center;gap:3px;color:#40a6ff;font-size:9px;font-weight:900}.user-panel-page .header-verified-label i{background:#208cff;color:#fff;border-radius:50%;width:12px;height:12px;display:grid;place-items:center;font-size:7px}
.user-panel-page .main{margin-left:280px;padding:22px 0 44px}.user-panel-page .container{width:calc(100% - 48px);max-width:none}.user-panel-page .beedu-dash-hero{position:relative;overflow:hidden;min-height:205px;border-radius:20px;padding:25px 30px;background:radial-gradient(circle at 83% 35%,rgba(155,92,255,.34),transparent 24%),linear-gradient(125deg,#1027a7 0%,#2628a8 48%,#5c20bd 100%);border:1px solid rgba(116,160,255,.35);box-shadow:0 25px 70px rgba(26,21,111,.30);color:#fff}.beedu-dash-hero:before{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-170px;top:-210px}.beedu-dash-profile{position:relative;z-index:2;display:flex;align-items:center;gap:18px;min-height:155px}.beedu-dash-avatar-wrap{position:relative;flex:0 0 auto}.beedu-dash-avatar{width:94px;height:94px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#fff;border:4px solid rgba(255,255,255,.95);box-shadow:0 12px 35px rgba(10,5,70,.30);color:#6c35ff;font-size:34px}.beedu-dash-avatar img{width:100%;height:100%;object-fit:cover}.beedu-online-dot{position:absolute;right:5px;bottom:4px;width:16px;height:16px;border-radius:50%;background:#20d4a1;border:3px solid #fff;box-shadow:0 0 0 3px rgba(32,212,161,.20)}.beedu-dash-profile-copy{min-width:0;flex:1}.beedu-dash-meta{display:flex;align-items:center;gap:10px;font-size:10px;color:#d4dcff;margin-bottom:6px}.beedu-brand-pill{display:inline-flex;align-items:center;gap:6px;background:#7138ff;border-radius:999px;padding:6px 12px;color:#fff;font-weight:900}.beedu-dash-profile-copy h1{font-size:31px;line-height:1.15;margin:3px 0 4px;color:#fff;letter-spacing:-.02em}.beedu-dash-profile-copy p{font-size:13px;margin:0;color:#d8dfff}.beedu-verified-badge{display:inline-grid;place-items:center;width:24px;height:24px;margin-left:4px;background:#1593ff;color:#fff;border-radius:50%;font-size:12px;vertical-align:middle;box-shadow:0 0 0 4px rgba(21,147,255,.16)}.beedu-profile-pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}.beedu-profile-pills>span{display:inline-flex;align-items:center;gap:7px;padding:7px 10px;border:1px solid rgba(255,255,255,.14);background:rgba(7,22,68,.28);border-radius:10px;font-size:9px;color:#e7ebff}.beedu-profile-pills i{color:#b7c8ff}.beedu-subscription-pill{background:rgba(25,207,167,.16)!important;border-color:rgba(39,224,186,.34)!important;color:#b9fff0!important}.beedu-subscription-pill b{background:#16bca0;color:#fff;padding:3px 6px;border-radius:999px;font-size:7px}.beedu-subscription-pill.inactive{color:#d4dcf1!important}.beedu-dash-hero-art{width:360px;height:170px;position:relative;flex:0 0 360px;align-self:stretch}.beedu-art-orbit{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;animation:beeduOrbit 12s linear infinite}.beedu-art-orbit.orbit-one{width:230px;height:230px;right:10px;top:-28px}.beedu-art-orbit.orbit-two{width:145px;height:145px;right:55px;top:14px;border-color:rgba(45,215,210,.18);animation-direction:reverse;animation-duration:9s}.beedu-art-icon{position:absolute;right:96px;top:48px;width:72px;height:72px;border-radius:23px;display:grid;place-items:center;background:linear-gradient(145deg,#8354ff,#2f80ff);font-size:30px;box-shadow:0 16px 35px rgba(14,8,100,.28)}.beedu-art-copy{position:absolute;right:4px;bottom:10px;display:flex;flex-direction:column;gap:2px;text-align:right}.beedu-art-copy b{font-size:14px}.beedu-art-copy span{font-size:10px;color:#d5d9ff}@keyframes beeduOrbit{to{transform:rotate(360deg)}}
.user-panel-page .beedu-dash-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:18px}.beedu-stat-card{min-height:108px;position:relative;display:flex;align-items:center;gap:12px;padding:15px 16px;border-radius:16px;background:linear-gradient(145deg,#0c2046,#0a1a39);border:1px solid var(--beedu-line);box-shadow:0 14px 35px rgba(0,0,0,.17);color:#fff}.beedu-stat-icon{width:46px;height:46px;flex:0 0 46px;border-radius:15px;display:grid;place-items:center;font-size:19px}.beedu-stat-icon.cyan{background:linear-gradient(145deg,#14d6c0,#0a8eaf);box-shadow:0 8px 20px rgba(20,214,192,.20)}.beedu-stat-icon.purple{background:linear-gradient(145deg,#7138ff,#a058ff)}.beedu-stat-icon.blue{background:linear-gradient(145deg,#2b75ff,#1ba7d8)}.beedu-stat-icon.teal{background:linear-gradient(145deg,#1fcfbd,#137fbe)}.beedu-stat-card small,.beedu-stat-card strong,.beedu-stat-card em{display:block}.beedu-stat-card small{font-size:10px;color:#90a8cf}.beedu-stat-card strong{font-size:25px;line-height:1.1;margin:2px 0;color:#fff}.beedu-stat-card em{font-style:normal;font-size:8px;color:#8ba3c9}.beedu-stat-progress{height:7px;border-radius:99px;background:#18335e;margin-top:8px;overflow:hidden}.beedu-stat-progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#17d4be,#38d5d8)}.beedu-stat-corner,.beedu-stat-arrow{position:absolute;right:14px;top:14px;color:#8e63ff;font-size:15px}.beedu-stat-arrow{top:50%;transform:translateY(-50%);color:#c2d1ed}
.user-panel-page .beedu-reward-strip{display:flex;align-items:center;gap:16px;min-height:86px;margin-top:16px;padding:12px 18px;border-radius:17px;background:radial-gradient(circle at 65% 20%,rgba(93,83,255,.28),transparent 28%),linear-gradient(100deg,#21187e,#2d20aa 55%,#4d20b2);border:1px solid rgba(126,99,255,.34);box-shadow:0 18px 40px rgba(28,16,111,.22);color:#fff}.beedu-reward-art{width:76px;height:62px;flex:0 0 76px;display:grid;place-items:center;position:relative;font-size:33px;color:#ffca47;filter:drop-shadow(0 8px 15px rgba(255,179,0,.18))}.beedu-reward-art span{position:absolute;right:4px;top:2px;font-size:13px;color:#ffd86d}.beedu-reward-copy{min-width:170px}.beedu-reward-copy small,.beedu-reward-copy strong,.beedu-reward-copy p{display:block}.beedu-reward-copy small{font-size:9px;letter-spacing:.11em;color:#bdabff;font-weight:900}.beedu-reward-copy strong{font-size:17px}.beedu-reward-copy p{margin:0;font-size:9px;color:#c7c8ef}.beedu-reward-progress{height:8px;flex:1;background:rgba(255,255,255,.14);border-radius:99px;overflow:hidden}.beedu-reward-progress span{display:block;height:100%;background:linear-gradient(90deg,#13d4bf,#54d4ff);border-radius:99px}.beedu-reward-strip .btn{min-height:42px;font-size:10px;white-space:nowrap}
.user-panel-page .beedu-dash-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;margin-top:16px}.beedu-dash-main,.beedu-dash-rail{min-width:0}.beedu-dash-rail{display:grid;gap:14px;align-content:start}.beedu-panel{background:linear-gradient(145deg,#0a1d40,#081a38);border:1px solid var(--beedu-line);border-radius:18px;padding:17px;box-shadow:0 15px 38px rgba(0,0,0,.17);color:#fff}.beedu-panel-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:13px}.beedu-panel-head h2,.beedu-panel-head h3{margin:0;color:#fff;font-size:19px;line-height:1.25}.beedu-panel-head p{margin:3px 0 0;color:#849cc2;font-size:9px}.beedu-panel-head>a{font-size:9px;color:#7f8dff;font-weight:900;white-space:nowrap}.beedu-panel-head>a i{margin-left:4px}.beedu-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.beedu-library-card{position:relative;overflow:hidden;min-height:202px;padding:11px;border-radius:14px;background:#091b3a;border:1px solid rgba(103,145,229,.20);transition:.2s;color:#fff}.beedu-library-card:hover{transform:translateY(-2px);border-color:rgba(128,95,255,.48);box-shadow:0 12px 28px rgba(0,0,0,.20)}.beedu-course-thumb{height:72px;border-radius:12px;display:grid;place-items:center;font-size:35px;color:#fff;margin-bottom:10px}.beedu-course-thumb.html{background:linear-gradient(135deg,#ff5c35,#e92f15)}.beedu-course-thumb.python{background:linear-gradient(135deg,#2467b2,#f4bd36)}.beedu-course-thumb.mysql{background:linear-gradient(135deg,#1683b6,#2d4b89)}.beedu-course-chip{position:absolute;top:80px;left:17px;padding:4px 8px;border-radius:999px;background:#2e44d8;color:#dce4ff;font-size:7px;font-weight:900}.beedu-library-card h3{font-size:12px;margin:9px 0 9px;min-height:31px;line-height:1.45;color:#fff}.beedu-mini-progress{height:7px;background:#17335d;border-radius:99px;overflow:hidden}.beedu-mini-progress span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,#14d3bd,#38d4d5)}.beedu-library-meta{display:flex;align-items:center;justify-content:space-between;margin-top:7px}.beedu-library-meta small{font-size:8px;color:#91a8cb}.beedu-library-meta i{font-size:9px;color:#a687ff}.beedu-library-empty{grid-column:1/-1;display:grid;place-items:center;text-align:center;padding:35px 20px;color:#a7b9d7}.beedu-library-empty i{font-size:28px;color:#8d67ff;margin-bottom:8px}.beedu-library-empty h3{margin:0;color:#fff;font-size:15px}.beedu-library-empty p{font-size:9px;margin:4px 0 12px}.beedu-library-empty.compact{display:flex;gap:10px;justify-content:center;padding:24px}.beedu-library-empty.compact i{margin:0;font-size:18px}
.user-panel-page .beedu-reminder-strip{display:flex;align-items:center;gap:12px;margin-top:13px;padding:11px 14px;border-radius:14px;background:linear-gradient(100deg,#057d70,#0d9c88);border:1px solid rgba(45,230,194,.32);box-shadow:0 14px 35px rgba(0,125,106,.18);color:#fff}.beedu-reminder-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;background:rgba(255,255,255,.13);display:grid;place-items:center;font-size:17px}.beedu-reminder-strip>div{min-width:0;flex:1}.beedu-reminder-strip b,.beedu-reminder-strip small{display:block}.beedu-reminder-strip b{font-size:12px}.beedu-reminder-strip small{font-size:8px;color:#d5fff7;margin-top:2px}.beedu-reminder-strip .btn{min-height:36px;padding:0 12px;font-size:9px;background:#1fc49e;color:#fff;border:1px solid rgba(255,255,255,.15)}
.beedu-actions-panel{padding:12px}.beedu-action-primary,.beedu-action-row{display:flex;align-items:center;gap:10px;min-height:48px;border-radius:12px;padding:0 13px;color:#eef4ff;border:1px solid rgba(109,150,230,.18);background:#091b3b;margin-bottom:8px;font-size:11px;font-weight:800}.beedu-action-primary{background:linear-gradient(100deg,#6c34ff,#9158ff);border-color:rgba(176,139,255,.38);box-shadow:0 10px 25px rgba(106,52,255,.28)}.beedu-action-primary>i:first-child,.beedu-action-row>i:first-child{width:22px;text-align:center}.beedu-action-primary>i:last-child,.beedu-action-row>i:last-child{margin-left:auto;font-size:10px}.beedu-action-row.upgrade{border-color:rgba(28,218,177,.65);color:#c9fff3;background:linear-gradient(100deg,#0b4f52,#0a293f)}.beedu-action-row.upgrade>i:first-child{color:#43e5c4}.beedu-profile-rail{padding:15px}.beedu-rail-head{display:flex;justify-content:space-between;align-items:center;gap:8px}.beedu-rail-head h3{font-size:14px;margin:0}.beedu-verified-label{display:inline-flex;align-items:center;gap:4px;color:#39a8ff;font-size:7px;font-weight:900;white-space:nowrap}.beedu-verified-label i{width:13px;height:13px;border-radius:50%;display:grid;place-items:center;background:#208cff;color:#fff;font-size:7px}.beedu-rail-profile{display:flex;align-items:center;gap:10px;margin:13px 0}.beedu-rail-avatar{width:50px;height:50px;border-radius:50%;overflow:hidden;display:grid;place-items:center;background:#fff;color:#6f3cff;border:2px solid #7b5cff;flex:0 0 50px}.beedu-rail-avatar img{width:100%;height:100%;object-fit:cover}.beedu-rail-profile strong,.beedu-rail-profile small{display:block}.beedu-rail-profile strong{font-size:12px}.beedu-rail-profile small{font-size:8px;color:#8098bd;margin-top:2px;overflow-wrap:anywhere}.beedu-level-pill{display:flex;align-items:center;gap:7px;width:max-content;padding:6px 12px;border:1px solid #18caa9;border-radius:999px;background:rgba(15,147,122,.14);color:#72f4d8;font-size:9px;font-weight:900}.beedu-level-progress{height:8px;background:#17345e;border-radius:99px;overflow:hidden;margin-top:11px}.beedu-level-progress span{display:block;height:100%;background:linear-gradient(90deg,#13cdb8,#25d9d2);border-radius:99px}.beedu-level-meta{display:block;color:#91a8cb;font-size:8px;margin-top:5px}.beedu-team-placeholder{display:flex;gap:9px;align-items:center;margin-top:12px;padding:10px;border-radius:12px;background:linear-gradient(145deg,#321b92,#5422c4);border:1px solid rgba(164,126,255,.28)}.beedu-team-placeholder>i{font-size:20px;color:#b895ff}.beedu-team-placeholder b,.beedu-team-placeholder small{display:block}.beedu-team-placeholder b{font-size:10px}.beedu-team-placeholder small{font-size:7px;color:#c7b8ef;margin-top:2px}.beedu-quick-panel{padding:15px}.beedu-panel-head.simple{margin-bottom:8px}.beedu-panel-head.simple h3{font-size:14px}.beedu-quick-row{display:flex;align-items:center;gap:9px;padding:10px 0;border-top:1px solid rgba(112,151,226,.12);color:#e8efff}.beedu-quick-row>i:first-child{width:30px;height:30px;border-radius:10px;display:grid;place-items:center;background:#15315c;color:#65a9ff}.beedu-quick-row:nth-child(3)>i:first-child{color:#2de0bd}.beedu-quick-row:nth-child(4)>i:first-child{color:#bd8cff}.beedu-quick-row span{flex:1}.beedu-quick-row b,.beedu-quick-row small{display:block}.beedu-quick-row b{font-size:10px}.beedu-quick-row small{font-size:7px;color:#8299bd;margin-top:2px}.beedu-quick-row>i:last-child{font-size:9px;color:#8299bd}
.user-panel-page .beedu-activity-panel{margin-top:16px}.beedu-activity-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.beedu-activity-item{display:flex;align-items:center;gap:10px;padding:10px 11px;border:1px solid rgba(106,148,231,.15);background:#091b3b;border-radius:12px}.beedu-activity-icon{width:32px;height:32px;flex:0 0 32px;border-radius:10px;display:grid;place-items:center}.beedu-activity-icon.teal{background:rgba(18,202,180,.14);color:#39ddc8}.beedu-activity-icon.purple{background:rgba(119,68,255,.18);color:#ad83ff}.beedu-activity-item>div{flex:1;min-width:0}.beedu-activity-item b,.beedu-activity-item small{display:block}.beedu-activity-item b{font-size:10px}.beedu-activity-item small{font-size:8px;color:#8199bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beedu-activity-item time{font-size:7px;color:#7189ae;white-space:nowrap}

/* Real light theme: text, headings, labels, controls and icons all switch with the theme. */
.user-panel-page[data-beedu-theme="light"]{--beedu-bg:#f4f6fb;--beedu-bg2:#eef2f9;--beedu-panel:#fff;--beedu-panel2:#f8f9fd;--beedu-line:#dfe5f0;--beedu-text:#17233c;--beedu-muted:#6f7d94;--beedu-heading:#14213a;--beedu-soft:#eef1ff;--beedu-icon-bg:#edf2ff;background:#f4f6fb;color:#17233c}
.user-panel-page[data-beedu-theme="light"] .app{background:radial-gradient(circle at 78% 0%,rgba(112,45,255,.08),transparent 30%),linear-gradient(180deg,#f7f8fc,#f0f3f9);}.user-panel-page[data-beedu-theme="light"] .topbar{background:rgba(255,255,255,.92);border-bottom-color:#dfe5f0}.user-panel-page[data-beedu-theme="light"] .desktop-global-search{background:#fff;border-color:#d7dfea;box-shadow:0 7px 24px rgba(37,54,84,.05)}.user-panel-page[data-beedu-theme="light"] .desktop-global-search input{color:#1b2840}.user-panel-page[data-beedu-theme="light"] .desktop-global-search input::placeholder{color:#8390a5}.user-panel-page[data-beedu-theme="light"] .desktop-global-search kbd{background:#f0f3fa;color:#697890;border-color:#e0e5ee}.user-panel-page[data-beedu-theme="light"] .icon-btn{background:#f5f7fb;color:#455571;border-color:#dce3ee}.user-panel-page[data-beedu-theme="light"] .profile-chip{color:#24324a}.user-panel-page[data-beedu-theme="light"] .sidebar{background:linear-gradient(180deg,#fff,#f6f8fc);border-right-color:#dfe5f0}.user-panel-page[data-beedu-theme="light"] .brand-name-text{color:#1a2841}.user-panel-page[data-beedu-theme="light"] .sidebar-label{color:#8a96aa}.user-panel-page[data-beedu-theme="light"] .side-link{color:#53627a}.user-panel-page[data-beedu-theme="light"] .side-link i{color:#71819b}.user-panel-page[data-beedu-theme="light"] .side-link:hover{background:#f0efff;color:#5d31d8}.user-panel-page[data-beedu-theme="light"] .sidebar-dream-card{background:linear-gradient(135deg,#f8f6ff,#eef5ff);border-color:#e0e5ef;color:#26344c}.user-panel-page[data-beedu-theme="light"] .sidebar-dream-card small{color:#7c879a}.user-panel-page[data-beedu-theme="light"] .beedu-stat-card,.user-panel-page[data-beedu-theme="light"] .beedu-panel{background:linear-gradient(145deg,#fff,#f9fbff);border-color:#dfe5f0;box-shadow:0 14px 35px rgba(33,51,82,.07);color:#1c2a42}.user-panel-page[data-beedu-theme="light"] .beedu-stat-card strong,.user-panel-page[data-beedu-theme="light"] .beedu-panel-head h2,.user-panel-page[data-beedu-theme="light"] .beedu-panel-head h3{color:#18253d}.user-panel-page[data-beedu-theme="light"] .beedu-stat-card small{color:#6e7e96}.user-panel-page[data-beedu-theme="light"] .beedu-stat-card em,.user-panel-page[data-beedu-theme="light"] .beedu-panel-head p{color:#7b899f}.user-panel-page[data-beedu-theme="light"] .beedu-stat-progress,.user-panel-page[data-beedu-theme="light"] .beedu-level-progress,.user-panel-page[data-beedu-theme="light"] .beedu-mini-progress{background:#e6ebf3}.user-panel-page[data-beedu-theme="light"] .beedu-library-card,.user-panel-page[data-beedu-theme="light"] .beedu-activity-item{background:#f9fbff;border-color:#dfe5ef;color:#1d2a41}.user-panel-page[data-beedu-theme="light"] .beedu-library-card h3,.user-panel-page[data-beedu-theme="light"] .beedu-activity-item b{color:#1a2942}.user-panel-page[data-beedu-theme="light"] .beedu-library-meta small,.user-panel-page[data-beedu-theme="light"] .beedu-activity-item small,.user-panel-page[data-beedu-theme="light"] .beedu-level-meta{color:#73839a}.user-panel-page[data-beedu-theme="light"] .beedu-action-row,.user-panel-page[data-beedu-theme="light"] .beedu-action-primary{background:#f8faff;border-color:#dce3ef;color:#26344c}.user-panel-page[data-beedu-theme="light"] .beedu-action-primary{background:linear-gradient(100deg,#6330e8,#8650f4);color:#fff;border-color:#7040ed}.user-panel-page[data-beedu-theme="light"] .beedu-action-row.upgrade{background:#effcf8;border-color:#23b79d;color:#11745f}.user-panel-page[data-beedu-theme="light"] .beedu-rail-profile strong{color:#1b2a42}.user-panel-page[data-beedu-theme="light"] .beedu-rail-profile small{color:#74839a}.user-panel-page[data-beedu-theme="light"] .beedu-quick-row{color:#25334b;border-top-color:#e7ebf2}.user-panel-page[data-beedu-theme="light"] .beedu-quick-row small{color:#7b899f}.user-panel-page[data-beedu-theme="light"] .beedu-quick-row>i:first-child{background:#eef3ff}.user-panel-page[data-beedu-theme="light"] .beedu-library-empty{color:#73839b}.user-panel-page[data-beedu-theme="light"] .beedu-library-empty h3{color:#1b2941}.user-panel-page[data-beedu-theme="light"] .beedu-reminder-strip{box-shadow:0 14px 35px rgba(0,125,106,.10)}
.user-panel-page[data-beedu-theme="light"] .beedu-dash-hero{box-shadow:0 22px 55px rgba(49,44,143,.18)}

@media(min-width:1100px){.user-panel-page .topbar{padding-left:0}.user-panel-page .bottom-nav{display:none}.user-panel-page .main{margin-left:280px}.user-panel-page .container{width:calc(100% - 48px)} }
@media(max-width:1200px) and (min-width:1100px){.user-panel-page .beedu-dash-layout{grid-template-columns:minmax(0,1fr) 300px}.user-panel-page .beedu-dash-hero-art{width:260px;flex-basis:260px}.user-panel-page .beedu-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1099px){.user-panel-page .sidebar{width:280px;left:-290px}.user-panel-page .topbar{left:0}.user-panel-page .main{margin-left:0}.user-panel-page .container{width:calc(100% - 24px)}.user-panel-page .beedu-dash-layout{grid-template-columns:1fr}.user-panel-page .beedu-dash-rail{grid-template-columns:1fr 1fr}.user-panel-page .beedu-dash-hero-art{display:none}.user-panel-page .beedu-dash-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:699px){.user-panel-page .main{padding:12px 0 92px}.user-panel-page .container{width:calc(100% - 18px)}.user-panel-page .beedu-dash-hero{padding:16px;border-radius:20px}.user-panel-page .beedu-dash-profile{min-height:0;display:grid;grid-template-columns:58px minmax(0,1fr);gap:11px;align-items:start}.user-panel-page .beedu-dash-avatar{width:58px;height:58px;font-size:22px;border-width:3px}.user-panel-page .beedu-online-dot{width:12px;height:12px;border-width:2px;right:0;bottom:0}.user-panel-page .beedu-dash-meta{font-size:7px;gap:6px;margin-bottom:3px}.user-panel-page .beedu-brand-pill{padding:4px 7px;font-size:7px}.user-panel-page .beedu-dash-profile-copy h1{font-size:20px}.user-panel-page .beedu-dash-profile-copy p{font-size:8px;line-height:1.5}.user-panel-page .beedu-profile-pills{grid-column:1/-1;margin-top:1px;gap:5px}.user-panel-page .beedu-profile-pills>span{font-size:7px;padding:5px 7px}.user-panel-page .beedu-verified-badge{width:17px;height:17px;font-size:8px;box-shadow:0 0 0 2px rgba(21,147,255,.16)}.user-panel-page .beedu-dash-stats{gap:8px;margin-top:10px}.user-panel-page .beedu-stat-card{min-height:82px;padding:10px;border-radius:14px;gap:8px}.user-panel-page .beedu-stat-icon{width:33px;height:33px;flex-basis:33px;border-radius:10px;font-size:14px}.user-panel-page .beedu-stat-card small{font-size:7px}.user-panel-page .beedu-stat-card strong{font-size:18px}.user-panel-page .beedu-stat-card em{font-size:6px}.user-panel-page .beedu-stat-progress{height:5px;margin-top:5px}.user-panel-page .beedu-stat-corner,.user-panel-page .beedu-stat-arrow{right:8px;top:8px;font-size:9px}.user-panel-page .beedu-reward-strip{min-height:72px;margin-top:9px;padding:9px;gap:8px;border-radius:14px}.user-panel-page .beedu-reward-art{width:42px;height:45px;flex-basis:42px;font-size:23px}.user-panel-page .beedu-reward-copy{min-width:0}.user-panel-page .beedu-reward-copy small{font-size:6px}.user-panel-page .beedu-reward-copy strong{font-size:12px}.user-panel-page .beedu-reward-copy p{font-size:6px}.user-panel-page .beedu-reward-progress{display:none}.user-panel-page .beedu-reward-strip .btn{min-height:34px;padding:0 9px;font-size:7px}.user-panel-page .beedu-dash-layout{margin-top:9px;gap:9px}.user-panel-page .beedu-dash-rail{grid-template-columns:1fr}.user-panel-page .beedu-panel{border-radius:16px;padding:12px}.user-panel-page .beedu-panel-head{margin-bottom:9px}.user-panel-page .beedu-panel-head h2,.user-panel-page .beedu-panel-head h3{font-size:14px}.user-panel-page .beedu-panel-head p{font-size:7px}.user-panel-page .beedu-panel-head>a{font-size:7px}.user-panel-page .beedu-library-grid{grid-template-columns:1fr;gap:7px}.user-panel-page .beedu-library-card{min-height:0;padding:8px;display:grid;grid-template-columns:46px minmax(0,1fr) 20px;column-gap:9px;align-items:center}.user-panel-page .beedu-course-thumb{height:46px;width:46px;margin:0;border-radius:10px;font-size:23px;grid-row:1/4}.user-panel-page .beedu-course-chip{top:6px;left:56px;font-size:5px;padding:3px 5px}.user-panel-page .beedu-library-card h3{font-size:10px;min-height:0;margin:0 0 3px}.user-panel-page .beedu-mini-progress{height:4px}.user-panel-page .beedu-library-meta{margin-top:2px}.user-panel-page .beedu-library-meta small{font-size:6px}.user-panel-page .beedu-library-meta i{font-size:8px;grid-column:3}.user-panel-page .beedu-reminder-strip{padding:9px;border-radius:13px;gap:8px}.user-panel-page .beedu-reminder-icon{width:30px;height:30px;flex-basis:30px;border-radius:9px;font-size:13px}.user-panel-page .beedu-reminder-strip b{font-size:9px}.user-panel-page .beedu-reminder-strip small{font-size:6px}.user-panel-page .beedu-reminder-strip .btn{min-height:30px;font-size:6px}.user-panel-page .beedu-action-primary,.user-panel-page .beedu-action-row{min-height:43px;padding:0 10px;font-size:9px;margin-bottom:6px}.user-panel-page .beedu-profile-rail{padding:12px}.user-panel-page .beedu-rail-head h3{font-size:11px}.user-panel-page .beedu-verified-label{font-size:6px}.user-panel-page .beedu-rail-avatar{width:42px;height:42px;flex-basis:42px}.user-panel-page .beedu-rail-profile strong{font-size:10px}.user-panel-page .beedu-rail-profile small{font-size:6px}.user-panel-page .beedu-level-pill{font-size:7px;padding:5px 9px}.user-panel-page .beedu-level-meta{font-size:6px}.user-panel-page .beedu-team-placeholder{padding:8px}.user-panel-page .beedu-team-placeholder b{font-size:8px}.user-panel-page .beedu-team-placeholder small{font-size:6px}.user-panel-page .beedu-quick-row{padding:8px 0}.user-panel-page .beedu-quick-row b{font-size:8px}.user-panel-page .beedu-quick-row small{font-size:6px}.user-panel-page .beedu-quick-row>i:first-child{width:27px;height:27px;border-radius:8px;font-size:11px}.user-panel-page .beedu-activity-list{grid-template-columns:1fr}.user-panel-page .beedu-activity-item{padding:8px}.user-panel-page .beedu-activity-item b{font-size:8px}.user-panel-page .beedu-activity-item small{font-size:6px}.user-panel-page .beedu-activity-item time{font-size:6px}.user-panel-page .mobile-page-title{font-weight:900}.user-panel-page .bottom-nav{height:66px;background:rgba(6,17,43,.96);border-top-color:rgba(111,151,231,.18)}.user-panel-page[data-beedu-theme="light"] .bottom-nav{background:rgba(255,255,255,.96);border-top-color:#dfe5f0}.user-panel-page[data-beedu-theme="light"] .bottom-nav a{color:#7b879b}.user-panel-page[data-beedu-theme="light"] .bottom-nav a.active{color:#6330df}.user-panel-page[data-beedu-theme="light"] .profile-premium-footer a i{background:#eef2fa!important;color:#667892!important}.user-panel-page[data-beedu-theme="light"] .profile-premium-footer a.active i{background:transparent!important;color:#fff!important}
}

@media(min-width:1100px){
 .user-panel-page .dashboard-container{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px;align-items:start}
 .user-panel-page .dashboard-container>.beedu-dash-hero,.user-panel-page .dashboard-container>.beedu-dash-stats,.user-panel-page .dashboard-container>.beedu-reward-strip,.user-panel-page .dashboard-container>.beedu-activity-panel{grid-column:1}
 .user-panel-page .dashboard-container>.beedu-dash-layout{display:contents}
 .user-panel-page .dashboard-container>.beedu-dash-layout>.beedu-dash-main{grid-column:1;grid-row:4}
 .user-panel-page .dashboard-container>.beedu-dash-layout>.beedu-dash-rail{grid-column:2;grid-row:1 / span 4;display:grid;align-content:start;gap:14px}
 .user-panel-page .dashboard-container>.beedu-activity-panel{grid-row:5}
 .user-panel-page .dashboard-container>.beedu-dash-hero{grid-row:1}
 .user-panel-page .dashboard-container>.beedu-dash-stats{grid-row:2}
 .user-panel-page .dashboard-container>.beedu-reward-strip{grid-row:3}
}
@media(max-width:1099px){.user-panel-page .dashboard-container{display:block}.user-panel-page .dashboard-container>.beedu-dash-layout{display:grid}.user-panel-page .dashboard-container>.beedu-dash-layout>.beedu-dash-rail{display:grid}}

/* V101 — responsive premium dashboard refinement + strict theme contrast */
.user-panel-page{--beedu-sidebar-width:228px;--beedu-bg:#06142f;--beedu-bg2:#0a1b3d;--beedu-panel:#0b2147;--beedu-panel2:#0d2852;--beedu-line:rgba(111,151,231,.18);--beedu-text:#edf4ff;--beedu-muted:#91a7ca;--beedu-heading:#ffffff;--beedu-soft:#142d59;--beedu-icon-bg:#16386b;background:var(--beedu-bg);color:var(--beedu-text)}
.user-panel-page .main,.user-panel-page .container,.user-panel-page .dashboard-container{min-width:0}
.user-panel-page .profile-chip{color:var(--beedu-text);min-width:0}.user-panel-page .profile-chip .hide-mobile{color:var(--beedu-text);font-weight:900}.user-panel-page .profile-chip .header-verified-label{color:#38a7ff!important}.user-panel-page .beedu-dash-profile-copy h1{color:inherit}
.user-panel-page[data-beedu-theme="dark"] .beedu-panel-head h2,.user-panel-page[data-beedu-theme="dark"] .beedu-panel-head h3,.user-panel-page[data-beedu-theme="dark"] .beedu-panel-head p,.user-panel-page[data-beedu-theme="dark"] .beedu-library-card h3,.user-panel-page[data-beedu-theme="dark"] .beedu-library-meta small,.user-panel-page[data-beedu-theme="dark"] .beedu-activity-item b,.user-panel-page[data-beedu-theme="dark"] .beedu-activity-item small{color:var(--beedu-heading)}
.user-panel-page[data-beedu-theme="dark"] .beedu-panel-head p,.user-panel-page[data-beedu-theme="dark"] .beedu-library-meta small,.user-panel-page[data-beedu-theme="dark"] .beedu-activity-item small{color:var(--beedu-muted)}
.user-panel-page[data-beedu-theme="dark"] .beedu-panel,.user-panel-page[data-beedu-theme="dark"] .beedu-library-card,.user-panel-page[data-beedu-theme="dark"] .beedu-activity-item,.user-panel-page[data-beedu-theme="dark"] .beedu-stat-card{background:linear-gradient(145deg,#0b2147,#0a1c3b);color:var(--beedu-text);border-color:var(--beedu-line)}
.user-panel-page[data-beedu-theme="dark"] .beedu-course-thumb{background:#142d59;color:#fff}
.user-panel-page[data-beedu-theme="light"] .profile-chip,.user-panel-page[data-beedu-theme="light"] .profile-chip .hide-mobile{color:#1b2a43!important}.user-panel-page[data-beedu-theme="light"] .profile-chip .header-verified-label{color:#087ed8!important}
.user-panel-page[data-beedu-theme="light"] .beedu-panel-head h2,.user-panel-page[data-beedu-theme="light"] .beedu-panel-head h3,.user-panel-page[data-beedu-theme="light"] .beedu-library-card h3,.user-panel-page[data-beedu-theme="light"] .beedu-activity-item b{color:#14213a!important}.user-panel-page[data-beedu-theme="light"] .beedu-panel-head p,.user-panel-page[data-beedu-theme="light"] .beedu-library-meta small,.user-panel-page[data-beedu-theme="light"] .beedu-activity-item small{color:#6f7d94!important}
.user-panel-page[data-beedu-theme="light"] .beedu-stat-card,.user-panel-page[data-beedu-theme="light"] .beedu-panel,.user-panel-page[data-beedu-theme="light"] .beedu-library-card,.user-panel-page[data-beedu-theme="light"] .beedu-activity-item{color:#17233c}
.beedu-course-thumb-image{overflow:hidden!important;padding:0!important}.beedu-course-thumb-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}
.beedu-library-card{overflow:hidden}.beedu-library-card .beedu-course-thumb{flex-shrink:0}
/* Membership / payment: every light surface gets dark readable typography; dark surfaces get light typography. */
.user-panel-page[data-beedu-theme="light"] .modern-plan-card:not(:nth-child(2)):not(:nth-child(3)),
.user-panel-page[data-beedu-theme="light"] .subscription-compare-card,
.user-panel-page[data-beedu-theme="light"] .modern-payment-card,
.user-panel-page[data-beedu-theme="light"] .modern-payment-help,
.user-panel-page[data-beedu-theme="light"] .checkout-empty-state,
.user-panel-page[data-beedu-theme="light"] .checkout-total{color:#17233c!important}
.user-panel-page[data-beedu-theme="light"] .modern-plan-card:not(:nth-child(2)):not(:nth-child(3)) h2,.user-panel-page[data-beedu-theme="light"] .modern-plan-card:not(:nth-child(2)):not(:nth-child(3)) .plan-detail-box b,.user-panel-page[data-beedu-theme="light"] .modern-plan-card:not(:nth-child(2)):not(:nth-child(3)) .plan-access-line b,.user-panel-page[data-beedu-theme="light"] .subscription-compare-card h2,.user-panel-page[data-beedu-theme="light"] .subscription-compare-grid b,.user-panel-page[data-beedu-theme="light"] .modern-payment-card h2,.user-panel-page[data-beedu-theme="light"] .modern-payment-help h2{color:#17233c!important}
.user-panel-page[data-beedu-theme="light"] .modern-plan-card:not(:nth-child(2)):not(:nth-child(3)) .plan-detail-box p,.user-panel-page[data-beedu-theme="light"] .modern-plan-card:not(:nth-child(2)):not(:nth-child(3)) .plan-access-line small,.user-panel-page[data-beedu-theme="light"] .modern-plan-card:not(:nth-child(2)):not(:nth-child(3)) ul li,.user-panel-page[data-beedu-theme="light"] .modern-plan-card:not(:nth-child(2)):not(:nth-child(3)) .plan-value-note,.user-panel-page[data-beedu-theme="light"] .subscription-compare-card .muted,.user-panel-page[data-beedu-theme="light"] .subscription-compare-grid small,.user-panel-page[data-beedu-theme="light"] .modern-payment-card .muted,.user-panel-page[data-beedu-theme="light"] .modern-payment-help small{color:#5d6d86!important}
.user-panel-page[data-beedu-theme="dark"] .modern-plan-card,.user-panel-page[data-beedu-theme="dark"] .subscription-compare-card,.user-panel-page[data-beedu-theme="dark"] .modern-payment-card,.user-panel-page[data-beedu-theme="dark"] .modern-payment-help{color:#edf4ff!important}
.user-panel-page[data-beedu-theme="dark"] .modern-plan-card:not(:nth-child(2)):not(:nth-child(3)){background:linear-gradient(145deg,#0c2349,#091a37)!important;border-color:rgba(111,151,231,.20)!important}
.user-panel-page[data-beedu-theme="dark"] .modern-plan-card:not(:nth-child(2)):not(:nth-child(3)) h2,.user-panel-page[data-beedu-theme="dark"] .modern-plan-card:not(:nth-child(2)):not(:nth-child(3)) .plan-detail-box b,.user-panel-page[data-beedu-theme="dark"] .modern-plan-card:not(:nth-child(2)):not(:nth-child(3)) .plan-access-line b{color:#f4f7ff!important}
.user-panel-page[data-beedu-theme="dark"] .modern-plan-card:not(:nth-child(2)):not(:nth-child(3)) .plan-detail-box p,.user-panel-page[data-beedu-theme="dark"] .modern-plan-card:not(:nth-child(2)):not(:nth-child(3)) .plan-access-line small,.user-panel-page[data-beedu-theme="dark"] .modern-plan-card:not(:nth-child(2)):not(:nth-child(3)) ul li,.user-panel-page[data-beedu-theme="dark"] .modern-plan-card:not(:nth-child(2)):not(:nth-child(3)) .plan-value-note{color:#a9bbd7!important}
.user-panel-page[data-beedu-theme="dark"] .subscription-compare-card,.user-panel-page[data-beedu-theme="dark"] .modern-payment-card,.user-panel-page[data-beedu-theme="dark"] .modern-payment-help{background:linear-gradient(145deg,#0b2147,#081a37)!important;border-color:rgba(111,151,231,.18)!important}
.user-panel-page[data-beedu-theme="dark"] .subscription-compare-card h2,.user-panel-page[data-beedu-theme="dark"] .modern-payment-card h2,.user-panel-page[data-beedu-theme="dark"] .modern-payment-help h2{color:#f5f8ff!important}.user-panel-page[data-beedu-theme="dark"] .subscription-compare-card .muted,.user-panel-page[data-beedu-theme="dark"] .modern-payment-card .muted,.user-panel-page[data-beedu-theme="dark"] .modern-payment-help small{color:#9bb0d0!important}
.user-panel-page[data-beedu-theme="light"] .payment-modal-dialog{background:#fff!important;color:#17233c!important;border-color:#dfe5f0!important}.user-panel-page[data-beedu-theme="light"] .payment-modal-dialog h2,.user-panel-page[data-beedu-theme="light"] .payment-modal-dialog h3,.user-panel-page[data-beedu-theme="light"] .payment-modal-dialog strong,.user-panel-page[data-beedu-theme="light"] .payment-modal-dialog b{color:#17233c!important}.user-panel-page[data-beedu-theme="light"] .payment-modal-dialog p,.user-panel-page[data-beedu-theme="light"] .payment-modal-dialog small,.user-panel-page[data-beedu-theme="light"] .payment-modal-dialog .muted{color:#64738b!important}
.user-panel-page[data-beedu-theme="dark"] .payment-modal-dialog{background:#091a3a!important;color:#edf4ff!important;border-color:rgba(111,151,231,.22)!important}.user-panel-page[data-beedu-theme="dark"] .payment-modal-dialog h2,.user-panel-page[data-beedu-theme="dark"] .payment-modal-dialog h3,.user-panel-page[data-beedu-theme="dark"] .payment-modal-dialog strong,.user-panel-page[data-beedu-theme="dark"] .payment-modal-dialog b{color:#f5f8ff!important}.user-panel-page[data-beedu-theme="dark"] .payment-modal-dialog p,.user-panel-page[data-beedu-theme="dark"] .payment-modal-dialog small,.user-panel-page[data-beedu-theme="dark"] .payment-modal-dialog .muted{color:#9db1d0!important}
.user-panel-page[data-beedu-theme="light"] .premium-gateway-card{background:#f8faff!important;color:#17233c!important;border-color:#dfe5ef!important}.user-panel-page[data-beedu-theme="light"] .premium-gateway-card b,.user-panel-page[data-beedu-theme="light"] .premium-gateway-card small{color:#17233c!important}.user-panel-page[data-beedu-theme="light"] .premium-gateway-card small{color:#6b7a91!important}
.user-panel-page[data-beedu-theme="dark"] .premium-gateway-card{background:#0b2147!important;color:#edf4ff!important;border-color:rgba(111,151,231,.18)!important}.user-panel-page[data-beedu-theme="dark"] .premium-gateway-card b{color:#f5f8ff!important}.user-panel-page[data-beedu-theme="dark"] .premium-gateway-card small{color:#9db1d0!important}
.user-panel-page[data-beedu-theme="light"] .payment-account-box,.user-panel-page[data-beedu-theme="light"] .payment-selected-summary,.user-panel-page[data-beedu-theme="light"] .plan-summary-card{background:#f5f7fb!important;color:#17233c!important;border-color:#dfe5ef!important}.user-panel-page[data-beedu-theme="light"] .payment-account-box strong,.user-panel-page[data-beedu-theme="light"] .payment-selected-summary strong,.user-panel-page[data-beedu-theme="light"] .plan-summary-card strong,.user-panel-page[data-beedu-theme="light"] .plan-summary-card b{color:#17233c!important}.user-panel-page[data-beedu-theme="light"] .payment-account-box p,.user-panel-page[data-beedu-theme="light"] .payment-account-box small,.user-panel-page[data-beedu-theme="light"] .plan-summary-card small{color:#66768d!important}
.user-panel-page[data-beedu-theme="dark"] .payment-account-box,.user-panel-page[data-beedu-theme="dark"] .payment-selected-summary,.user-panel-page[data-beedu-theme="dark"] .plan-summary-card{background:#0b2147!important;color:#edf4ff!important;border-color:rgba(111,151,231,.18)!important}.user-panel-page[data-beedu-theme="dark"] .payment-account-box strong,.user-panel-page[data-beedu-theme="dark"] .payment-selected-summary strong,.user-panel-page[data-beedu-theme="dark"] .plan-summary-card strong,.user-panel-page[data-beedu-theme="dark"] .plan-summary-card b{color:#f5f8ff!important}.user-panel-page[data-beedu-theme="dark"] .payment-account-box p,.user-panel-page[data-beedu-theme="dark"] .payment-account-box small,.user-panel-page[data-beedu-theme="dark"] .plan-summary-card small{color:#9db1d0!important}
/* Desktop: narrower fixed rail; content remains fluid and uses every remaining pixel. */
@media(min-width:1100px){
 .user-panel-page .sidebar{width:var(--beedu-sidebar-width)!important;padding-left:11px!important;padding-right:11px!important}
 .user-panel-page .main{width:calc(100% - var(--beedu-sidebar-width))!important;margin-left:var(--beedu-sidebar-width)!important}
 .user-panel-page .topbar{width:calc(100% - var(--beedu-sidebar-width))!important;margin-left:var(--beedu-sidebar-width)!important;padding-left:0!important}
 .user-panel-page .topbar-inner{width:calc(100% - 36px)!important;max-width:none!important}
 .user-panel-page .main>.container{width:calc(100% - 36px)!important;max-width:none!important}
 .user-panel-page .dashboard-container{grid-template-columns:minmax(0,1fr) 300px!important}
 .user-panel-page .side-link{padding:10px 10px!important;font-size:12px!important;gap:9px!important}
 .user-panel-page .sidebar-brand{padding-left:7px!important;padding-right:7px!important}.user-panel-page .brand-name-text{font-size:16px!important}.user-panel-page .sidebar-label{font-size:9px!important}
}
@media(max-width:1099px){.user-panel-page .sidebar{width:min(270px,84vw)!important}.user-panel-page .container{width:calc(100% - 24px)!important}.user-panel-page .main{width:100%!important;margin-left:0!important}.user-panel-page .topbar{width:100%!important;margin-left:0!important}}
@media(max-width:699px){.user-panel-page .container{width:calc(100% - 16px)!important}.user-panel-page .dashboard-container{width:100%!important}.user-panel-page .beedu-course-thumb-image img{object-fit:cover}.user-panel-page .beedu-library-card{overflow:hidden}.user-panel-page .profile-chip .hide-mobile{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(min-width:700px) and (max-width:1099px){.user-panel-page .beedu-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}

/* V104 — Dark-only industrial user panel refinement. */
.user-panel-page{--beedu-sidebar-width:228px!important;--beedu-bg:#06142f;--beedu-bg2:#091b3b;--beedu-panel:#0b2147;--beedu-panel2:#0e2852;--beedu-line:rgba(111,151,231,.18);--beedu-text:#edf4ff;--beedu-muted:#91a7ca;--beedu-heading:#f7f9ff;background:var(--beedu-bg)!important;color:var(--beedu-text)!important}
.user-panel-page[data-beedu-theme="light"]{--beedu-bg:#06142f;--beedu-bg2:#091b3b;--beedu-panel:#0b2147;--beedu-panel2:#0e2852;--beedu-line:rgba(111,151,231,.18);--beedu-text:#edf4ff;--beedu-muted:#91a7ca;--beedu-heading:#f7f9ff;background:var(--beedu-bg)!important;color:var(--beedu-text)!important}
.user-panel-page[data-beedu-theme="light"] .topbar,.user-panel-page[data-beedu-theme="light"] .sidebar,.user-panel-page[data-beedu-theme="light"] .bottom-nav{background:rgba(5,15,38,.96)!important;color:#edf4ff!important;border-color:var(--beedu-line)!important}
.user-panel-page[data-beedu-theme="light"] .profile-chip,.user-panel-page[data-beedu-theme="light"] .profile-chip .hide-mobile,.user-panel-page[data-beedu-theme="light"] .top-brand-name,.user-panel-page[data-beedu-theme="light"] .mobile-page-title{color:#edf4ff!important}
.user-panel-page[data-beedu-theme="light"] .desktop-global-search{background:#091a39!important;border-color:rgba(87,135,239,.34)!important}.user-panel-page[data-beedu-theme="light"] .desktop-global-search input{color:#eef4ff!important}.user-panel-page[data-beedu-theme="light"] .desktop-global-search input::placeholder{color:#7187aa!important}
.user-panel-page[data-beedu-theme="light"] .icon-btn{background:#091a39!important;color:#dce8ff!important;border-color:rgba(111,151,231,.18)!important}
/* Header/sidebar/mobile shell */
@media(min-width:1100px){
 .user-panel-page .sidebar{width:228px!important;padding:16px 11px!important;z-index:2147482500!important}
 .user-panel-page .main{width:calc(100% - 228px)!important;margin-left:228px!important}
 .user-panel-page .topbar{width:calc(100% - 228px)!important;margin-left:228px!important;left:0!important}
 .user-panel-page .topbar-inner{width:calc(100% - 32px)!important;max-width:none!important}
 .user-panel-page .main>.container{width:calc(100% - 32px)!important;max-width:none!important}
 .user-panel-page .side-link{padding:9px 9px!important;font-size:12px!important;gap:8px!important}
 .user-panel-page .sidebar-brand{padding:4px 6px 18px!important}.user-panel-page .brand-name-text{font-size:15px!important}.user-panel-page .sidebar-label{font-size:8px!important;padding-left:9px!important}
}
.user-panel-page .profile-chip .hide-mobile{color:#edf4ff!important;font-weight:900}.user-panel-page .header-verified-label{color:#42a8ff!important}.user-panel-page .header-verified-label i{background:#208cff!important;color:#fff!important}
.user-panel-page .beedu-verified-badge{display:inline-grid!important;place-items:center!important;width:22px!important;height:22px!important;margin-left:7px!important;border-radius:50%!important;background:#218cff!important;color:#fff!important;font-size:11px!important;vertical-align:middle!important;box-shadow:0 0 0 3px rgba(33,140,255,.14),0 5px 14px rgba(33,140,255,.25)!important}
.user-panel-page .beedu-dash-profile-copy h1{display:flex;align-items:center;flex-wrap:wrap;gap:2px;color:#f7f9ff!important}
.user-panel-page .beedu-dash-hero .beedu-dash-hero-art .beedu-art-icon{background:linear-gradient(135deg,#7b42ff,#31a8ff)!important;box-shadow:0 15px 35px rgba(76,73,255,.32)!important}.user-panel-page .beedu-dash-hero .beedu-art-icon i{color:#fff!important}
/* Course library: status badge belongs inside the artwork, never over the title. */
.user-panel-page .beedu-library-card{position:relative!important}.user-panel-page .beedu-library-card .beedu-course-thumb{position:relative!important;overflow:hidden!important}.user-panel-page .beedu-library-card .beedu-course-chip{position:absolute!important;top:10px!important;right:10px!important;left:auto!important;z-index:3!important;margin:0!important;background:rgba(8,24,53,.82)!important;color:#fff!important;border:1px solid rgba(255,255,255,.18)!important;backdrop-filter:blur(8px)!important;box-shadow:0 6px 16px rgba(0,0,0,.18)!important}
.user-panel-page .beedu-library-card h3{position:relative!important;z-index:1!important;margin-top:10px!important;line-height:1.35!important}.user-panel-page .beedu-course-thumb-image img{display:block!important;width:100%!important;height:100%!important;object-fit:cover!important}
/* White/light surfaces in dark UI must use dark readable typography. */
.user-panel-page .challenge-card,.user-panel-page .challenge-requirements,.user-panel-page .practice-example-box,.user-panel-page .practice-answer,.user-panel-page .keyword-card,.user-panel-page .keyword-definition,.user-panel-page .perfect-example-card,.user-panel-page .step-quiz-card,.user-panel-page .challenge-prompt,.user-panel-page .info-grid,.user-panel-page .bio-box,.user-panel-page .profile-course-item,.user-panel-page .profile-course-mobile-nav .profile-course-cat,.user-panel-page .ux25-gift-course,.user-panel-page .ux25-milestone-card,.user-panel-page .ux25-course-mini,.user-panel-page .ux25-stat-card,.user-panel-page .notification-modal-item,.user-panel-page .notification-modal-close{color:#172033!important}
.user-panel-page .challenge-card h1,.user-panel-page .challenge-card h2,.user-panel-page .challenge-card h3,.user-panel-page .challenge-card b,.user-panel-page .challenge-card strong,.user-panel-page .challenge-card p,.user-panel-page .challenge-card small,.user-panel-page .challenge-requirements,.user-panel-page .practice-example-box,.user-panel-page .practice-answer,.user-panel-page .keyword-card,.user-panel-page .keyword-definition,.user-panel-page .perfect-example-card,.user-panel-page .step-quiz-card,.user-panel-page .challenge-prompt,.user-panel-page .info-grid>div,.user-panel-page .info-grid b,.user-panel-page .bio-box,.user-panel-page .bio-box p,.user-panel-page .profile-course-item b,.user-panel-page .profile-course-item small,.user-panel-page .profile-course-mobile-nav .profile-course-cat,.user-panel-page .ux25-gift-course,.user-panel-page .ux25-gift-course *,.user-panel-page .ux25-milestone-card,.user-panel-page .ux25-milestone-card *,.user-panel-page .ux25-course-mini,.user-panel-page .ux25-course-mini *{color:#172033!important}
.user-panel-page .challenge-card a,.user-panel-page .challenge-card .btn,.user-panel-page .challenge-card i{color:inherit}
.user-panel-page .notification-modal-item-content p{color:#53627a!important}.user-panel-page .notification-modal-item-content time{color:#77849a!important}.user-panel-page .notification-modal-item-top b{color:#172033!important}
/* Preserve white CTA surfaces with intentionally light text contrast corrected. */
.user-panel-page .btn-white{color:#4f26c7!important}.user-panel-page .notification-modal-close{background:#fff!important;color:#655a76!important}
/* Dashboard challenge cards */
.beedu-dashboard-challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.beedu-dashboard-challenge-card{display:grid;grid-template-columns:40px minmax(0,1fr) 16px;gap:10px;align-items:start;padding:14px;border-radius:16px;background:linear-gradient(145deg,#0b2147,#091b3b);border:1px solid rgba(111,151,231,.17);color:#edf4ff;min-width:0;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.beedu-dashboard-challenge-card:hover{transform:translateY(-2px);border-color:rgba(129,89,255,.48);box-shadow:0 14px 30px rgba(0,0,0,.18)}.beedu-dashboard-challenge-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#6c35ff,#b45cff);color:#fff;box-shadow:0 8px 18px rgba(108,53,255,.25)}.beedu-dashboard-challenge-card small{display:block;color:#8ea6ca;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.beedu-dashboard-challenge-card h3{margin:3px 0 4px;color:#f6f8ff;font-size:12px;line-height:1.35}.beedu-dashboard-challenge-card p{margin:0;color:#9cb0d0;font-size:9px;line-height:1.6}.beedu-dashboard-challenge-card>i{color:#9b72ff;margin-top:5px}.beedu-dashboard-challenge-difficulty{display:inline-flex;margin-top:7px;padding:3px 7px;border-radius:99px;background:#142f5b;color:#c9d8f4;font-size:7px;font-weight:800}
/* Mobile premium shell: logo + brand + menu remain visible, compact back button, drawer above every layer. */
@media(max-width:1099px){
 .user-panel-page .topbar{left:0!important;width:100%!important;height:62px!important;background:linear-gradient(100deg,rgba(5,15,38,.98),rgba(12,25,68,.98))!important;border-bottom:1px solid rgba(111,151,231,.2)!important;z-index:2147482000!important}
 .user-panel-page .topbar-inner{width:100%!important;padding:0 9px!important;gap:6px!important}
 .user-panel-page .menu-toggle{display:grid!important;width:36px!important;height:36px!important;flex:0 0 36px!important;background:linear-gradient(135deg,#6d35ff,#3c86ff)!important;color:#fff!important;border:1px solid rgba(255,255,255,.14)!important}
 .user-panel-page .mobile-back-btn{display:grid!important;width:32px!important;height:32px!important;flex:0 0 32px!important;background:#0b2147!important;color:#dce8ff!important;border:1px solid rgba(111,151,231,.2)!important}
 .user-panel-page .top-brand{display:flex!important;min-width:0!important;gap:7px!important;font-size:14px!important;color:#fff!important;flex:1!important}.user-panel-page .top-brand .brand-logo-img{width:34px!important;height:34px!important;border-radius:10px!important}.user-panel-page .top-brand-name{display:block!important;color:#f4f7ff!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important;font-weight:900!important}
 .user-panel-page .mobile-page-title{display:none!important}.user-panel-page .top-actions{margin-left:auto!important}.user-panel-page .top-actions .icon-btn{width:36px!important;height:36px!important;background:#0b2147!important;color:#dce8ff!important;border:1px solid rgba(111,151,231,.2)!important}
 .user-panel-page .sidebar{left:-290px!important;width:min(278px,88vw)!important;z-index:2147483646!important;box-shadow:18px 0 60px rgba(0,0,0,.45)!important}.user-panel-page.sidebar-open .sidebar{left:0!important}.user-panel-page .sidebar-overlay{z-index:2147483645!important;background:rgba(1,8,24,.72)!important;backdrop-filter:blur(4px)!important}.user-panel-page .bottom-nav{z-index:2147482001!important;background:rgba(6,17,43,.98)!important;border-top:1px solid rgba(111,151,231,.2)!important}.user-panel-page .bottom-nav a{color:#8fa6c9!important}.user-panel-page .bottom-nav a.active{color:#fff!important}.user-panel-page .bottom-nav a.active i{background:linear-gradient(135deg,#6d35ff,#3f8bff)!important;color:#fff!important;box-shadow:0 7px 18px rgba(95,53,255,.28)!important}
 .user-panel-page .main{margin-left:0!important;width:100%!important}.user-panel-page .container{width:calc(100% - 18px)!important;max-width:none!important}
}
@media(max-width:699px){
 .user-panel-page .beedu-dashboard-challenge-grid{grid-template-columns:1fr!important}.user-panel-page .beedu-dashboard-challenge-card{padding:11px;grid-template-columns:34px minmax(0,1fr) 13px}.user-panel-page .beedu-dashboard-challenge-icon{width:34px;height:34px;border-radius:10px;font-size:12px}.user-panel-page .beedu-dashboard-challenge-card h3{font-size:10px}.user-panel-page .beedu-dashboard-challenge-card p{font-size:7px}.user-panel-page .beedu-dashboard-challenge-card small{font-size:6px}.user-panel-page .beedu-dashboard-challenge-difficulty{font-size:6px}
 .user-panel-page .beedu-verified-badge{width:17px!important;height:17px!important;font-size:8px!important;margin-left:5px!important}
 .user-panel-page .beedu-library-card .beedu-course-chip{top:6px!important;right:6px!important;font-size:5px!important;padding:3px 5px!important}
}

/* V5 — Dark-only contrast, membership footer and premium surface audit. */
.user-panel-page{
  color-scheme:dark!important;
  background:#06112b!important;
  color:#edf4ff!important;
}
.user-panel-page[data-beedu-theme="light"]{background:#06112b!important;color:#edf4ff!important;}
.user-panel-page[data-beedu-theme="light"] .topbar,
.user-panel-page[data-beedu-theme="light"] .sidebar,
.user-panel-page[data-beedu-theme="light"] .bottom-nav{background:rgba(5,15,38,.96)!important;color:#edf4ff!important;border-color:var(--beedu-line)!important}
.user-panel-page[data-beedu-theme="light"] .profile-chip,
.user-panel-page[data-beedu-theme="light"] .profile-chip .hide-mobile,
.user-panel-page[data-beedu-theme="light"] .top-brand-name,
.user-panel-page[data-beedu-theme="light"] .mobile-page-title{color:#edf4ff!important}

/* Course topic: readable dark text on the intentionally light objective surface. */
.user-panel-page .topic-objective,
.user-panel-page .topic-objective *{color:#17233c!important}
.user-panel-page .topic-objective strong,
.user-panel-page .topic-objective b{color:#0e1c34!important}

/* Course outline / module steps: subtitles stay light on the dark learning surface. */
.user-panel-page .course-topic-row small,
.user-panel-page .course-module-head small,
.user-panel-page .animated-outline-topic small,
.user-panel-page .course-outline-module ol li small,
.user-panel-page .course-outline-module-count{color:#f1f5ff!important}
.user-panel-page .course-topic-row b,
.user-panel-page .animated-outline-topic .outline-topic-name{color:#f7f9ff!important}

/* Course library page headings and helper lines. */
.user-panel-page .lp-category-copy h2,
.user-panel-page .lp-category-copy p,
.user-panel-page .lp-category-copy .lp-category-overline,
.user-panel-page .lp-section-toolbar h2,
.user-panel-page .lp-section-toolbar p,
.user-panel-page .lp-section-toolbar .lp-section-overline{color:#f4f7ff!important}
.user-panel-page .lp-category-copy p,
.user-panel-page .lp-section-toolbar p{opacity:1!important}

/* White/light surfaces must use dark typography. */
.user-panel-page .subscription-compare-grid>div,
.user-panel-page .checkout-total,
.user-panel-page .checkout-empty-state,
.user-panel-page .gateway-card,
.user-panel-page .premium-gateway-card,
.user-panel-page .plan-summary-card,
.user-panel-page .summary-feature-note,
.user-panel-page .plan-detail-box,
.user-panel-page .plan-access-line,
.user-panel-page .ux26-milestone-card,
.user-panel-page .ux26-rule,
.user-panel-page .ux26-lottery-ticket,
.user-panel-page .profile-course-item,
.user-panel-page .profile-activity-item,
.user-panel-page .profile-upgrade-banner,
.user-panel-page .practice-instruction,
.user-panel-page .challenge-prompt{
  color:#17233c!important;
}
.user-panel-page .subscription-compare-grid>div h1,
.user-panel-page .subscription-compare-grid>div h2,
.user-panel-page .subscription-compare-grid>div h3,
.user-panel-page .subscription-compare-grid>div b,
.user-panel-page .subscription-compare-grid>div span,
.user-panel-page .subscription-compare-grid>div small,
.user-panel-page .checkout-total span,
.user-panel-page .checkout-total b,
.user-panel-page .checkout-empty-state b,
.user-panel-page .checkout-empty-state small,
.user-panel-page .gateway-card b,
.user-panel-page .gateway-card small,
.user-panel-page .premium-gateway-card b,
.user-panel-page .premium-gateway-card small,
.user-panel-page .plan-summary-card small,
.user-panel-page .plan-summary-card strong,
.user-panel-page .summary-feature-note,
.user-panel-page .ux26-milestone-card b,
.user-panel-page .ux26-milestone-card strong,
.user-panel-page .ux26-milestone-card small,
.user-panel-page .ux26-rule b,
.user-panel-page .ux26-rule small,
.user-panel-page .profile-course-item b,
.user-panel-page .profile-course-item small,
.user-panel-page .profile-upgrade-banner h2,
.user-panel-page .profile-upgrade-banner p{color:#17233c!important}
.user-panel-page .checkout-total span,
.user-panel-page .checkout-empty-state small,
.user-panel-page .gateway-card small,
.user-panel-page .premium-gateway-card small,
.user-panel-page .plan-summary-card small,
.user-panel-page .ux26-milestone-card small,
.user-panel-page .ux26-rule small,
.user-panel-page .profile-course-item small,
.user-panel-page .profile-upgrade-banner p{color:#4e607b!important}

/* Standard plan remains a white card with a deliberately dark information hierarchy. */
.user-panel-page .modern-plan-card:nth-child(1){background:linear-gradient(180deg,#fff 0,#fbfcff 100%)!important;color:#17233c!important}
.user-panel-page .modern-plan-card:nth-child(1)>h2,
.user-panel-page .modern-plan-card:nth-child(1)>.plan-price,
.user-panel-page .modern-plan-card:nth-child(1)>.plan-price small,
.user-panel-page .modern-plan-card:nth-child(1) .plan-detail-box b,
.user-panel-page .modern-plan-card:nth-child(1) .plan-detail-box p,
.user-panel-page .modern-plan-card:nth-child(1) .plan-access-line b,
.user-panel-page .modern-plan-card:nth-child(1) .plan-access-line small,
.user-panel-page .modern-plan-card:nth-child(1) ul li,
.user-panel-page .modern-plan-card:nth-child(1) .plan-value-note{color:#17233c!important;text-shadow:none!important}
.user-panel-page .modern-plan-card:nth-child(1) .plan-detail-box,
.user-panel-page .modern-plan-card:nth-child(1) .plan-access-line{background:#f5f8fc!important;border-color:#dce5f0!important}
.user-panel-page .modern-plan-card:nth-child(1) ul li{border-bottom-color:#e5eaf2!important}

/* Live subscription countdown — animated premium progress ring. */
.user-panel-page .subscription-countdown{
  position:relative!important;
  isolation:isolate;
  width:88px!important;height:88px!important;
  flex:0 0 88px!important;
  border-radius:50%!important;
  display:grid!important;
  place-items:center!important;
  align-content:center!important;
  background:conic-gradient(from -35deg,#7d4dff,#b26cff 32%,#20d8c0 72%,#7d4dff 100%)!important;
  box-shadow:0 0 0 5px rgba(125,77,255,.10),0 0 28px rgba(125,77,255,.20)!important;
  animation:beeduSubPulse 3s ease-in-out infinite;
}
.user-panel-page .subscription-countdown:before{
  content:"";position:absolute;inset:5px;border-radius:50%;
  background:#081a38;border:1px solid rgba(160,125,255,.28);z-index:0;
}
.user-panel-page .subscription-countdown:after{
  content:"";position:absolute;inset:1px;border-radius:50%;
  border:1px solid rgba(255,255,255,.24);z-index:2;
  transform:rotate(0deg);animation:beeduSubOrbit 5s linear infinite;
}
.user-panel-page .subscription-countdown b,
.user-panel-page .subscription-countdown small{position:relative;z-index:3!important;color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.30)}
.user-panel-page .subscription-countdown b{font-size:22px!important;font-weight:950!important;line-height:1!important}
.user-panel-page .subscription-countdown small{font-size:9px!important;margin-top:3px}
@keyframes beeduSubPulse{50%{box-shadow:0 0 0 7px rgba(125,77,255,.13),0 0 38px rgba(32,216,192,.18)}}
@keyframes beeduSubOrbit{to{transform:rotate(360deg)}}

/* Rewards: light milestone cards remain light, but their copy is always readable. */
.user-panel-page .ux26-milestone-card,
.user-panel-page .ux26-rule{background:#fff!important}
.user-panel-page .ux26-milestone-card b,
.user-panel-page .ux26-milestone-card strong,
.user-panel-page .ux26-milestone-card small,
.user-panel-page .ux26-rule b,
.user-panel-page .ux26-rule small{color:#17233c!important}
.user-panel-page .ux26-milestone-card small,
.user-panel-page .ux26-rule small{color:#4f607a!important}
.user-panel-page .ux26-rule>span{color:#4c2a9d!important}

/* Header profile: no white-on-white name. */
.user-panel-page .profile-chip{background:#091a39!important;border:1px solid rgba(111,151,231,.20)!important;color:#f4f7ff!important}
.user-panel-page .profile-chip .hide-mobile{color:#f4f7ff!important}
.user-panel-page .profile-chip .header-verified-label{color:#42a8ff!important}

/* Fixed mobile footer: membership replaces rewards, with gradient icons. */
.user-panel-page .profile-premium-footer a i{color:#fff!important;background:linear-gradient(135deg,#6c35ff,#2b9fff)!important;box-shadow:0 6px 16px rgba(88,61,255,.18)!important}
.user-panel-page .profile-premium-footer a:nth-child(2) i{background:linear-gradient(135deg,#00b8a9,#39d6d0)!important}
.user-panel-page .profile-premium-footer a:nth-child(3) i{background:linear-gradient(135deg,#7b3cff,#b26cff)!important}
.user-panel-page .profile-premium-footer a:nth-child(4) i{background:linear-gradient(135deg,#ff8a3d,#ff4fa3)!important}
.user-panel-page .profile-premium-footer a:nth-child(5) i{background:linear-gradient(135deg,#1597ff,#5a5dff)!important}
.user-panel-page .profile-premium-footer a.active{color:#fff!important;background:linear-gradient(135deg,rgba(112,45,255,.24),rgba(41,159,255,.12))!important}
.user-panel-page .profile-premium-footer a.active i{box-shadow:0 8px 22px rgba(112,45,255,.30)!important;transform:translateY(-1px)}

/* Notification modal header is a light surface: force dark readable copy. */
.user-panel-page .notification-modal-head,
.user-panel-page .notification-modal-close{color:#17233c!important}
.user-panel-page .notification-modal-heading h2{color:#17233c!important}
.user-panel-page .notification-modal-heading p{color:#53647d!important}

/* Keep white surfaces readable anywhere inside authenticated pages. */
.user-panel-page .card[style*="background:#fff"] h1,
.user-panel-page .card[style*="background:#fff"] h2,
.user-panel-page .card[style*="background:#fff"] h3,
.user-panel-page .card[style*="background:#fff"] p,
.user-panel-page .card[style*="background:#fff"] small,
.user-panel-page .card[style*="background:#fff"] span,
.user-panel-page .card[style*="background:#fff"] b,
.user-panel-page .card[style*="background:#fff"] strong{color:#17233c!important}

@media(max-width:699px){
  .user-panel-page .subscription-countdown{width:72px!important;height:72px!important;flex-basis:72px!important}
  .user-panel-page .subscription-countdown b{font-size:18px!important}
  .user-panel-page .subscription-countdown small{font-size:8px!important}
  .user-panel-page .profile-premium-footer{grid-template-columns:repeat(5,1fr)!important}
  .user-panel-page .profile-premium-footer a span{white-space:nowrap}
}

/* V6 — readability + typography refinement (dark-only user panel) */
.user-panel-page{
  font-size:15px!important;
  color:#edf4ff!important;
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.user-panel-page p,
.user-panel-page .muted,
.user-panel-page small,
.user-panel-page .card p,
.user-panel-page .ux25-card p{font-size:14px;line-height:1.72}
.user-panel-page h1{font-size:24px!important;line-height:1.25!important}
.user-panel-page h2{font-size:21px!important;line-height:1.3!important}
.user-panel-page h3{font-size:18px!important;line-height:1.35!important}
.user-panel-page .overline{font-size:11px!important}

/* Payment gateway heading */
.user-panel-page .gateway-selection-title span{color:#fff!important;font-size:15px!important;font-weight:900!important}
.user-panel-page .gateway-selection-title small{color:#b8c8e5!important;font-size:12px!important}

/* Important concepts: title/term stays white on the dark concept cards. */
.user-panel-page .keyword-card strong,
.user-panel-page .keyword-card .keyword-top strong,
.user-panel-page .keyword-card h3,
.user-panel-page .keyword-card .term,
.user-panel-page .keyword-card .keyword-title{color:#fff!important}
.user-panel-page .keyword-card span,
.user-panel-page .keyword-card p{color:#c7d5ea!important}
.user-panel-page .keyword-card p b{color:#edf4ff!important}

/* Coding example helper surfaces are intentionally light; use dark typography. */
.user-panel-page .code-example-intro,
.user-panel-page .code-example-intro * ,
.user-panel-page .code-practice-guide,
.user-panel-page .code-practice-guide *{color:#172033!important}
.user-panel-page .code-example-intro p,
.user-panel-page .code-practice-guide p{color:#34445e!important}
.user-panel-page .code-example-intro .pill{color:#fff!important;background:#6232e9!important}
.user-panel-page .code-practice-guide a{color:#4f26c7!important;font-weight:900!important}

/* Module/topic step subtitles — high-contrast white on dark learning surfaces. */
.user-panel-page .course-topic-row small,
.user-panel-page .course-module-head small,
.user-panel-page .animated-outline-topic small,
.user-panel-page .course-outline-module ol li small,
.user-panel-page .course-outline-module-count,
.user-panel-page .module-step small,
.user-panel-page .step-subtitle,
.user-panel-page .topic-step small{color:#fff!important}

/* Notifications: body content is always white; header remains unchanged. */
.user-panel-page .notification-modal-item,
.user-panel-page .notification-modal-item-content,
.user-panel-page .notification-item{color:#fff!important}
.user-panel-page .notification-modal-item-content b,
.user-panel-page .notification-modal-item-content p,
.user-panel-page .notification-modal-item-content time,
.user-panel-page .notification-item b,
.user-panel-page .notification-item p,
.user-panel-page .notification-item small{color:#fff!important}
.user-panel-page .notification-modal-item-content b,
.user-panel-page .notification-item b{font-size:14px!important;line-height:1.45!important}
.user-panel-page .notification-modal-item-content p,
.user-panel-page .notification-item p{font-size:13px!important;line-height:1.7!important}
.user-panel-page .notification-modal-item-content time,
.user-panel-page .notification-item small{font-size:11px!important;opacity:.88}

/* Main profile: use the same premium visual language as the dashboard hero. */
.user-panel-page .profile-premium-hero{
  padding:28px!important;
  border-radius:24px!important;
  background:radial-gradient(circle at 82% 28%,rgba(113,56,255,.48),transparent 30%),linear-gradient(125deg,#1027a7,#2728a9 48%,#5d20be)!important;
  box-shadow:0 24px 70px rgba(35,23,119,.28)!important;
}
.user-panel-page .profile-main{gap:20px!important;align-items:center!important}
.user-panel-page .profile-avatar-large{width:92px!important;height:92px!important;border-radius:28px!important}
.user-panel-page .profile-intro h1.profile-name-heading{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:10px!important;margin:5px 0 8px!important;font-size:30px!important;color:#fff!important}
.user-panel-page .profile-intro p{font-size:15px!important;color:#dce5ff!important;line-height:1.65!important}
.user-panel-page .profile-tags{gap:8px!important}
.user-panel-page .profile-tags span{font-size:12px!important;color:#dce5ff!important;padding:8px 11px!important}
.user-panel-page .profile-hero-actions .btn{min-height:44px!important;font-size:13px!important}
.user-panel-page .beedu-verified-student-badge{display:inline-flex!important;align-items:center!important;gap:6px!important;padding:6px 10px!important;border-radius:999px!important;background:rgba(33,140,255,.16)!important;border:1px solid rgba(70,164,255,.45)!important;color:#fff!important;font-size:11px!important;font-weight:900!important;box-shadow:0 6px 18px rgba(33,140,255,.16)!important}
.user-panel-page .beedu-verified-student-badge i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#208cff;color:#fff;font-size:9px}
.user-panel-page .profile-stat-grid .card{padding:18px!important}
.user-panel-page .profile-stat-grid strong{font-size:28px!important}
.user-panel-page .profile-stat-grid small{font-size:12px!important}
.user-panel-page .profile-stat-grid span{font-size:12px!important;color:#9fb2d2!important}
.user-panel-page .profile-modern-grid .section-head h2{font-size:20px!important}
.user-panel-page .profile-roadmap-card,
.user-panel-page .profile-activity-card{padding:20px!important}
.user-panel-page .profile-course-item{min-height:70px!important;padding:14px!important}
.user-panel-page .profile-course-item b{font-size:14px!important}
.user-panel-page .profile-course-item small{font-size:12px!important}
.user-panel-page .info-grid>div{padding:16px!important}
.user-panel-page .info-grid small{font-size:11px!important}
.user-panel-page .info-grid b{font-size:14px!important}
.user-panel-page .bio-box{padding:16px!important}
.user-panel-page .bio-box small{font-size:11px!important}
.user-panel-page .bio-box p{font-size:14px!important}

/* Remove remaining tiny typography from core user-panel content on desktop. */
@media(min-width:1100px){
  .user-panel-page .sidebar .side-link{font-size:13px!important}
  .user-panel-page .desktop-global-search input{font-size:14px!important}
  .user-panel-page .lp-category-copy p,
  .user-panel-page .lp-section-toolbar p{font-size:14px!important}
  .user-panel-page .lp-course-card-body p{font-size:13px!important}
  .user-panel-page .course-topic-row small,
  .user-panel-page .course-module-head small{font-size:13px!important}
}

@media(max-width:699px){
  .user-panel-page{font-size:14px!important}
  .user-panel-page p,.user-panel-page .muted{font-size:13px;line-height:1.65}
  .user-panel-page h1{font-size:21px!important}
  .user-panel-page h2{font-size:18px!important}
  .user-panel-page h3{font-size:16px!important}
  .user-panel-page .profile-premium-hero{padding:18px!important}
  .user-panel-page .profile-main{gap:12px!important}
  .user-panel-page .profile-avatar-large{width:68px!important;height:68px!important;border-radius:20px!important}
  .user-panel-page .profile-intro h1.profile-name-heading{font-size:21px!important;gap:6px!important}
  .user-panel-page .beedu-verified-student-badge{font-size:9px!important;padding:4px 7px!important;gap:4px!important}
  .user-panel-page .beedu-verified-student-badge i{width:15px;height:15px;font-size:7px}
  .user-panel-page .profile-intro p{font-size:12px!important}
  .user-panel-page .profile-tags span{font-size:10px!important;padding:6px 8px!important}
  .user-panel-page .notification-modal-item-content b{font-size:13px!important}
  .user-panel-page .notification-modal-item-content p{font-size:12px!important}
  .user-panel-page .notification-modal-item-content time{font-size:10px!important}
}

/* V7 — authenticated user-panel search, dark-only contrast and responsive polish */
.user-panel-page .beedu-user-search-wrap{position:relative;z-index:70}
.user-panel-page .beedu-user-search-wrap input{color:#eef4ff!important}
.user-panel-page .beedu-user-search-wrap input::placeholder{color:#8ea3c5!important}
.user-panel-page .beedu-user-search-results{position:absolute;left:-1px;right:-1px;top:calc(100% + 9px);max-height:440px;overflow:auto;padding:8px;background:#0b1d3f;border:1px solid #294b83;border-radius:18px;box-shadow:0 22px 55px rgba(0,0,0,.38);display:grid;gap:5px}
.user-panel-page .beedu-user-search-results[hidden]{display:none!important}
.user-panel-page .beedu-user-search-result{width:100%;display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;text-align:left;padding:10px;border:1px solid rgba(83,125,190,.22);border-radius:13px;background:#102653;color:#fff}
.user-panel-page .beedu-user-search-result:hover{background:#16336a;border-color:#5e72ff}
.user-panel-page .beedu-user-search-result-icon{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#6436ff,#19b9d2);color:#fff}
.user-panel-page .beedu-user-search-result-copy{min-width:0;display:grid;gap:2px}
.user-panel-page .beedu-user-search-result-copy b{font-size:13px;line-height:1.35;color:#fff;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.user-panel-page .beedu-user-search-result-copy small{font-size:11px;color:#a9bee0}
.user-panel-page .beedu-user-search-result-lock{font-size:12px;color:#ffd36a}
.user-panel-page .beedu-user-search-empty{padding:20px 14px;text-align:center;color:#b5c7e5;font-size:13px}
.user-panel-page .mobile-search-trigger{display:none}
.beedu-mobile-search-modal{display:none}

/* Dashboard stat numbers intentionally use English numerals. */
.user-panel-page .beedu-dash-stats .beedu-stat-card strong{font-variant-numeric:tabular-nums}

/* Membership: Standard gets a deep premium surface; all content remains high-contrast. */
.user-panel-page .modern-plan-card:nth-child(1){background:linear-gradient(145deg,#092d4a 0%,#073b58 48%,#10205a 100%)!important;border-color:rgba(69,184,231,.45)!important;box-shadow:0 28px 70px rgba(3,28,62,.38)!important}
.user-panel-page .modern-plan-card:nth-child(1):before{background:linear-gradient(135deg,#0a7690 0%,#116c9b 52%,#2430a8 100%)!important}
.user-panel-page .modern-plan-card:nth-child(1):after{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.24)!important;color:#fff!important}
.user-panel-page .modern-plan-card:nth-child(1)>.plan-badge{background:rgba(255,255,255,.14)!important;color:#fff!important;border-color:rgba(255,255,255,.25)!important}
.user-panel-page .modern-plan-card:nth-child(1)>h2{color:#fff!important;text-shadow:0 2px 12px rgba(0,0,0,.22)!important}
.user-panel-page .modern-plan-card .plan-title-inline{display:flex!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important}
.user-panel-page .modern-plan-card .plan-inline-price{font-size:clamp(18px,2.3vw,25px)!important;line-height:1!important;font-weight:950!important;white-space:nowrap!important;letter-spacing:-.02em!important}
.user-panel-page .modern-plan-card:nth-child(1) .plan-inline-price{color:#fff!important}
.user-panel-page .modern-plan-card:nth-child(2) .plan-inline-price,.user-panel-page .modern-plan-card:nth-child(3) .plan-inline-price{color:#fff!important}
.user-panel-page .modern-plan-card .plan-inline-offer{position:relative;z-index:7;display:flex;gap:8px;align-items:center;margin:-1px 0 10px 2px;font-size:11px;font-weight:800}
.user-panel-page .modern-plan-card:nth-child(1) .plan-inline-offer{color:#bdefff}
.user-panel-page .modern-plan-card:nth-child(1) .plan-detail-box{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.15)!important}
.user-panel-page .modern-plan-card:nth-child(1) .plan-detail-box b,.user-panel-page .modern-plan-card:nth-child(1) .plan-detail-box p{color:rgba(255,255,255,.9)!important}
.user-panel-page .modern-plan-card:nth-child(1) .plan-access-line{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.14)!important}
.user-panel-page .modern-plan-card:nth-child(1) .plan-access-line b,.user-panel-page .modern-plan-card:nth-child(1) .plan-access-line small{color:rgba(255,255,255,.9)!important}
.user-panel-page .modern-plan-card:nth-child(1) ul li{color:rgba(255,255,255,.92)!important;border-color:rgba(255,255,255,.11)!important}
.user-panel-page .modern-plan-card:nth-child(1) .plan-value-note{color:rgba(255,255,255,.7)!important}
.user-panel-page .modern-plan-card:nth-child(1) .animated-plan-btn{background:linear-gradient(135deg,#2bb8ff,#6946ff)!important;color:#fff!important;border-color:rgba(255,255,255,.22)!important}

/* Mobile typography and fixed footer */
@media(max-width:699px){
  .user-panel-page p,.user-panel-page .muted{font-size:14px!important;line-height:1.72!important}
  .user-panel-page small{font-size:12px}
  .user-panel-page .mobile-search-trigger{display:grid}
  .user-panel-page .desktop-global-search{display:none!important}
  .user-panel-page .top-actions{gap:6px}
  .user-panel-page .bottom-nav.profile-premium-footer{height:62px!important;border-radius:0!important;left:0!important;right:0!important;width:100vw!important;bottom:0!important;padding-bottom:env(safe-area-inset-bottom)!important;background:rgba(7,18,43,.97)!important;border-top:1px solid rgba(91,130,194,.32)!important;backdrop-filter:blur(18px)!important}
  .user-panel-page .bottom-nav.profile-premium-footer a{font-size:10px!important;color:#9fb5d7!important}
  .user-panel-page .bottom-nav.profile-premium-footer a.active{color:#fff!important}
  .user-panel-page .bottom-nav.profile-premium-footer i{font-size:17px!important;background:linear-gradient(135deg,#7a4cff,#21c5d6);-webkit-background-clip:text;background-clip:text;color:transparent}
  .user-panel-page .bottom-nav.profile-premium-footer a.active i{color:#fff;background:none;-webkit-text-fill-color:#fff}
  .user-panel-page .modern-plan-card .plan-title-inline{gap:7px}
  .user-panel-page .modern-plan-card .plan-inline-price{font-size:20px!important}
  .beedu-mobile-search-modal{position:fixed;inset:0;z-index:120;display:block}
  .beedu-mobile-search-modal[hidden]{display:none!important}
  .beedu-mobile-search-backdrop{position:absolute;inset:0;background:rgba(1,7,21,.76);backdrop-filter:blur(7px)}
  .beedu-mobile-search-sheet{position:absolute;left:0;right:0;top:0;background:#081a3b;border-bottom:1px solid #31518a;border-radius:0 0 24px 24px;padding:16px 14px 18px;box-shadow:0 30px 70px rgba(0,0,0,.48);max-height:82vh;display:flex;flex-direction:column}
  .beedu-mobile-search-sheet>header{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:12px}
  .beedu-mobile-search-sheet h2{color:#fff!important;margin:2px 0;font-size:19px!important}
  .beedu-mobile-search-input{display:flex;align-items:center;gap:9px;height:48px;padding:0 12px;background:#102653;border:1px solid #31518a;border-radius:14px;color:#a9bee0}
  .beedu-mobile-search-input input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:#fff;font-size:14px}
  .beedu-mobile-search-input input::placeholder{color:#91a7cb}
  .beedu-mobile-search-input button{background:transparent;color:#9eb4d7}
  .beedu-mobile-search-sheet .beedu-user-search-results.mobile{position:static;display:grid;max-height:52vh;overflow:auto;margin-top:10px;padding:0;background:transparent;border:0;box-shadow:none}
  .beedu-mobile-search-sheet .beedu-user-search-result{padding:10px 9px}
}
@media(min-width:700px){.user-panel-page .mobile-search-trigger{display:none!important}}

/* V68 — profile edit save dock + reliable avatar editing */
.user-panel-page .profile-save-dock{
  position:fixed;
  left:calc(228px + 18px);
  right:18px;
  bottom:18px;
  z-index:2147482002;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:12px 14px;
  border:1px solid rgba(111,151,231,.28);
  border-radius:16px;
  background:linear-gradient(105deg,rgba(7,24,55,.98),rgba(24,18,70,.98));
  box-shadow:0 20px 60px rgba(0,0,0,.42),0 0 0 1px rgba(112,45,255,.08);
  backdrop-filter:blur(18px) saturate(135%);
  -webkit-backdrop-filter:blur(18px) saturate(135%);
  animation:beeduSaveDockIn .22s ease-out both;
}
.user-panel-page .profile-save-dock[hidden]{display:none!important}
.user-panel-page .profile-save-dock-copy{display:flex;align-items:center;gap:10px;min-width:0}
.user-panel-page .profile-save-dock-icon{width:38px;height:38px;flex:0 0 38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#6e35ff,#2ca8ff);color:#fff;box-shadow:0 8px 22px rgba(86,52,255,.28)}
.user-panel-page .profile-save-dock-copy b,.user-panel-page .profile-save-dock-copy small{display:block}
.user-panel-page .profile-save-dock-copy b{font-size:12px;color:#fff;font-weight:900}
.user-panel-page .profile-save-dock-copy small{margin-top:2px;font-size:9px;color:#9fb5d7;line-height:1.45}
.user-panel-page .profile-dock-save{min-height:42px;padding:0 16px;white-space:nowrap}
.user-panel-page .profile-edit-grid > .form-card > .btn-large{display:none}
@keyframes beeduSaveDockIn{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:1099px){
  .user-panel-page .profile-save-dock{left:14px;right:14px;bottom:76px}
}
@media(max-width:600px){
  .user-panel-page .profile-save-dock{left:8px;right:8px;bottom:70px;padding:9px 10px;border-radius:14px;gap:8px}
  .user-panel-page .profile-save-dock-icon{width:34px;height:34px;flex-basis:34px;border-radius:10px}
  .user-panel-page .profile-save-dock-copy b{font-size:10px}
  .user-panel-page .profile-save-dock-copy small{font-size:8px;max-width:210px}
  .user-panel-page .profile-dock-save{min-height:38px;padding:0 11px;font-size:9px}
}

/* V81 — Course outline topic readability on white outline surface. */
.user-panel-page .course-outline-dialog .course-outline-module h3,
.user-panel-page .course-outline-dialog .course-outline-module p,
.user-panel-page .course-outline-dialog .course-outline-module li,
.user-panel-page .course-outline-dialog .course-outline-module li b,
.user-panel-page .course-outline-dialog .course-outline-module li small,
.user-panel-page .course-outline-dialog .course-outline-module .outline-topic-name,
.user-panel-page .course-outline-dialog .course-outline-module-count{color:#000!important}
.user-panel-page .course-outline-dialog .course-outline-module li::marker{color:#b42b7b!important}

/* V82 — User Panel desktop header is fixed and compacts while scrolling. */
@media(min-width:1100px){
  .user-panel-page .topbar{
    position:fixed!important;
    top:0!important;
    z-index:2147482000!important;
    transition:height .24s ease,box-shadow .24s ease,background .24s ease!important;
  }
  .user-panel-page .main{padding-top:92px!important}
  .user-panel-page .topbar.beedu-header-scrolled{
    height:58px!important;
    box-shadow:0 10px 30px rgba(0,0,0,.20)!important;
    background:rgba(5,15,38,.97)!important;
  }
  .user-panel-page .topbar .topbar-inner{
    transition:transform .24s ease!important;
    transform-origin:center!important;
  }
  .user-panel-page .topbar.beedu-header-scrolled .topbar-inner{transform:scale(.93)!important}
  body.user-panel-page:has(.topbar.beedu-header-scrolled) .main{padding-top:74px!important}
}
@media(prefers-reduced-motion:reduce){
  .user-panel-page .topbar,.user-panel-page .topbar .topbar-inner{transition:none!important}
}
/* Challenge execution/review UX v40 */
.challenge-accept-panel,.challenge-timer-panel{border:1px solid rgba(112,45,255,.18);background:linear-gradient(145deg,rgba(112,45,255,.08),rgba(255,255,255,.03));border-radius:22px;padding:24px;margin-top:16px}.challenge-timer-panel strong{display:block;font-size:42px;letter-spacing:.08em;color:#a980ff;margin-top:8px}.challenge-accept-panel h2{margin:.4rem 0}.challenge-accept-panel p{max-width:650px}

/* Subscription invoice/payment history: explicit light-surface contrast. */
.user-panel-page .subscription-invoice-section{background:#ffffff!important;color:#17233c!important;border-color:#e5e8ef!important;}
.user-panel-page .subscription-invoice-section h1,.user-panel-page .subscription-invoice-section h2,.user-panel-page .subscription-invoice-section h3,.user-panel-page .subscription-invoice-section th,.user-panel-page .subscription-invoice-section td,.user-panel-page .subscription-invoice-section b,.user-panel-page .subscription-invoice-section strong{color:#17233c!important;}
.user-panel-page .subscription-invoice-section p,.user-panel-page .subscription-invoice-section .muted,.user-panel-page .subscription-invoice-section small{color:#596579!important;}
.user-panel-page .subscription-invoice-section .table-wrap{background:#fff!important;border-color:#dfe4ec!important;}
.user-panel-page .subscription-invoice-section .table{background:#fff!important;color:#17233c!important;}
.user-panel-page .subscription-invoice-section .table th{background:#f5f7fb!important;color:#17233c!important;}
.user-panel-page .subscription-invoice-section .table td{background:#fff!important;color:#263247!important;border-color:#e6eaf0!important;}
.user-panel-page .subscription-invoice-section code{background:#f1f3f7!important;color:#27344a!important;border:1px solid #e0e4eb;padding:3px 6px;border-radius:6px;}

/* V18 — About & Policies modal + explicit regular/discount pricing */
.policy-sidebar-trigger{width:100%;border:0;background:transparent;text-align:left;cursor:pointer;font:inherit;color:inherit}
.beeedu-policy-modal,.beedu-policy-modal{position:fixed;inset:0;z-index:500;display:flex;align-items:center;justify-content:center;padding:18px}.beedu-policy-modal[hidden]{display:none}.beedu-policy-backdrop{position:absolute;inset:0;background:rgba(8,7,14,.72);backdrop-filter:blur(10px)}.beedu-policy-dialog{position:relative;z-index:1;width:min(850px,100%);max-height:min(90vh,900px);overflow:auto;background:#fff;color:#17131d;border-radius:26px;box-shadow:0 35px 100px rgba(0,0,0,.32);padding:28px}.beedu-policy-close{position:absolute;right:16px;top:16px;width:40px;height:40px;border:0;border-radius:50%;background:#f1eef5;color:#3a3341;cursor:pointer;font-size:17px}.beedu-policy-head{display:flex;align-items:center;gap:14px;padding-right:50px}.beedu-policy-head img{width:58px;height:58px;border-radius:16px;object-fit:contain;background:#faf9fc;border:1px solid #ece7f0}.beedu-policy-head h2{margin:3px 0 0;color:#17131d;font-size:24px}.beedu-policy-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:22px 0 16px;padding-bottom:10px;border-bottom:1px solid #ebe7ef}.beedu-policy-tab{border:1px solid #ddd6e6;background:#faf9fc;color:#51485a;padding:10px 14px;border-radius:12px;font-weight:800;cursor:pointer}.beedu-policy-tab.active{background:#30203f;color:#fff;border-color:#30203f}.beedu-policy-pane{display:none}.beedu-policy-pane.active{display:block}.beedu-policy-pane-head{display:flex;align-items:center;gap:10px;margin-bottom:14px}.beedu-policy-pane-head img{width:44px;height:44px;object-fit:contain;border-radius:12px;border:1px solid #eee8f3}.beedu-policy-pane-head h3{margin:0;color:#18131d;font-size:20px}.beedu-policy-content{font-size:14px;line-height:1.9;color:#403946;white-space:normal}.beedu-policy-docs{margin-top:20px;padding:14px;border:1px solid #e9e4ee;border-radius:15px;background:#faf9fc;display:grid;gap:8px}.beedu-policy-docs a{color:#4f269f;text-decoration:none;font-weight:800;display:flex;align-items:center;gap:9px}.plan-price-stack{display:flex;flex-direction:column;align-items:flex-end;gap:3px;line-height:1}.plan-regular-price{font-size:12px;font-weight:700;opacity:.78;text-decoration-thickness:2px}.plan-inline-price{display:block}.user-panel-page .modern-plan-card:nth-child(1) .plan-regular-price{color:rgba(255,255,255,.72)}.user-panel-page .modern-plan-card:nth-child(2) .plan-regular-price,.user-panel-page .modern-plan-card:nth-child(3) .plan-regular-price{color:rgba(255,255,255,.72)}
@media(max-width:650px){.beedu-policy-dialog{padding:21px;border-radius:21px;max-height:94vh}.beedu-policy-head h2{font-size:20px}.beedu-policy-content{font-size:13px;line-height:1.8}.plan-price-stack{align-items:flex-start}.plan-regular-price{font-size:11px}}

/* Targeted sidebar additions: course purchase directly below Dashboard. */
.user-panel-page .side-course-buy-link{
  background:linear-gradient(135deg,rgba(112,45,255,.16),rgba(192,38,211,.13))!important;
  border:1px solid rgba(139,98,255,.28)!important;
  color:#f1eaff!important;
  font-weight:900!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
}
.user-panel-page .side-course-buy-link i{color:#ffda55!important}
.user-panel-page[data-beedu-theme="light"] .side-course-buy-link{color:#4f249f!important;background:linear-gradient(135deg,#f3edff,#fbf0ff)!important;border-color:#e3d5ff!important}
.user-panel-page[data-beedu-theme="light"] .side-course-buy-link i{color:#702dff!important}
.beeedu-policy-modal,.beedu-policy-modal{isolation:isolate}
.beeedu-policy-empty,.beedu-policy-empty{padding:52px 20px;text-align:center;border:1px dashed #ddd5e8;border-radius:18px;background:#faf9fc;color:#5f5668}
.beeedu-policy-empty i,.beedu-policy-empty i{width:54px;height:54px;border-radius:16px;display:grid;place-items:center;margin:0 auto 12px;background:#eee8ff;color:#6f36e8;font-size:22px}
.beeedu-policy-empty h3,.beedu-policy-empty h3{margin:0 0 6px;color:#261b32;font-size:18px}
.beeedu-policy-empty p,.beedu-policy-empty p{margin:0 auto;max-width:520px;line-height:1.7;font-size:13px;color:#766b80}
@media(max-width:699px){
  .user-panel-page .side-course-buy-link{min-height:43px!important;font-size:9px!important}
  .beedu-policy-empty{padding:38px 14px}
}

/* V6 CPV Demo Video popup */
.beedu-demo-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:14px}.beedu-demo-modal[hidden]{display:none!important}.beedu-demo-backdrop{position:absolute;inset:0;background:rgba(9,5,20,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.beedu-demo-dialog{position:relative;z-index:2;width:min(920px,100%);max-height:92vh;overflow:auto;background:#17111f;border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 35px 100px rgba(0,0,0,.48);color:#fff}.beedu-demo-close{position:absolute;right:12px;top:12px;z-index:5;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.beedu-demo-head{display:flex;align-items:center;gap:13px;padding:20px 54px 16px 20px}.beedu-demo-logo{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#702dff,#b67cff);overflow:hidden;flex:0 0 50px}.beedu-demo-logo img{width:100%;height:100%;object-fit:contain}.beedu-demo-logo i{font-size:21px}.beedu-demo-head h2{margin:3px 0 3px;font-size:clamp(21px,3vw,30px)}.beedu-demo-head p{margin:0;color:#c9bfd6;font-size:12px}.beedu-demo-player{aspect-ratio:16/9;background:#050308;overflow:hidden;border-top:1px solid rgba(255,255,255,.08)}.beedu-demo-player iframe{display:block;width:100%;height:100%;border:0}.beedu-demo-open{overflow:hidden}.beedu-demo-hero-btn{border:0;cursor:pointer}.beedu-demo-sidebar-trigger{border:0;cursor:pointer;width:100%;text-align:left;background:transparent}
@media(max-width:600px){.beedu-demo-modal{padding:8px}.beedu-demo-dialog{border-radius:18px;max-height:94vh}.beedu-demo-head{padding:15px 48px 13px 14px}.beedu-demo-logo{width:43px;height:43px;flex-basis:43px;border-radius:13px}.beedu-demo-head h2{font-size:19px}.beedu-demo-head p{font-size:10px}.beedu-demo-player{aspect-ratio:16/10}.beedu-demo-close{width:34px;height:34px;right:9px;top:9px}}

/* V6 CPV Demo Video — responsive popup */
.beedu-demo-modal{position:fixed;inset:0;z-index:100000;display:grid;place-items:center;padding:14px}.beedu-demo-modal[hidden]{display:none!important}.beedu-demo-backdrop{position:absolute;inset:0;background:rgba(9,5,20,.78);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.beedu-demo-dialog{position:relative;z-index:2;width:min(920px,100%);max-height:92vh;overflow:auto;background:#17111f;border:1px solid rgba(255,255,255,.12);border-radius:24px;box-shadow:0 35px 100px rgba(0,0,0,.48);color:#fff}.beedu-demo-close{position:absolute;right:12px;top:12px;z-index:5;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.1);color:#fff;cursor:pointer}.beedu-demo-head{display:flex;align-items:center;gap:13px;padding:20px 54px 16px 20px}.beedu-demo-logo{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,#702dff,#b67cff);overflow:hidden;flex:0 0 50px}.beedu-demo-logo img{width:100%;height:100%;object-fit:contain}.beedu-demo-logo i{font-size:21px}.beedu-demo-head h2{margin:3px 0;font-size:clamp(20px,3vw,30px)}.beedu-demo-head p{margin:0;color:#c9bfd6;font-size:12px}.beedu-demo-player{aspect-ratio:16/9;background:#050308;overflow:hidden;border-top:1px solid rgba(255,255,255,.08)}.beedu-demo-player iframe{display:block;width:100%;height:100%;border:0}.beedu-demo-open{overflow:hidden}.beedu-demo-hero-btn{border:0;cursor:pointer}.beedu-demo-sidebar-trigger{border:0;cursor:pointer;width:100%;text-align:left;background:transparent;font:inherit}.landing-v4 .beedu-demo-sidebar-trigger{display:flex;align-items:center;gap:12px}.landing-v4 .beedu-demo-sidebar-trigger i{width:20px;text-align:center}
@media(max-width:720px){.lp-hero-actions{display:flex!important;flex-direction:column!important;align-items:stretch!important;gap:9px!important}.lp-hero-actions .lp-hero-btn,.lp-hero-actions .beedu-demo-hero-btn{width:100%!important;min-height:48px!important;justify-content:center!important}.beedu-demo-modal{padding:7px}.beedu-demo-dialog{width:100%;max-height:94vh;border-radius:18px}.beedu-demo-head{padding:14px 48px 13px 14px}.beedu-demo-logo{width:43px;height:43px;flex-basis:43px;border-radius:12px}.beedu-demo-head h2{font-size:18px}.beedu-demo-head p{font-size:10px}.beedu-demo-player{aspect-ratio:16/10}.beedu-demo-close{width:34px;height:34px;right:8px;top:8px}}

/* V5 global Value Note additions */
.beedu-value-note-admin-subtitle{color:#fff!important;font-size:11px;line-height:1.45;font-weight:700;margin:6px 0 2px;display:block}.beedu-learning-value-note .beedu-value-note-content h3{margin-top:4px}.beedu-demo-sidebar-trigger{border:0;cursor:pointer;font:inherit;width:100%;text-align:left}.beedu-demo-sidebar-trigger:hover{cursor:pointer}.beedu-demo-open{overflow:hidden}