@import url('https://fonts.googleapis.com/css2?family=Hind+Siliguri:wght@400;500;600;700&family=Inter:wght@500;600;700;800&display=swap');
:root{--ink:#0b1220;--muted:#5d6678;--line:#e8ebf0;--bg:#f7f9fc;--green:#19a463;--green2:#0b7c4a;--blue:#2f65f5;--orange:#ff7b2f;--card:#fff;--shadow:0 22px 70px rgba(15,23,42,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:#fff;font-family:'Hind Siliguri',system-ui,sans-serif}a{text-decoration:none;color:inherit}.site-header{height:76px;max-width:1180px;margin:auto;display:flex;align-items:center;gap:30px;padding:0 24px;position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;margin-right:auto}.brand-mark{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(135deg,var(--green),var(--blue));color:#fff;font:800 14px Inter}.brand b{font:800 16px Inter;display:block}.brand small{display:block;color:#8b94a6;font:500 10px Inter;margin-top:2px}.desktop-nav{display:flex;gap:28px;font-weight:600}.desktop-nav a{color:#414a5c}.desktop-nav a:hover{color:var(--green)}.wa-btn.compact{background:#eaf8f1;color:#087445;padding:10px 16px;border-radius:12px;font-weight:700}.menu-btn{display:none;border:1px solid var(--line);background:#fff;border-radius:10px;font-size:22px;padding:6px 10px}.mobile-menu{position:absolute;top:76px;left:16px;right:16px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:12px;z-index:50}.mobile-menu a{display:block;padding:12px;border-radius:10px;font-weight:600}.hero{min-height:650px;max-width:1180px;margin:0 auto;padding:60px 24px 75px;display:grid;grid-template-columns:1.05fr .95fr;gap:65px;align-items:center}.eyebrow{display:inline-block;color:var(--green2);font-weight:700;font-size:14px;letter-spacing:.03em;background:#eaf8f1;padding:7px 12px;border-radius:999px}.hero h1{font-size:58px;line-height:1.07;margin:18px 0 20px;letter-spacing:-.04em}.hero h1 span{color:var(--green)}.hero-copy>p{font-size:19px;line-height:1.75;color:var(--muted);max-width:630px}.hero-actions{display:flex;gap:12px;margin:30px 0}.primary-btn,.secondary-btn,.white-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 21px;border-radius:13px;font-weight:700;transition:.2s}.primary-btn{background:var(--ink);color:#fff}.primary-btn:hover{transform:translateY(-2px)}.secondary-btn{border:1px solid #cfe8dc;color:var(--green2);background:#f4fbf7}.trust-row{display:flex;gap:26px;margin-top:30px}.trust-row span{display:flex;flex-direction:column}.trust-row b{font-size:15px}.trust-row small{color:#8a93a4}.hero-visual{position:relative;min-height:500px;display:grid;place-items:center}.glow{position:absolute;width:390px;height:390px;border-radius:50%;background:radial-gradient(circle,#dff9ec 0,#eaf1ff 55%,transparent 70%)}.portrait-card{position:relative;width:365px;height:455px;border-radius:190px 190px 34px 34px;overflow:hidden;background:#eef2f6;border:10px solid #fff;box-shadow:var(--shadow)}.portrait-card img{width:100%;height:100%;object-fit:cover}.float-chip{position:absolute;background:#fff;border:1px solid #edf0f4;border-radius:14px;box-shadow:0 15px 40px rgba(15,23,42,.12);padding:9px 12px;display:flex;align-items:center;gap:8px;font:600 12px Inter}.float-chip b{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;color:#fff}.chip-word{left:0;top:110px}.chip-word b{background:#2b579a}.chip-excel{left:30px;bottom:80px}.chip-excel b{background:#217346}.chip-ppt{right:-5px;top:105px}.chip-ppt b{background:#d24726}.chip-ps{right:15px;bottom:115px}.chip-ps b{background:#001e36;color:#31a8ff}.chip-ai{right:80px;top:15px}.chip-ai b{background:#330000;color:#ff9a00}.chip-code{left:90px;top:10px}.chip-code b{background:#6b46e5}.hero-badge{position:absolute;bottom:25px;right:75px;background:var(--ink);color:#fff;border-radius:16px;padding:13px 18px;display:flex;flex-direction:column;box-shadow:var(--shadow)}.hero-badge strong{font-size:20px}.hero-badge span{font-size:12px;color:#b9c0ce}.strip{overflow:hidden;white-space:nowrap;background:var(--ink);color:#fff;padding:16px;text-align:center;font:700 12px Inter;letter-spacing:.11em}.strip i{color:#4f5a70;margin:0 28px}.section{max-width:1180px;margin:auto;padding:100px 24px}.section-head{display:flex;justify-content:space-between;gap:50px;align-items:end;margin-bottom:35px}.section h2,.feature-section h2,.cta h2{font-size:40px;line-height:1.2;margin:14px 0}.section-head p{max-width:470px;color:var(--muted);line-height:1.7}.course-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.course-card{border:1px solid var(--line);border-radius:20px;padding:22px;background:#fff;transition:.25s;display:flex;flex-direction:column;min-height:285px}.course-card:hover{transform:translateY(-5px);box-shadow:0 20px 50px rgba(15,23,42,.08);border-color:#d8dee8}.course-icon{width:54px;height:54px;border-radius:15px;display:grid;place-items:center;color:#fff;font:800 19px Inter;margin-bottom:25px}.course-card h3{font-size:20px;margin:0 0 8px}.course-card p{color:var(--muted);line-height:1.55;margin:0 0 22px}.course-card a{margin-top:auto;color:var(--green2);font-weight:700}.course-card a:hover{color:var(--ink)}.feature-section{background:linear-gradient(135deg,#0b1220,#14213b);color:#fff;padding:75px max(24px,calc((100vw - 1132px)/2));display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:center}.eyebrow.light{background:#1d2c46;color:#76e6b1}.feature-copy p{color:#c0c8d6;line-height:1.7}.feature-points{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:28px}.feature-points span{color:#dfe5ef}.feature-card{background:#fff;color:var(--ink);padding:30px;border-radius:22px}.feature-card>span{color:var(--green2);font-weight:700}.feature-card h3{font-size:26px;margin:8px 0}.feature-card p{color:var(--muted)}.white-btn{background:#fff;color:var(--ink);border:1px solid var(--line)}.feature-card .white-btn{background:var(--green);color:#fff;border:0;margin-top:12px}.books{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px}.book-visual{height:390px;position:relative;background:linear-gradient(145deg,#eefaf4,#f1f5ff);border-radius:28px}.book{position:absolute;width:210px;height:290px;border-radius:6px 16px 16px 6px;box-shadow:0 25px 45px rgba(15,23,42,.18);padding:25px;color:#fff;display:flex;flex-direction:column}.book span{font:700 11px Inter;letter-spacing:.1em}.book b{font-size:25px;line-height:1.2;margin-top:50px}.book small{margin-top:auto}.book.one{background:linear-gradient(160deg,#0a7b4b,#12b66e);left:24%;top:45px;transform:rotate(-7deg)}.book.two{background:linear-gradient(160deg,#264ec7,#4a7cff);left:46%;top:65px;transform:rotate(7deg)}.book-copy p{font-size:17px;line-height:1.8;color:var(--muted);margin-bottom:28px}.about{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.about p{font-size:18px;line-height:1.8;color:var(--muted)}.cta{max-width:1132px;margin:0 auto 100px;padding:55px 24px;text-align:center;border-radius:28px;background:linear-gradient(135deg,#14a463,#087d4b);color:#fff}.cta span{font-weight:700}.cta h2{font-size:44px;margin:8px}.cta p{color:#d8f5e7;margin:0 0 25px}footer{background:#070c15;color:#fff;text-align:center;padding:50px 24px 90px}.footer-brand{justify-content:center;margin:0 0 15px}.footer-brand small,footer p,footer>small{color:#8993a6}.footer-wa{display:inline-block;color:#7ee4b4;font-weight:700;margin:6px 0 22px}.bottom-nav{display:none}
@media(max-width:900px){.desktop-nav,.wa-btn.compact{display:none}.menu-btn{display:block}.hero{grid-template-columns:1fr;padding-top:35px;gap:25px}.hero-copy{text-align:center}.hero h1{font-size:48px}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{min-height:480px}.course-grid{grid-template-columns:repeat(2,1fr)}.feature-section{grid-template-columns:1fr}.books{grid-template-columns:1fr;gap:45px}.book-copy{text-align:center}.about{grid-template-columns:1fr;gap:10px}.section-head{display:block}.section-head p{max-width:700px}.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;height:66px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-top:1px solid var(--line);z-index:100;justify-content:space-around;padding:7px 6px}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#596274;font-size:11px;min-width:65px}.bottom-nav b{font-size:21px;line-height:25px}.bottom-nav .wa-btn{color:var(--green2)}footer{padding-bottom:100px}}
@media(max-width:600px){.site-header{height:66px;padding:0 16px}.brand-mark{width:38px;height:38px}.mobile-menu{top:66px}.hero{padding:34px 18px 55px;min-height:auto}.hero h1{font-size:38px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.trust-row{gap:12px;justify-content:space-between}.trust-row b{font-size:13px}.hero-visual{min-height:390px}.portrait-card{width:270px;height:340px;border-width:7px}.float-chip{padding:7px 8px}.float-chip b{width:25px;height:25px}.chip-word{left:0;top:100px}.chip-excel{left:0;bottom:55px}.chip-ppt{right:0;top:90px}.chip-ps{right:0;bottom:85px}.chip-ai{right:35px;top:5px}.chip-code{left:30px;top:8px}.hero-badge{right:40px;bottom:12px}.strip{text-align:left}.section{padding:70px 18px}.section h2,.feature-section h2{font-size:31px}.course-grid{grid-template-columns:1fr}.course-card{min-height:240px}.feature-section{padding:60px 18px;gap:35px}.feature-points{grid-template-columns:1fr}.books{gap:35px}.book-visual{height:320px}.book{width:165px;height:235px;padding:18px}.book b{font-size:19px;margin-top:35px}.book.one{left:12%;top:42px}.book.two{left:42%;top:55px}.cta{margin:0 18px 75px;padding:42px 20px}.cta h2{font-size:32px}.section-head{margin-bottom:25px}}

/* ===== Knowledge Canvas update ===== */
.course-top{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.course-category{font-size:11px;font-weight:700;color:#64748b;background:#f1f5f9;padding:6px 9px;border-radius:999px}.price-row{display:flex;align-items:center;gap:9px;margin:0 0 17px}.price-row strong,.modal-price strong{font:800 22px Inter;color:var(--green2)}.price-row del,.modal-price del{color:#94a3b8;font-size:14px}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:auto}.details-btn,.enroll-btn{border:0;border-radius:10px;padding:11px 9px;font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;text-align:center}.details-btn{background:#f1f5f9;color:#334155}.enroll-btn{background:var(--ink);color:#fff!important}.course-card{min-height:340px}.course-card p{margin-bottom:14px}.modal[hidden]{display:none}.modal{position:fixed;inset:0;background:rgba(2,6,23,.72);backdrop-filter:blur(5px);z-index:1000;padding:28px 16px;overflow:auto;display:grid;place-items:start center}.modal-card{position:relative;background:#fff;width:min(760px,100%);border-radius:24px;padding:34px;margin:auto;box-shadow:0 30px 90px rgba(0,0,0,.3)}.modal-close{position:absolute;right:18px;top:18px;width:38px;height:38px;border:1px solid var(--line);background:#fff;border-radius:50%;cursor:pointer}.modal-card h2{font-size:34px;margin:13px 45px 7px 0}.modal-desc{color:var(--muted);line-height:1.7}.modal-price{display:flex;gap:10px;align-items:center;padding:12px 0 18px;border-bottom:1px solid var(--line)}.modal-card h3{margin-top:22px}.learn-list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}.learn-list li{background:#f8fafc;border:1px solid #eef2f7;border-radius:12px;padding:11px 12px;line-height:1.45}.learn-list li span{color:var(--green);font-weight:800;margin-right:8px}.modal-enroll{margin-top:12px}.modal-open{overflow:hidden}.footer-new{text-align:left;padding:60px max(24px,calc((100vw - 1132px)/2)) 90px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:45px}.footer-new h4{margin:5px 0 16px}.footer-new .footer-brand{justify-content:flex-start}.footer-grid>div>a{display:block;color:#aab3c2;margin:9px 0}.footer-grid>div>a:hover{color:#fff}.footer-about p{max-width:330px;line-height:1.7}.edit-note{font-size:11px!important;line-height:1.5;color:#667085!important}.footer-bottom{border-top:1px solid #202938;margin-top:42px;padding-top:20px;display:flex;gap:22px;align-items:center;color:#7f8999;font-size:13px}.footer-bottom span:first-child{margin-right:auto}.policy-link{border:0;background:none;color:#9ba5b4;cursor:pointer;font-family:inherit}.policy-link:hover{color:#fff}
@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr}.footer-new{padding-bottom:105px}}
@media(max-width:600px){.card-actions{grid-template-columns:1fr}.learn-list{grid-template-columns:1fr}.modal-card{padding:26px 20px}.modal-card h2{font-size:28px}.footer-grid{grid-template-columns:1fr;gap:28px}.footer-bottom{align-items:flex-start;flex-wrap:wrap}.footer-bottom span:first-child{width:100%}.course-card{min-height:0}}
/* ===== V3: logo, course images & premium detail popup ===== */
.brand-logo{width:54px;height:54px;object-fit:contain;border-radius:12px;background:#fff}.footer-brand .brand-logo{width:62px;height:62px}.course-card{padding:0;overflow:hidden}.course-image-wrap{aspect-ratio:16/9;background:#e8eef7;overflow:hidden}.course-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s}.course-card:hover .course-image{transform:scale(1.035)}.course-content{padding:20px;display:flex;flex-direction:column;flex:1}.course-card .course-icon{width:42px;height:42px;border-radius:12px;margin-bottom:0;font-size:14px}.modal{padding:20px 12px}.modal-card{padding:0;overflow:hidden;background:#101943;color:#fff;width:min(690px,100%);border:1px solid rgba(255,255,255,.1)}.modal-close{z-index:3;background:rgba(255,255,255,.15);color:#fff;border-color:rgba(255,255,255,.2);font-size:18px}.modal-hero{min-height:245px;background-size:cover;background-position:center;padding:42px 42px 34px;display:flex;flex-direction:column;justify-content:flex-end}.modal-kicker{font-weight:700;color:#9de8c1;font-size:13px}.modal-hero h2{font-size:38px;margin:7px 45px 8px 0;color:#fff}.modal-hero p{max-width:560px;margin:0;color:#e3e8f5;font-size:17px;line-height:1.65}.modal-body{padding:0 42px 38px}.course-meta{display:flex;gap:12px;flex-wrap:wrap;margin:-1px 0 22px;padding-top:18px}.course-meta span{border:1px solid rgba(255,255,255,.18);background:#0b1335;border-radius:999px;padding:8px 14px;color:#dbe4ff}.modal-body h3{font-size:24px;margin:22px 0 12px}.learn-list{display:block;margin:0;padding:0 0 0 24px}.learn-list li{background:none;border:0;padding:5px 0 5px 7px;color:#e6e9f4;line-height:1.55}.learn-list li::marker{color:#fff}.benefit-list{padding-left:25px;color:#e6e9f4;line-height:1.8}.modal-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:26px;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:18px}.modal-price{border:0;padding:0;display:flex;flex-direction:column;align-items:flex-start;gap:2px}.modal-price strong{color:#8b5cf6;font-size:30px}.modal-price del{color:#aab2c8}.modal-enroll{margin:0;background:#22c55e;color:#fff}.policy-modal .modal-card{background:#fff;color:#0b1220;padding:34px}.policy-modal .modal-close{background:#fff;color:#0b1220;border-color:#e5e7eb}
@media(max-width:600px){.brand-logo{width:44px;height:44px}.brand span b{font-size:14px}.brand span small{font-size:9px}.modal{padding:0}.modal-card{width:100%;min-height:100%;border-radius:0;margin:0}.modal-hero{min-height:225px;padding:58px 24px 28px}.modal-hero h2{font-size:31px}.modal-hero p{font-size:15px}.modal-body{padding:0 24px 32px}.modal-body h3{font-size:23px}.modal-bottom{align-items:stretch;flex-direction:column}.modal-enroll{text-align:center}.course-image-wrap{aspect-ratio:16/9}}

/* ===== V4 individual course pages ===== */
.course-page{background:#f7f9fc;min-height:100vh}.course-detail-hero{max-width:1180px;margin:auto;padding:55px 24px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.course-detail-image{background:#e9eef7;border-radius:26px;overflow:hidden;box-shadow:var(--shadow);aspect-ratio:16/10}.course-detail-image img{width:100%;height:100%;object-fit:cover}.course-detail-copy h1{font-size:48px;line-height:1.1;margin:16px 0}.course-detail-copy>p{font-size:18px;color:var(--muted);line-height:1.75}.detail-meta{display:flex;gap:10px;flex-wrap:wrap;margin:20px 0}.detail-meta span{padding:8px 13px;border-radius:999px;background:#fff;border:1px solid var(--line);font-weight:600}.detail-price{display:flex;gap:12px;align-items:center;margin:22px 0}.detail-price strong{font:800 32px Inter;color:var(--green2)}.detail-price del{color:#94a3b8}.detail-section{max-width:1180px;margin:auto;padding:25px 24px 90px;display:grid;grid-template-columns:1.4fr .6fr;gap:28px}.syllabus-box,.side-box{background:#fff;border:1px solid var(--line);border-radius:24px;padding:30px}.syllabus-box h2,.side-box h3{margin-top:0}.syllabus-list{display:grid;grid-template-columns:1fr 1fr;gap:12px;list-style:none;padding:0}.syllabus-list li{padding:14px;border-radius:13px;background:#f8fafc;border:1px solid #edf1f6;line-height:1.5}.syllabus-list li:before{content:'✓';color:var(--green);font-weight:800;margin-right:9px}.side-box{height:max-content;position:sticky;top:20px}.side-box ul{padding-left:20px;line-height:1.9;color:var(--muted)}.edit-hint{background:#fff7ed;border:1px dashed #fb923c;color:#9a3412;padding:13px 15px;border-radius:12px;margin-top:18px;font-size:13px}.back-link{display:inline-block;margin-top:16px;color:var(--green2);font-weight:700}@media(max-width:800px){.course-detail-hero,.detail-section{grid-template-columns:1fr}.course-detail-copy h1{font-size:38px}.syllabus-list{grid-template-columns:1fr}.side-box{position:static}}

/* V5: recorded/live course notice */
.course-mode-note{margin:16px 0 12px;padding:12px 14px;border:1px solid #dbeafe;background:#eff6ff;border-radius:12px;color:#1e3a8a;line-height:1.7}.syllabus-intro{color:#64748b;line-height:1.8;margin:-4px 0 18px}
/* ===== Knowledge Canvas Legal / Policy Pages ===== */
.legal-links{display:flex;gap:16px;align-items:center;flex-wrap:wrap}.legal-links a{color:#c8d1df;font-size:14px}.legal-links a:hover{color:#fff}.legal-home{padding:10px 16px}.legal-page{max-width:1000px;margin:0 auto;padding:44px 24px 80px}.legal-hero{text-align:center;max-width:760px;margin:0 auto 32px}.legal-hero h1{font-size:46px;line-height:1.1;margin:16px 0 12px}.legal-hero>p{font-size:18px;color:var(--muted);line-height:1.8}.legal-updated{display:inline-block;margin-top:10px;padding:8px 12px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-size:13px}.legal-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow);padding:12px 34px}.legal-section{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid var(--line)}.legal-section:last-child{border-bottom:0}.legal-num{width:46px;height:46px;border-radius:14px;background:#eaf8f1;color:var(--green2);display:grid;place-items:center;font:800 13px Inter}.legal-section h2{margin:2px 0 10px;font-size:23px}.legal-section p,.legal-section li{color:#505a6c;line-height:1.8}.legal-section ul{margin:8px 0 0;padding-left:22px}.legal-section li+li{margin-top:7px}.legal-contact{margin-top:28px;padding:28px;border-radius:22px;background:linear-gradient(135deg,#effaf5,#eef4ff);text-align:center}.legal-contact h3{margin:0 0 6px;font-size:24px}.legal-contact p{color:var(--muted);margin:0 0 18px}.footer-bottom{gap:20px;flex-wrap:wrap}.footer-bottom>.legal-links{margin-left:auto}
@media(max-width:700px){.legal-page{padding:26px 16px 100px}.legal-hero h1{font-size:34px}.legal-card{padding:4px 18px;border-radius:18px}.legal-section{grid-template-columns:1fr;gap:10px;padding:23px 0}.legal-num{width:42px;height:42px}.legal-section h2{font-size:21px}.footer-bottom>.legal-links{margin-left:0;width:100%;gap:10px 14px}.legal-home{font-size:13px;padding:9px 12px}}

/* V7: consistent footer on every page */
.footer-new .footer-grid{align-items:start}
.footer-new .footer-grid>div{min-width:0}
.footer-new .footer-grid h4{margin-bottom:14px}
.footer-new .footer-grid a{display:block;margin:8px 0}
.footer-new .footer-grid .footer-brand{display:flex}
@media(max-width:900px){.footer-new .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.footer-new .footer-grid{grid-template-columns:1fr}.footer-new{padding-bottom:90px}}

/* V8 instructor + enrollment */
.enrollment-section{max-width:1180px;margin:0 auto 64px;padding:0 20px;display:grid;grid-template-columns:.8fr 1.2fr;gap:24px}.instructor-card,.join-card{background:#fff;border:1px solid #e7ebf3;border-radius:24px;padding:26px;box-shadow:0 16px 45px rgba(13,39,80,.08)}.instructor-card{align-self:start;text-align:center}.instructor-card img{width:170px;height:190px;object-fit:cover;object-position:50% 28%;border-radius:20px;margin:0 auto 18px;display:block;box-shadow:0 10px 28px rgba(0,0,0,.14)}.instructor-card h2,.join-card h2{margin:8px 0 10px}.join-card p{line-height:1.8}.payment-box{margin:20px 0;padding:18px;border-radius:18px;background:linear-gradient(135deg,#eef7ff,#f6f2ff);display:grid;gap:5px}.payment-box strong{font-size:25px;color:#0b65c2}.join-steps{padding-left:22px;line-height:1.8}.join-steps li{margin:9px 0}.join-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 18px;border-radius:12px;border:1px solid #0b65c2;color:#0b65c2;font-weight:700;text-decoration:none}.small-note{margin-top:18px;padding:14px 16px;border-left:4px solid #19a65a;background:#f1fbf5;border-radius:10px}.course-detail-image img{object-fit:cover}@media(max-width:800px){.enrollment-section{grid-template-columns:1fr;padding:0 14px}.instructor-card,.join-card{padding:20px;border-radius:18px}.instructor-card img{width:145px;height:165px}.join-actions>a{width:100%}}

/* V10 — Hero technology chips: interactive hover/touch motion */
.float-chip{cursor:default;will-change:transform,box-shadow,filter;transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,border-color .28s ease,background .28s ease,filter .28s ease;animation:kcFloat 4.8s ease-in-out infinite}
.float-chip:nth-of-type(even){animation-delay:-2.1s}
.float-chip:nth-of-type(3n){animation-delay:-3.2s}
.float-chip b{transition:transform .28s ease,filter .28s ease,box-shadow .28s ease}
.float-chip span{transition:color .28s ease,transform .28s ease}
.float-chip:hover,.float-chip:focus-within{transform:translateY(-8px) scale(1.07);box-shadow:0 22px 48px rgba(15,23,42,.20),0 0 0 4px rgba(47,101,245,.07);border-color:rgba(47,101,245,.20);background:#fff;filter:saturate(1.12);animation-play-state:paused;z-index:8}
.float-chip:hover b,.float-chip:focus-within b{transform:rotate(-7deg) scale(1.12);filter:brightness(1.08);box-shadow:0 7px 18px rgba(15,23,42,.18)}
.float-chip:hover span,.float-chip:focus-within span{color:#111827;transform:translateX(2px)}
.chip-word:hover{box-shadow:0 22px 48px rgba(43,87,154,.24),0 0 0 4px rgba(43,87,154,.08)}
.chip-excel:hover{box-shadow:0 22px 48px rgba(33,115,70,.24),0 0 0 4px rgba(33,115,70,.08)}
.chip-ppt:hover{box-shadow:0 22px 48px rgba(210,71,38,.24),0 0 0 4px rgba(210,71,38,.08)}
.chip-ps:hover{box-shadow:0 22px 48px rgba(49,168,255,.24),0 0 0 4px rgba(49,168,255,.08)}
.chip-ai:hover{box-shadow:0 22px 48px rgba(255,154,0,.24),0 0 0 4px rgba(255,154,0,.08)}
.chip-code:hover{box-shadow:0 22px 48px rgba(107,70,229,.24),0 0 0 4px rgba(107,70,229,.08)}
.hero-badge{transition:transform .28s ease,box-shadow .28s ease,background .28s ease}
.hero-badge:hover{transform:translateY(-6px) rotate(1deg);box-shadow:0 22px 50px rgba(15,23,42,.22);background:#121c31}
@keyframes kcFloat{0%,100%{margin-top:0}50%{margin-top:-5px}}
@media(hover:none){.float-chip:active{transform:scale(.97);filter:saturate(1.15)}}
@media(prefers-reduced-motion:reduce){.float-chip{animation:none!important;transition:none!important}.float-chip:hover{transform:none}.hero-badge{transition:none}}

/* ===== V11: Professional motion & polish ===== */
:root{--ease-premium:cubic-bezier(.22,1,.36,1)}
body{overflow-x:hidden}
.site-header{transition:background-color .3s ease,box-shadow .3s ease,transform .3s var(--ease-premium)}
.brand-logo{transition:transform .45s var(--ease-premium),box-shadow .45s ease}
.brand:hover .brand-logo{transform:translateY(-2px) rotate(-2deg) scale(1.04);box-shadow:0 10px 26px rgba(25,164,99,.16)}
.desktop-nav a{position:relative;transition:color .25s ease}
.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;border-radius:99px;background:linear-gradient(90deg,var(--green),var(--blue));transition:right .35s var(--ease-premium)}
.desktop-nav a:hover::after{right:0}
.primary-btn,.secondary-btn,.white-btn,.enroll-btn,.details-btn,.footer-wa{transition:transform .28s var(--ease-premium),box-shadow .28s ease,background-color .28s ease,color .28s ease,border-color .28s ease}
.primary-btn:hover,.secondary-btn:hover,.white-btn:hover,.enroll-btn:hover,.details-btn:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(15,23,42,.14)}
.hero-copy{animation:kcFadeUp .8s var(--ease-premium) both}
.hero-visual{animation:kcFadeIn .9s .12s var(--ease-premium) both}
.portrait-card{transition:transform .65s var(--ease-premium),box-shadow .65s ease}
.hero-visual:hover .portrait-card{transform:translateY(-4px) scale(1.012);box-shadow:0 30px 80px rgba(15,23,42,.16)}
.glow{animation:kcGlow 6s ease-in-out infinite;transform-origin:center}
.hero-badge{animation:kcBadge 4.6s ease-in-out infinite;transition:transform .35s var(--ease-premium),box-shadow .35s ease}
.hero-badge:hover{transform:translateY(-5px) scale(1.03);box-shadow:0 20px 45px rgba(15,23,42,.22)}
.course-card{transition:transform .38s var(--ease-premium),box-shadow .38s ease,border-color .38s ease}
.course-card:hover{transform:translateY(-8px);box-shadow:0 24px 55px rgba(15,23,42,.11)}
.course-image{transition:transform .65s var(--ease-premium),filter .5s ease}
.course-card:hover .course-image{transform:scale(1.055);filter:saturate(1.06)}
.course-icon{transition:transform .38s var(--ease-premium),box-shadow .38s ease}
.course-card:hover .course-icon{transform:translateY(-2px) rotate(-3deg) scale(1.07);box-shadow:0 10px 22px rgba(15,23,42,.14)}
.book{transition:transform .5s var(--ease-premium),box-shadow .5s ease}
.book-visual:hover .book.one{transform:translateY(-8px) rotate(-9deg)}
.book-visual:hover .book.two{transform:translateY(-8px) rotate(9deg)}
.feature-card{transition:transform .4s var(--ease-premium),box-shadow .4s ease}
.feature-card:hover{transform:translateY(-5px);box-shadow:0 26px 60px rgba(0,0,0,.18)}
.kc-reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .8s var(--ease-premium)}
.kc-reveal.kc-visible{opacity:1;transform:none}
@keyframes kcFadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@keyframes kcFadeIn{from{opacity:0;transform:scale(.975)}to{opacity:1;transform:none}}
@keyframes kcGlow{0%,100%{transform:scale(.98);opacity:.72}50%{transform:scale(1.06);opacity:1}}
@keyframes kcBadge{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:900px){.desktop-nav a::after{display:none}.course-card:hover{transform:none}.feature-card:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-copy,.hero-visual,.glow,.hero-badge{animation:none!important}.kc-reveal{opacity:1;transform:none;transition:none}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* V13 — Free Demo Class section */
.demo-section{max-width:1180px;margin:0 auto 34px;padding:34px;border:1px solid #e7eaf0;border-radius:26px;background:linear-gradient(145deg,#fff,#f8fbff);box-shadow:0 18px 55px rgba(15,23,42,.07)}
.demo-heading{max-width:760px;margin-bottom:22px}.demo-heading h2{margin:6px 0 10px;font-size:clamp(26px,3vw,38px)}.demo-heading p{margin:0;color:#64748b;line-height:1.75}
.demo-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.demo-card{display:flex;align-items:center;gap:11px;min-height:88px;padding:14px;border:1px solid #e7eaf0;border-radius:18px;background:#fff;color:#0f172a;text-decoration:none;box-shadow:0 8px 22px rgba(15,23,42,.05);transition:transform .28s var(--ease-premium),box-shadow .28s ease,border-color .28s ease}.demo-card:hover{transform:translateY(-5px);border-color:#a7d7c5;box-shadow:0 16px 34px rgba(15,23,42,.1)}.demo-no{display:grid;place-items:center;flex:0 0 38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#e9fff4,#eaf3ff);font-weight:800;color:#087f5b}.demo-card>span:nth-child(2){min-width:0}.demo-card b{display:block;font-size:14px}.demo-card small{display:block;margin-top:4px;color:#64748b;font-size:11px}.demo-card i{margin-left:auto;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#0f172a;color:#fff;font-style:normal;font-size:10px}.demo-edit-note{margin:18px 0 0;padding:12px 14px;border-radius:12px;background:#fff8e8;color:#765b18;font-size:13px;line-height:1.6}.demo-edit-note code{background:#fff;padding:2px 5px;border-radius:5px}
@media(max-width:980px){.demo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.demo-section{margin:0 14px 26px;padding:22px 16px;border-radius:20px}.demo-grid{grid-template-columns:1fr}.demo-card{min-height:74px}.demo-edit-note{font-size:12px}}
@media(prefers-reduced-motion:reduce){.demo-card{transition:none}.demo-card:hover{transform:none}}
\n\n/* ===== V14: circular brand logo + restored professional hero motion ===== */
.brand-logo{border-radius:50%!important;object-fit:cover!important;background:#fff;border:2px solid rgba(255,255,255,.92);box-shadow:0 5px 18px rgba(15,23,42,.10)}
.footer-brand .brand-logo{border-radius:50%!important}
.hero-visual .float-chip{animation:kcHeroFloat 4.2s ease-in-out infinite;transform-origin:center;backface-visibility:hidden;will-change:transform,filter,box-shadow}
.hero-visual .chip-word{animation-delay:-.2s}.hero-visual .chip-excel{animation-delay:-1.6s}.hero-visual .chip-ppt{animation-delay:-2.8s}.hero-visual .chip-ps{animation-delay:-.9s}.hero-visual .chip-ai{animation-delay:-2.1s}.hero-visual .chip-code{animation-delay:-3.4s}
.hero-visual .float-chip:hover{animation-play-state:paused;transform:translate3d(0,-9px,0) scale(1.075);filter:saturate(1.16) brightness(1.02);z-index:12}
.hero-visual .float-chip:hover b{transform:rotate(-7deg) scale(1.13)}
.hero-visual .hero-badge{animation:kcHeroBadge 4.8s ease-in-out infinite}
.hero-visual .glow{animation:kcHeroGlow 5.8s ease-in-out infinite}
.portrait-card::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 28%,rgba(255,255,255,.18) 47%,transparent 65%);transform:translateX(-130%);transition:transform .9s var(--ease-premium);pointer-events:none}
.hero-visual:hover .portrait-card::after{transform:translateX(130%)}
@keyframes kcHeroFloat{0%,100%{transform:translate3d(0,0,0) rotate(0deg)}50%{transform:translate3d(0,-7px,0) rotate(.8deg)}}
@keyframes kcHeroBadge{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-6px,0)}}
@keyframes kcHeroGlow{0%,100%{transform:scale(.97);opacity:.72}50%{transform:scale(1.065);opacity:1}}
@media(max-width:900px){.hero-visual .float-chip{animation-duration:5.2s}}
@media(prefers-reduced-motion:reduce){.hero-visual .float-chip,.hero-visual .hero-badge,.hero-visual .glow{animation:none!important}.portrait-card::after{display:none}}


/* ===== V16: Class-by-Class Curriculum Accordion ===== */
.curriculum-section{max-width:1180px;margin:0 auto 34px;padding:32px;border:1px solid #e6eaf2;border-radius:28px;background:linear-gradient(180deg,#fff,#f8fbff);box-shadow:0 18px 50px rgba(15,23,42,.06)}
.curriculum-heading{max-width:760px;margin-bottom:22px}.curriculum-heading h2{margin:7px 0 9px;font-size:clamp(25px,3vw,38px);color:#0f172a}.curriculum-heading p{margin:0;color:#64748b;line-height:1.75}
.curriculum-list{display:grid;gap:12px}.class-item{overflow:hidden;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 7px 20px rgba(15,23,42,.035);transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}.class-item:hover{border-color:#cbd8ff;box-shadow:0 12px 28px rgba(47,101,245,.08)}
.class-item summary{list-style:none;cursor:pointer;display:flex;align-items:center;gap:13px;padding:16px 18px;user-select:none}.class-item summary::-webkit-details-marker{display:none}.class-item summary>span:nth-child(2){display:flex;flex-direction:column;gap:3px;min-width:0}.class-item summary b{font-size:15px;color:#0f172a}.class-item summary small{font-size:11px;color:#94a3b8}.class-no{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#e8f1ff,#e9fff7);color:#155eef;font-weight:900}.class-item summary i{margin-left:auto;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#f1f5f9;color:#334155;font-style:normal;font-size:20px;transition:transform .25s ease,background .25s ease,color .25s ease}.class-item[open] summary i{transform:rotate(45deg);background:#155eef;color:#fff}.class-item[open]{border-color:#cbd8ff;box-shadow:0 13px 32px rgba(47,101,245,.09)}
.class-content{padding:0 18px 18px 73px}.class-content ul{margin:0;padding-left:19px;display:grid;gap:8px}.class-content li{color:#475569;line-height:1.65}.class-content li::marker{color:#155eef}
@media(max-width:620px){.curriculum-section{margin:0 14px 28px;padding:22px 15px;border-radius:21px}.class-item summary{padding:14px 13px;gap:10px}.class-no{flex-basis:38px;height:38px;border-radius:11px}.class-item summary b{font-size:13px;line-height:1.45}.class-content{padding:0 14px 15px 61px}.class-content li{font-size:13px}.curriculum-heading p{font-size:13px}}
@media(prefers-reduced-motion:reduce){.class-item,.class-item summary i{transition:none}}

/* V19 Software / Tools section */
.software-section{max-width:1180px;margin:0 auto;padding:10px 24px 34px}.software-card{background:linear-gradient(135deg,#eef7ff,#fff);border:1px solid #dbeafe;border-radius:24px;padding:28px;box-shadow:0 12px 35px rgba(15,23,42,.06)}.software-card h2{margin:8px 0 10px}.software-card p{font-size:1.05rem;font-weight:700;color:#0f3d68;margin:0}@media(max-width:600px){.software-section{padding:8px 16px 26px}.software-card{padding:20px;border-radius:18px}}

/* V20 — visual Software / Tools cards */
.software-intro{margin:8px 0 20px;color:var(--muted,#667085)}
.software-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px;margin-top:18px}
.software-tool{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid rgba(15,23,42,.09);border-radius:18px;background:linear-gradient(145deg,#fff,#f8fafc);box-shadow:0 8px 24px rgba(15,23,42,.06);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.software-tool:hover{transform:translateY(-5px);box-shadow:0 15px 34px rgba(15,23,42,.12);border-color:rgba(37,99,235,.22)}
.software-icon{width:58px;height:58px;flex:0 0 58px;border-radius:16px;overflow:hidden;box-shadow:0 7px 18px rgba(15,23,42,.13)}
.software-icon img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.software-tool:hover .software-icon img{transform:scale(1.07) rotate(-2deg)}
.software-tool b{display:block;font-size:15px;color:#0f172a;margin-bottom:4px}
.software-tool small{display:block;color:#64748b;line-height:1.35}
@media(max-width:520px){.software-grid{grid-template-columns:1fr 1fr;gap:10px}.software-tool{padding:12px;gap:10px;align-items:flex-start}.software-icon{width:46px;height:46px;flex-basis:46px}.software-tool b{font-size:13px}.software-tool small{font-size:11px}}


/* V22 — Course availability labels */
.course-image-wrap{position:relative}
.course-status{position:absolute;top:12px;left:12px;z-index:2;display:inline-flex;align-items:center;padding:7px 11px;border-radius:999px;font-size:12px;font-weight:800;line-height:1;letter-spacing:.1px;box-shadow:0 5px 16px rgba(15,23,42,.12)}
.status-active{background:#dcfce7;color:#166534}
.status-coming-soon{background:#fef3c7;color:#92400e}
.status-inactive{background:#e5e7eb;color:#4b5563}
.status-disabled{display:inline-flex;align-items:center;justify-content:center;cursor:not-allowed;opacity:.62;pointer-events:none}


/* Knowledge Canvas YouTube demo popup */
.kc-video-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(4,12,32,.86);backdrop-filter:blur(7px)}
.kc-video-modal[hidden]{display:none}
.kc-video-dialog{position:relative;width:min(920px,100%);background:#071a43;border:1px solid rgba(255,255,255,.18);border-radius:18px;padding:14px;box-shadow:0 25px 80px rgba(0,0,0,.45)}
.kc-video-close{position:absolute;right:9px;top:8px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#f58216;color:#fff;font-size:28px;line-height:1;cursor:pointer}
.kc-video-frame{width:100%;aspect-ratio:16/9;margin-top:30px;overflow:hidden;border-radius:11px;background:#020817;display:flex;align-items:center;justify-content:center}
.kc-video-frame iframe{width:100%;height:100%;border:0}
.kc-video-message{padding:24px;color:#fff;text-align:center;font-size:16px}
.kc-video-message small{display:block;margin-top:9px;color:#cbd5e1;font-size:13px}
body.kc-video-open{overflow:hidden}
.tool-letter{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#0b1f50;color:#fff;font-weight:800;font-size:16px}


/* V23 — Course status moved below description and above price */
.course-image-wrap{position:relative}
.course-status-row{display:flex;align-items:center;min-height:27px;margin:10px 0 12px}
.course-status{position:static;display:inline-flex;align-items:center;gap:7px;padding:7px 12px;border-radius:20px;font-size:11px;font-weight:800;line-height:1.2;letter-spacing:0;box-shadow:none}
.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor;flex-shrink:0}
.status-active{background:#e8f7ee;color:#167344}
.status-coming-soon{background:#fff5df;color:#9a6200}
.status-inactive{background:#eef0f3;color:#586174}