@font-face{font-family:BeVietnam;src:url('be-vietnam-pro-latin-400-normal.woff2');font-weight:400;font-display:swap}
@font-face{font-family:BeVietnam;src:url('be-vietnam-pro-vietnamese-400-normal.woff2');font-weight:400;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9}
@font-face{font-family:BeVietnam;src:url('be-vietnam-pro-latin-700-normal.woff2');font-weight:700;font-display:swap}
@font-face{font-family:BeVietnam;src:url('be-vietnam-pro-vietnamese-700-normal.woff2');font-weight:700;font-display:swap;unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9}
.hero{background:#f4fbff;overflow:hidden}.hero *{font-family:BeVietnam,'Segoe UI',sans-serif}.hero .icon{font-family:FA}.hero .play:before{content:'\f144'}.hero-inner{width:calc(100% - 132px);max-width:1310px;margin:auto;min-height:538px;display:flex;align-items:center;position:relative}.hero-copy{width:56%;padding:30px 0 32px;position:relative;z-index:1}.hero .eyebrow{font-size:12px;letter-spacing:2px;color:var(--primary-color);font-weight:700;margin-bottom:25px}.hero h1{font-size:clamp(39px,4.35vw,65px);line-height:1.2;letter-spacing:-2.1px;font-weight:700}.hero h1 em{font-style:normal;color:var(--primary-color)}.hero .lead{color:var(--text-muted);font-size:19px;line-height:1.65;margin-top:25px}.hero-actions{display:flex;gap:17px;margin-top:26px}.hero .button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:53px;padding:0 23px;border:1px solid var(--primary-color);border-radius:11px;background:var(--primary-color);color:#fff;font-size:14px;font-weight:700}.hero .button:hover{background:var(--primary-hover)}.hero .secondary{background:#fff;color:var(--text-dark);border-color:#b8d7df}.hero .secondary:hover{background:#eff8fb}.hero .secondary .icon{color:var(--primary-color);font-size:22px}.hero .signature{font-family:'Segoe Print','Comic Sans MS',cursive;font-style:italic;font-size:19px;line-height:1.5;color:var(--primary-color);margin-top:28px;transform:rotate(-4deg);width:max-content}.hero .signature span{font-family:inherit;padding-left:25px}.hero-art{position:absolute;right:-66px;bottom:0;width:60%;height:100%;object-fit:contain;object-position:right bottom}.hero+.container .courses-section{padding-top:40px}
@media(min-width:1450px){.hero-inner{min-height:610px}.hero-art{width:58%}.hero .lead{font-size:21px}}
@media(min-width:768px) and (max-width:1050px){.hero-inner{width:calc(100% - 88px);min-height:510px}.hero-copy{width:59%}.hero h1{font-size:39px}.hero .lead{font-size:16px}.hero .button{font-size:12px;padding:0 14px}.hero-actions{gap:10px}.hero-art{right:-75px;width:62%}}
@media(max-width:767px){.hero-inner{width:calc(100% - 32px);min-height:0;flex-direction:column}.hero-copy{width:100%;padding:24px 0 0}.hero .eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:16px}.hero h1{font-size:clamp(27px,7.5vw,48px);letter-spacing:-1px;line-height:1.25}.hero .lead{font-size:14px;line-height:1.7;margin-top:17px}.hero .desktop-break{display:none}.hero-actions{display:grid;grid-template-columns:1.35fr 1fr;gap:8px;margin-top:20px}.hero .button{font-size:11px;line-height:1.5;padding:10px 8px;gap:8px;min-height:48px;text-align:center}.hero .secondary .icon{font-size:18px}.hero .signature{font-size:15px;margin:20px 0 12px}.hero-art{position:static;width:calc(100% + 32px);height:300px;max-width:none;object-position:center bottom}.hero+.container .courses-section{padding-top:28px}}
@media(max-width:359px){.hero .button{font-size:10px;gap:6px}.hero-art{height:270px}}
.hero .signature,.hero .signature span{font-family:BeVietnam,'Segoe UI',sans-serif;font-weight:400;font-style:italic}.hero .signature{transform:none;font-size:17px;line-height:1.7;width:auto}.hero .signature span{padding-left:0}
.topics{background:#fff;padding:26px 0;border-bottom:1px solid #edf3f6}.topics-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.topic{display:flex;align-items:center;gap:16px;padding:4px 22px;border-right:1px solid #e1edf2;min-width:0}.topic:first-child{padding-left:0}.topic:last-child{padding-right:0;border-right:0}.topics *{font-family:BeVietnam,'Segoe UI',sans-serif}.topic-icon{flex:none;width:58px;height:58px;border-radius:50%;background:#eff8fb;display:grid;place-items:center}.topic-icon img{display:block;filter:invert(36%) sepia(70%) saturate(1050%) hue-rotate(150deg) brightness(88%)}.topic h2{font-size:15px;line-height:1.5;font-weight:700;color:var(--text-dark)}.topic p{font-size:11px;line-height:1.7;color:var(--text-muted);margin-top:4px}
@media(max-width:1050px) and (min-width:768px){.topic{padding:4px 12px;gap:10px}.topic-icon{width:44px;height:44px}.topic h2{font-size:13px}.topic p{font-size:10px}}
@media(max-width:767px){.hero .signature{font-size:14px;margin:20px 0 12px}.topics{padding:4px 0}.topics-grid{grid-template-columns:1fr}.topic,.topic:first-child,.topic:last-child{padding:14px 0;border-right:0;gap:12px}.topic+.topic{border-top:1px solid #e1edf2}.topic-icon{width:44px;height:44px}.topic h2{font-size:14px}.topic p{font-size:12px}}
@font-face{font-family:DancingScript;src:url('dancing-script-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
.hero .signature,.hero .signature span,.hero .hero-note,.hero .hero-note span{font-family:DancingScript,BeVietnam,cursive;font-weight:600;font-style:normal}
.hero .signature{font-size:25px;line-height:1.3;transform:rotate(-5deg);width:max-content;margin-top:30px}.hero .signature span{padding-left:18px;display:inline-block;border-bottom:1.5px solid var(--primary-color);padding-bottom:8px}
.hero-note{position:absolute;right:-30px;bottom:40px;color:var(--primary-color);font-size:24px;line-height:1.2;transform:rotate(-8deg);z-index:1}.hero-note span{display:inline-block;padding-left:10px;padding-bottom:8px;border-bottom:1.5px solid var(--primary-color)}
@media(min-width:768px) and (max-width:1050px){.hero-note{font-size:20px;right:-28px;bottom:30px}.hero .signature{font-size:23px}}
@media(max-width:767px){.hero .signature{font-size:22px;line-height:1.3;margin:22px 0 18px;max-width:100%}.hero .signature span{padding-left:14px}.hero-note{position:static;align-self:flex-end;font-size:22px;margin:12px 8px 24px;transform:rotate(-5deg)}}

.hero-visual{position:absolute;right:-52px;bottom:0;width:58%;height:100%;isolation:isolate}.hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:fill;z-index:-1}.original-portrait{position:absolute;left:-1%;bottom:0;width:76%;height:109%;object-fit:contain;object-position:center bottom;border-radius:0}.hero .hero-note{position:absolute;right:1%;bottom:35px;width:27%;font-size:22px;line-height:1.25;transform:rotate(-6deg);margin:0;z-index:2}.hero .hero-note span{padding-left:8px;padding-bottom:8px}.hero-copy{padding-bottom:38px}.topics+.container .courses-section{padding-top:32px}
@media(min-width:768px) and (max-width:1050px){.hero-visual{right:-38px;width:50%}.original-portrait{width:76%;height:99%;left:0}.hero .hero-note{font-size:17px;bottom:30px}.hero-copy{width:56%}.hero h1{font-size:38px}.hero .lead{font-size:15px}}
@media(max-width:767px){.hero-visual{position:relative;right:auto;width:calc(100% + 32px);height:360px}.original-portrait{width:75%;height:105%;left:0}.hero .hero-note{position:absolute;right:2%;bottom:20px;width:28%;font-size:17px;line-height:1.25;display:block}.hero .hero-note span{padding-left:0}.hero-copy{padding-bottom:10px}}
@media(max-width:359px){.hero-visual{height:310px}.hero .hero-note{font-size:15px}}

/* Decorative scene built as responsive HTML/CSS and SVG. */
.scene-circles{position:absolute;inset:4% 19% 3% 0;z-index:-1;border-radius:50%;background:linear-gradient(135deg,#e0f3fa,#edf9fd)}.scene-circles:before,.scene-circles:after{content:"";position:absolute;border-radius:50%;background:#dff2f9}.scene-circles:before{width:52%;height:48%;left:-10%;top:35%;opacity:.75}.scene-circles:after{width:50%;height:43%;right:-10%;bottom:0;opacity:.8}
.tech-panels{position:absolute;right:0;top:10%;width:34%;z-index:2;filter:drop-shadow(0 12px 20px #225e7510)}.data-panel,.ai-panel{background:linear-gradient(135deg,#fff,#f9fdff);border:1px solid #fff;border-radius:17px;box-shadow:0 6px 24px #23667f14;padding:17px}.data-panel{transform:rotate(4deg);position:relative}.panel-label{font-size:8px;letter-spacing:1px;font-weight:700;color:#648797;display:block}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#1697aa;margin-right:3px}.data-heading{font-size:15px;line-height:1.4;color:#254456;margin-top:9px}.data-heading strong{color:#07839e}.insight-chart{display:block;width:100%;height:auto;margin-top:12px;overflow:visible}.chart-caption{display:flex;justify-content:space-between;font-size:7px;color:#6e8c9a;margin-top:6px}.ai-panel{margin-top:20px;transform:rotate(-4deg);margin-left:-10px;margin-right:4px;padding:15px}.ai-top{display:flex;gap:10px;align-items:center}.ai-emblem{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;background:linear-gradient(140deg,#43c6ce,#0087a7 60%,#066d92);box-shadow:0 5px 12px #008ca32b;color:#fff;width:49px;height:55px;border-radius:13px;font-size:17px;line-height:1}.ai-emblem b{font-size:23px;line-height:1.2}.ai-top strong{display:block;font-size:13px;line-height:1.45;margin-top:5px;color:#214759}.ai-top .panel-label{font-size:7px}.ai-prompt{margin-top:14px;padding:9px 8px;background:#edf7fa;border:1px solid #dcedf3;border-radius:8px;font-size:8px;color:#77939f;display:flex;align-items:center;justify-content:space-between;gap:4px}.ai-prompt>span{display:grid;place-items:center;background:#078ca6;color:white;border-radius:5px;width:20px;height:20px;font-size:16px;flex:none}.ai-tags{display:flex;gap:10px;margin-top:9px;font-size:8px;color:#438297}.original-portrait{left:-4%;width:75%}.hero .hero-note{right:0;bottom:24px;width:29%;font-size:21px}
@media(min-width:768px) and (max-width:1050px){.tech-panels{width:37%;top:9%;right:0}.data-panel,.ai-panel{padding:10px;border-radius:12px}.panel-label{font-size:6px;letter-spacing:.4px}.data-heading{font-size:12px}.ai-emblem{width:32px;height:39px;font-size:12px;border-radius:9px}.ai-emblem b{font-size:18px}.ai-top{gap:6px}.ai-top strong{font-size:10px}.ai-top .panel-label{font-size:6px}.ai-prompt{font-size:6px;padding:5px}.ai-tags{font-size:6px;gap:5px}.hero .hero-note{font-size:17px}}
@media(max-width:767px){.tech-panels{width:35%;right:3%;top:6%}.data-panel,.ai-panel{padding:10px;border-radius:12px}.panel-label{font-size:6px;letter-spacing:.35px}.data-heading{font-size:11px;margin-top:6px}.insight-chart{margin-top:8px}.chart-caption{font-size:5px}.ai-panel{margin-top:12px;margin-left:-7px}.ai-emblem{width:30px;height:36px;border-radius:8px;font-size:11px}.ai-emblem b{font-size:16px}.ai-top{gap:6px}.ai-top .panel-label{font-size:5px}.ai-top strong{font-size:9px;margin-top:3px}.ai-prompt{margin-top:8px;padding:5px;font-size:5px;border-radius:5px}.ai-prompt>span{width:14px;height:14px;font-size:12px}.ai-tags{font-size:6px;gap:6px;margin-top:6px}.hero .hero-note{font-size:16px;right:3%;bottom:15px;width:28%}.original-portrait{left:-4%;width:75%}}
@media(max-width:767px){.hero-visual{height:400px}.tech-panels{top:5%}.hero .hero-note{bottom:12px}}@media(max-width:359px){.hero-visual{height:360px}}