@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:7px 13px!important;border-radius:12px;background:rgba(255,255,255,.96)!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;box-shadow:0 6px 18px rgba(31,20,61,.10);border:1px solid rgba(255,255,255,.7)}
.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:8px 12px!important;
  border-radius:34px 0 0 34px!important;
  background:linear-gradient(110deg,#7136ef,#4b16c9)!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:0 8px 20px rgba(65,24,155,.14)!important;
}
.modern-plan-card:nth-child(1)>h2{
  background:linear-gradient(110deg,#873ff2,#5315dd)!important;
}
.modern-plan-card:nth-child(2)>h2{
  background:linear-gradient(110deg,#4930aa,#24105e)!important;
}
.modern-plan-card:nth-child(3)>h2{
  background:linear-gradient(110deg,#ff4777,#f4084d)!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:7px 8px!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;
}
/* 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)}}