@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap');
:root{--blue:#2168df;--navy:#152f68;--pink:#e74291;--orange:#ff773c;--teal:#08a89d;--light:#f5f9ff;--ink:#253b5f;--muted:#64738e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;color:var(--ink);font-family:Nunito,Arial,sans-serif;background:#fff;line-height:1.55}button,select{font:inherit}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}.skip{position:absolute;left:-9999px;z-index:9999}.skip:focus{left:12px;top:12px;background:white;padding:12px}.topbar{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:12px max(4%,calc((100vw - 1270px)/2));background:rgba(255,255,255,.96);box-shadow:0 3px 18px #14498712;gap:14px}.brand{display:flex;gap:10px;align-items:center;color:#1663bb;font-size:17px;font-weight:900;line-height:1.1;white-space:nowrap}.brand b{color:#e74291}.brand small{display:block;color:#657389;font-size:10px;font-weight:700;letter-spacing:.15px;margin-top:5px}.brandicon{display:grid;place-items:center;width:38px;height:38px;background:#e1f6f4;color:#08aa9d;border-radius:14px;font-size:27px}.topbar nav{display:flex;gap:clamp(8px,1.5vw,21px);align-items:center}.topbar nav a{font-size:12px;font-weight:900;color:#26466d;white-space:nowrap}.topbar nav a:hover{color:var(--pink)}.nav-toggle{display:none;background:white;border:1px solid #dfe9fb;border-radius:10px;padding:7px 12px;font-size:21px}.hero{max-width:1320px;margin:auto;padding:76px 5% 73px;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:5%;background:radial-gradient(circle at 75% 30%,#e3f9ff 0,transparent 45%),radial-gradient(circle at 18% 15%,#fff5dc 0,transparent 38%)}.pill{display:inline-flex;padding:8px 14px;background:#e9f6ff;border-radius:20px;color:#1a70a6;font-size:12px;font-weight:900}.hero h1{color:#2166cf;font-size:clamp(45px,5.5vw,80px);line-height:1.03;margin:16px 0 13px;font-weight:900;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--pink)}.hero-sub{color:#df693d;font-weight:900;font-size:clamp(16px,2vw,22px)}.hero-copy>p:not(.hero-sub){max-width:540px}.actions{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.btn{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;gap:10px;padding:12px 21px;border-radius:999px;border:2px solid transparent;font-weight:900;font-size:14px;transition:transform .2s,box-shadow .2s;white-space:normal;text-align:center}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 18px #2a61a322}.btn.primary{background:linear-gradient(110deg,#ff7842,#ec4d79);color:white}.btn.outline{background:white;color:#2071c8;border-color:#c7e0f8}.muted,.small{color:var(--muted)}.small{font-size:12px}.hero-visual{position:relative;min-height:390px}.photo-placeholder{height:390px;border-radius:36px;background:linear-gradient(135deg,#cceeff,#f9e3f6 65%,#ffedc0);border:6px solid white;box-shadow:0 16px 55px #2769c52a;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:42px}.placeholder-icon{font-size:66px}.photo-placeholder strong{font-size:21px;color:#2b60a3}.photo-placeholder p{max-width:300px}.photo-placeholder small{color:#63728a}.floating{position:absolute;background:white;padding:12px 17px;border-radius:16px;font-size:12px;font-weight:900;color:#2665b5;box-shadow:0 10px 25px #113b7a19}.float-a{top:-22px;right:5px}.float-b{bottom:-16px;left:-18px;color:#d55080}.micro{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:15px 18px}.micro>div{text-align:center;background:#eff7ff;border-radius:18px;padding:16px}.micro strong{display:block;color:#2274d4;font-size:28px;font-weight:900}.micro span{font-weight:800;font-size:12px}.section{padding:82px max(5%,calc((100vw - 1160px)/2))}.section.alt{background:#f5f9ff}.section-head{text-align:center;max-width:820px;margin:0 auto 37px}.eyebrow{font-weight:900;color:#2499a7;font-size:12px;letter-spacing:1px}.section-head h2{font-size:clamp(26px,3.2vw,42px);color:#153b78;margin:9px 0 12px;line-height:1.23;font-weight:900}.section-head h2 span{color:#ed4d91}.section-head p{color:#63718b}.feature-grid,.steps,.survey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature,.step{padding:28px;border-radius:24px;box-shadow:0 7px 28px #31538f0b}.feature h3,.step h3{color:#254c80;margin-bottom:7px}.feature p{margin-top:0;font-size:14px}.feature .ico{font-size:37px}.pale-blue{background:#e9f4ff}.pale-yellow{background:#fff5d9}.pale-mint{background:#e4f8f0}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:17px;flex-wrap:wrap}.toolbar label{font-weight:900}select{padding:10px 15px;border-radius:12px;border:1px solid #c9dcef;color:#284c80;background:white}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.study-card{border-radius:21px;background:white;border:1px solid #dce9f8;padding:23px;display:flex;flex-direction:column;gap:10px;box-shadow:0 8px 28px #1d4c8a09}.study-card h3{font-size:16px;line-height:1.4;margin:2px 0;color:#21497b}.card-tag{font-size:11px;font-weight:900;color:#0a908b}.card-detail{display:none;border-top:1px dashed #c3dcef;padding-top:10px;font-size:13px}.study-card.flipped .card-detail{display:block}.card-detail p{margin:7px 0}.study-card button{cursor:pointer;margin-top:auto;border:0;border-radius:12px;background:#e9f4ff;color:#2068b8;font-weight:900;padding:10px}.study-card button:hover{background:#d4e9ff}.step{background:white;border:1px solid #d6e6f6;text-align:center}.step-icon{display:grid;place-items:center;border-radius:50%;width:72px;height:72px;font-size:32px;margin:0 auto 14px}.red{background:#ffebeb}.yellow{background:#fff3c6}.green{background:#dbf8ed}.step-num{font-size:12px;color:#8b98af;font-weight:900}.step h3{font-size:24px;margin:6px 0}.demo{margin-top:22px;background:linear-gradient(120deg,#e6f7ff,#fff2e8);padding:28px;border-radius:23px;display:flex;align-items:center;justify-content:space-between;gap:22px}.demo h3{font-size:23px;margin:5px 0}.demo p{max-width:600px}.step-buttons{display:flex;gap:8px;flex-wrap:wrap}.step-buttons button{background:white;border:1px solid #cbdaf0;border-radius:12px;padding:10px 13px;cursor:pointer;font-weight:900}.step-buttons button.active{background:#176bd5;color:white}.quiz-panel{max-width:830px;margin:auto;padding:35px;background:white;border-radius:28px;box-shadow:0 13px 45px #285db212}.quiz-top{display:flex;justify-content:space-between;font-weight:900;color:#3475c7;font-size:13px;gap:10px}.progress{height:8px;background:#e9effb;border-radius:20px;margin:13px 0 27px;overflow:hidden}.progress div{height:100%;background:#f27e5c;transition:width .2s}.quiz-panel h3{font-size:20px;color:#213e76}.answers{display:grid;gap:10px}.answer{background:#f6f9ff;border:2px solid #e5edf7;border-radius:13px;padding:13px 16px;text-align:left;cursor:pointer;color:#2a456a;font-weight:700}.answer:hover{border-color:#85b7f5}.answer.selected{background:#eaf7ff;border-color:#3798dd}.feedback{min-height:40px;margin-top:17px;font-size:14px}.feedback.success{background:#e6f8ec;border-radius:14px;padding:14px}.feedback.try{background:#fff4e1;border-radius:14px;padding:14px}.quiz-nav{display:flex;justify-content:space-between;gap:12px;margin-top:22px}.quiz-nav button:disabled{opacity:.35;cursor:not-allowed}.chat-layout{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:stretch}.chat-copy{padding:26px;background:#eff9ff;border-radius:22px}.chat-copy h3{color:#214b85}.chat-copy li{margin:12px 0}.hint{background:white;padding:15px;border-radius:15px;color:#26639a;font-weight:800;font-size:13px}.chat-placeholder{background:linear-gradient(145deg,#d7f9f2,#e5f1ff);border:2px dashed #78caba;border-radius:23px;padding:35px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center}.chat-placeholder .bot{font-size:65px}.chat-placeholder h3{color:#116b81}.chat-placeholder p{max-width:390px}.chip{border-radius:30px;background:white;padding:9px 15px;color:#127d86;font-weight:900;font-size:12px}.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.article-card{background:white;border:1px solid #e0e9f5;padding:24px;border-radius:19px;text-align:left;cursor:pointer;transition:transform .2s}.article-card:hover{transform:translateY(-3px)}.article-card .article-ico{font-size:35px}.article-card h3{font-size:17px;color:#2c4f80}.article-card p{font-size:13px;color:#62718c}.article-card span:last-child{color:#2d77ca;font-weight:900;font-size:13px}.article-panel{max-width:950px;margin:24px auto 0;padding:28px 35px;border-radius:22px;background:white;border:1px solid #d8e8fa}.article-panel h3{color:#214c84;font-size:25px}.article-panel p{line-height:1.8}.close-article{float:right;background:#eef5ff;border:0;border-radius:10px;padding:10px;cursor:pointer}.parent-banner{display:flex;align-items:center;justify-content:space-between;gap:25px;background:linear-gradient(105deg,#fff2ec,#ffe4f1);padding:43px;border-radius:28px}.parent-banner h2{color:#b63f76;font-size:29px}.parent-icon{font-size:95px}.survey-grid{grid-template-columns:repeat(2,1fr)}.survey-card{padding:30px;background:#e7f4ff;border-radius:22px}.survey-second{background:#fff0f6}.survey-label{font-size:12px;font-weight:900;color:#3776b7}.survey-card h3{color:#204c85}.survey-card p{min-height:85px}.resources .callout{max-width:830px;margin:auto;background:#edf7ff;border-left:5px solid #3e9cce;padding:18px 22px;border-radius:10px}footer{background:#1c4b87;color:white;display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px 6%;font-size:12px}footer strong{font-size:20px}footer p{margin:6px 0}footer small{max-width:390px;color:#d0e0fb}footer>a{font-weight:900;white-space:nowrap}
@media(max-width:1050px){.nav-toggle{display:block}.topbar nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:15px 5%;box-shadow:0 12px 20px #245e941a;flex-direction:column;align-items:stretch}.topbar nav.open{display:flex}.topbar nav a{font-size:15px;padding:9px}.hero{padding-top:50px}.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.hero{grid-template-columns:1fr;padding:37px 6% 43px}.hero-visual{min-height:275px}.photo-placeholder{height:270px}.floating{font-size:10px}.micro{grid-template-columns:repeat(2,1fr)}.section{padding:57px 5%}.feature-grid,.steps,.card-grid,.articles-grid,.survey-grid,.chat-layout{grid-template-columns:1fr}.demo,.parent-banner{flex-direction:column;align-items:stretch}.parent-icon{text-align:center;font-size:65px}.quiz-panel{padding:22px}.quiz-nav .btn{padding:11px}.hero h1{font-size:52px}footer{flex-direction:column;align-items:flex-start}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Học liệu và hình ảnh minh họa – phiên bản tích hợp */
.hero-photo{height:390px;overflow:hidden;position:relative;margin:0;border-radius:36px;border:6px solid white;box-shadow:0 16px 55px #2769c52a;background:#e4f2ff}.hero-photo img{width:100%;height:100%;object-fit:cover}.hero-photo figcaption{position:absolute;left:10px;bottom:10px;background:#fffdf0ef;font-size:11px;padding:6px 10px;border-radius:12px;font-weight:800;color:#495e78}.resource-showcase,.checklist-showcase{display:grid;grid-template-columns:1fr 1fr;gap:25px;background:#fff;border:1px solid #e0ebf8;border-radius:22px;padding:18px;align-items:center;margin:0 0 25px}.resource-showcase img,.checklist-showcase img,.topic-visual img,.chat-ready img,.image-pair img,.parent-icon img{display:block;width:100%;object-fit:cover;border-radius:15px}.resource-showcase img{max-height:260px}.resource-showcase h3,.checklist-showcase h3{color:#1b548e;margin:0 0 8px}.resource-showcase small,.chat-ready small{font-size:11px;color:#667c9b}.material-gallery{margin-top:32px;background:#eaf5ff;padding:23px;border-radius:23px}.material-gallery h3{margin:0;color:#1b548e}.material-front{display:flex;gap:14px;align-items:center;margin:20px 0;background:white;border-radius:15px;padding:12px;font-weight:800;color:#275f91}.material-front img{width:115px;height:155px;object-fit:contain;border-radius:8px}.print-cards{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.print-card-item{display:block;background:white;border:1px solid #d9e8f7;border-radius:14px;overflow:hidden;text-align:center;transition:transform .18s}.print-card-item:hover{transform:translateY(-3px)}.print-card-item img{width:100%;aspect-ratio:2/3;object-fit:cover;display:block}.print-card-item span{display:block;padding:8px;font-weight:900;font-size:12px;color:#236cb4}.checklist-showcase{margin-top:30px;background:#eafaff;grid-template-columns:minmax(200px,.67fr) 1fr}.checklist-showcase img{max-height:470px;object-fit:contain}.topic-visual{max-width:840px;margin:0 auto 22px}.topic-visual img{max-height:300px}.topic-visual figcaption,.image-pair figcaption{font-size:11px;text-align:right;color:#7b88a1;padding:5px}.chat-ready{background:linear-gradient(145deg,#e0fff5,#e4f1ff);border-radius:23px;padding:22px;text-align:center}.chat-ready img{max-height:240px}.chat-ready h3{color:#1e6b85}.image-pair{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:22px}.image-pair figure{margin:0}.image-pair img{height:230px}.parent-icon{width:260px;flex-shrink:0}.parent-icon img{height:180px}.resource-links{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 18px;justify-content:center}.illustration-note{max-width:830px;margin:0 auto 18px;padding:15px 18px;background:#fff8e8;border-left:4px solid #f4ae5a;border-radius:10px;font-size:14px}@media(max-width:900px){.print-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:700px){.hero-photo{height:260px}.resource-showcase,.checklist-showcase,.image-pair{grid-template-columns:1fr}.print-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.material-gallery{padding:13px}.material-front img{width:85px;height:110px}.parent-icon{width:100%}.parent-icon img{height:210px}}