{"id":77,"date":"2026-02-03T13:51:34","date_gmt":"2026-02-03T06:51:34","guid":{"rendered":"https:\/\/anthub.vn\/?page_id=77"},"modified":"2026-05-22T14:21:34","modified_gmt":"2026-05-22T07:21:34","slug":"ant-hub-suc-khoe-theo-dong-y","status":"publish","type":"page","link":"https:\/\/anthub.vn\/","title":{"rendered":"Ant Hub &#8211; S\u1ee9c kho\u1ebb theo \u0110\u00f4ng Y"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"77\" class=\"elementor elementor-77\">\n\t\t\t\t<div class=\"elementor-element elementor-element-964d7d1 e-flex e-con-boxed e-con e-parent\" data-id=\"964d7d1\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7f446ec elementor-widget elementor-widget-html\" data-id=\"7f446ec\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"vi\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>\u0110\u00f4ng Y C\u01a1 B\u1ea3n Cho Ng\u01b0\u1eddi M\u1edbi \u2014 ANT HUB<\/title>\n  <meta name=\"description\" content=\"Kho\u00e1 h\u1ecdc \u0110\u00f4ng Y c\u01a1 b\u1ea3n 5 bu\u1ed5i \u2014 Hi\u1ec3u c\u01a1 th\u1ec3 theo nguy\u00ean l\u00fd \u0110\u00f4ng Y. T\u1eeb \u00c2m D\u01b0\u01a1ng, Ng\u0169 H\u00e0nh \u0111\u1ebfn t\u1ef1 \u0111o kinh l\u1ea1c. Online live, th\u1ef1c h\u00e0nh ngay.\" \/>\n\n  <!-- Fonts -->\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\n  <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\n  <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400;1,500&family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\" \/>\n\n  <!-- Material Symbols -->\n  <link rel=\"stylesheet\" href=\"https:\/\/fonts.googleapis.com\/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200&display=swap\" \/>\n\n  <!-- Tailwind CDN -->\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n  <script>\n    tailwind.config = {\n      theme: {\n        extend: {\n          colors: {\n            thuy:    { DEFAULT: '#1A1A1A', light: '#2A2A2A' },\n            kim:     { DEFAULT: '#F5F2EC' },\n            moc:     { DEFAULT: '#1F7A3D', light: '#2a9e50', dark: '#165c2d' },\n            hoa:     { DEFAULT: '#C0392B', light: '#e74c3c' },\n            tho:     { DEFAULT: '#E8B923', light: '#f0ca45', dark: '#c99d10' },\n            muted:   { DEFAULT: '#6b6b6b' },\n            border:  { DEFAULT: '#D4D0C8' },\n            surface: { DEFAULT: '#FFFFFF', warm: '#FAF8F5', cream: '#F0EDE6' },\n          },\n          fontFamily: {\n            heading: ['\"Be Vietnam Pro\"', 'sans-serif'],\n            body:    ['Inter', '\"Be Vietnam Pro\"', 'sans-serif'],\n            classic: ['\"Cormorant Garamond\"', 'serif'],\n          },\n          fontSize: {\n            'h1': ['clamp(2.25rem, 5vw, 3rem)', { lineHeight: '1.15', fontWeight: '600' }],\n            'h2': ['clamp(1.75rem, 3.5vw, 2rem)', { lineHeight: '1.25', fontWeight: '500' }],\n            'h3': ['clamp(1.2rem, 2vw, 1.375rem)', { lineHeight: '1.35', fontWeight: '500' }],\n            'body': ['1.0625rem', { lineHeight: '1.7' }],\n            'caption': ['0.8125rem', { lineHeight: '1.6' }],\n          },\n          borderRadius: {\n            'brand': '0.75rem',\n            'brand-lg': '1rem',\n          },\n          boxShadow: {\n            'brand': '0 2px 16px rgba(0,0,0,0.06)',\n            'brand-lg': '0 8px 32px rgba(0,0,0,0.08)',\n            'glow-moc': '0 0 24px rgba(31,122,61,0.12)',\n          },\n          spacing: {\n            '18': '4.5rem',\n            '22': '5.5rem',\n            '30': '7.5rem',\n          },\n        },\n      },\n    };\n  <\/script>\n\n  <style>\n    html { scroll-behavior: smooth; }\n    body {\n      font-family: 'Inter', 'Be Vietnam Pro', sans-serif;\n      background: #F5F2EC;\n      color: #1A1A1A;\n      -webkit-font-smoothing: antialiased;\n    }\n\n    .material-symbols-outlined {\n      font-variation-settings: 'FILL' 0, 'wght' 300, 'GRAD' 0, 'opsz' 24;\n      vertical-align: middle;\n    }\n    .icon-sm { font-size: 20px; }\n    .icon-md { font-size: 24px; }\n    .icon-lg { font-size: 32px; }\n\n    ::-webkit-scrollbar { width: 6px; }\n    ::-webkit-scrollbar-track { background: #F5F2EC; }\n    ::-webkit-scrollbar-thumb { background: #D4D0C8; border-radius: 3px; }\n\n    .ngu-hanh-gradient {\n      background: linear-gradient(90deg, #1F7A3D 0%, #C0392B 25%, #E8B923 50%, #D4D0C8 75%, #1A1A1A 100%);\n    }\n\n    .faq-answer {\n      max-height: 0;\n      overflow: hidden;\n      transition: max-height 0.35s ease, padding 0.35s ease;\n    }\n    .faq-answer.open { max-height: 500px; padding-top: 0.75rem; }\n    .faq-chevron { transition: transform 0.3s ease; }\n    .faq-chevron.open { transform: rotate(180deg); }\n\n    .header-scrolled {\n      background: rgba(245, 242, 236, 0.92);\n      backdrop-filter: blur(12px);\n      -webkit-backdrop-filter: blur(12px);\n      box-shadow: 0 1px 8px rgba(0,0,0,0.06);\n    }\n\n    .card-hover { transition: transform 0.25s ease, box-shadow 0.25s ease; }\n    .card-hover:hover { transform: translateY(-3px); box-shadow: 0 12px 36px rgba(0,0,0,0.1); }\n\n    .timeline-dot {\n      width: 12px; height: 12px; border-radius: 50%;\n      border: 2px solid #1F7A3D; background: #F5F2EC; flex-shrink: 0;\n    }\n    .timeline-dot.active { background: #1F7A3D; }\n\n    .mobile-menu {\n      transform: translateX(100%);\n      transition: transform 0.3s ease;\n    }\n    .mobile-menu.open { transform: translateX(0); }\n\n    .pricing-highlight {\n      border: 2px solid #1F7A3D;\n      box-shadow: 0 0 30px rgba(31,122,61,0.1);\n    }\n\n    \/* Hero subtle gradient *\/\n    .hero-gradient {\n      background: linear-gradient(160deg, #F5F2EC 0%, #e8e4db 40%, #F0EDE6 100%);\n    }\n\n    \/* Image decorative frame *\/\n    .img-frame {\n      position: relative;\n    }\n    .img-frame::after {\n      content: '';\n      position: absolute;\n      top: 8px; left: 8px; right: -8px; bottom: -8px;\n      border: 2px solid #1F7A3D;\n      border-radius: 1rem;\n      z-index: -1;\n    }\n\n    \/* Herbs floating decoration *\/\n    .herb-decoration {\n      position: absolute;\n      opacity: 0.06;\n      pointer-events: none;\n    }\n  <\/style>\n<\/head>\n<body class=\"antialiased\">\n\n  <!-- ============================================ -->\n  <!-- HEADER -->\n  <!-- ============================================ -->\n  <header id=\"header\" class=\"fixed top-0 left-0 right-0 z-50 transition-all duration-300\">\n    <div class=\"max-w-6xl mx-auto px-4 sm:px-6 flex items-center justify-between h-16 md:h-18\">\n      <a href=\"#\" class=\"flex items-center gap-2\">\n        <img decoding=\"async\" src=\"https:\/\/anthub.vn\/wp-content\/uploads\/2026\/05\/logo_ant_hub_xoa_nen_1080_1080.png\"\n             alt=\"ANT HUB\" class=\"w-10 h-10 object-contain\" \/>\n        <span class=\"font-heading font-semibold text-thuy text-lg tracking-tight\">ANT HUB<\/span>\n      <\/a>\n\n      <nav class=\"hidden md:flex items-center gap-8 text-sm font-body text-thuy\/70\">\n        <a href=\"#chuong-trinh\" class=\"hover:text-thuy transition-colors\">Ch\u01b0\u01a1ng tr\u00ecnh<\/a>\n        <a href=\"#noi-dung\" class=\"hover:text-thuy transition-colors\">N\u1ed9i dung<\/a>\n        <a href=\"#hoc-phi\" class=\"hover:text-thuy transition-colors\">H\u1ecdc ph\u00ed<\/a>\n        <a href=\"#faq\" class=\"hover:text-thuy transition-colors\">FAQ<\/a>\n        <a href=\"https:\/\/zalo.me\/g\/jkodmk237\" target=\"_blank\" rel=\"noopener\"\n           class=\"inline-flex items-center gap-1.5 bg-moc hover:bg-moc-light text-white font-medium px-5 py-2 rounded-brand text-sm transition-colors\">\n          \u0110\u0103ng k\u00fd h\u1ecdc\n        <\/a>\n      <\/nav>\n\n      <button id=\"menu-toggle\" class=\"md:hidden p-2 text-thuy\/70 hover:text-thuy\" aria-label=\"Menu\">\n        <span class=\"material-symbols-outlined icon-md\">menu<\/span>\n      <\/button>\n    <\/div>\n\n    <!-- Mobile Menu -->\n    <div id=\"mobile-menu\" class=\"mobile-menu fixed top-0 right-0 bottom-0 w-72 bg-kim shadow-brand-lg z-50 p-6 flex flex-col md:hidden\">\n      <button id=\"menu-close\" class=\"self-end p-2 text-thuy\/70 hover:text-thuy mb-8\">\n        <span class=\"material-symbols-outlined icon-md\">close<\/span>\n      <\/button>\n      <nav class=\"flex flex-col gap-6 text-base font-body text-thuy\/80\">\n        <a href=\"#chuong-trinh\" class=\"mobile-link hover:text-thuy transition-colors\">Ch\u01b0\u01a1ng tr\u00ecnh<\/a>\n        <a href=\"#noi-dung\" class=\"mobile-link hover:text-thuy transition-colors\">N\u1ed9i dung<\/a>\n        <a href=\"#hoc-phi\" class=\"mobile-link hover:text-thuy transition-colors\">H\u1ecdc ph\u00ed<\/a>\n        <a href=\"#faq\" class=\"mobile-link hover:text-thuy transition-colors\">FAQ<\/a>\n        <a href=\"https:\/\/zalo.me\/g\/jkodmk237\" target=\"_blank\" rel=\"noopener\"\n           class=\"mobile-link inline-flex items-center justify-center gap-1.5 bg-moc hover:bg-moc-light text-white font-medium px-5 py-3 rounded-brand text-sm transition-colors mt-4\">\n          \u0110\u0103ng k\u00fd h\u1ecdc\n        <\/a>\n      <\/nav>\n    <\/div>\n    <div id=\"mobile-overlay\" class=\"hidden fixed inset-0 bg-black\/30 z-40 md:hidden\"><\/div>\n  <\/header>\n\n  <main>\n    <!-- ============================================ -->\n    <!-- HERO \u2014 with background image -->\n    <!-- ============================================ -->\n    <section class=\"relative pt-24 pb-16 md:pt-32 md:pb-24 overflow-hidden min-h-[85vh] flex items-center hero-gradient\">\n      <!-- Decorative radial glow -->\n      <div class=\"absolute top-1\/3 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[500px] h-[500px] rounded-full bg-moc\/[0.04] blur-3xl pointer-events-none\"><\/div>\n      <div class=\"absolute bottom-0 right-0 w-[300px] h-[300px] rounded-full bg-tho\/[0.05] blur-3xl pointer-events-none\"><\/div>\n\n      <div class=\"relative max-w-4xl mx-auto px-4 sm:px-6 text-center w-full\">\n        <!-- Logo badge -->\n        <div class=\"inline-block mb-8\">\n          <img decoding=\"async\" src=\"https:\/\/anthub.vn\/wp-content\/uploads\/2026\/05\/logo_ant_hub_xoa_nen_1080_1080.png\"\n               alt=\"ANT HUB\" class=\"w-20 h-20 mx-auto mb-4 object-contain drop-shadow-md\" \/>\n        <\/div>\n\n        <div class=\"inline-flex items-center gap-2 bg-white\/70 backdrop-blur-sm rounded-full px-4 py-1.5 text-caption text-thuy\/70 mb-6\">\n          <span class=\"material-symbols-outlined icon-sm text-moc\">school<\/span>\n          Kho\u00e1 h\u1ecdc \u00b7 Online Live \u00b7 5 bu\u1ed5i\n        <\/div>\n\n        <h1 class=\"font-heading text-h1 text-thuy mb-6 max-w-3xl mx-auto\">\n          \u0110\u00f4ng Y c\u01a1 b\u1ea3n<br class=\"hidden sm:block\" \/> cho ng\u01b0\u1eddi m\u1edbi\n        <\/h1>\n\n        <p class=\"font-body text-body text-thuy\/70 max-w-2xl mx-auto mb-4\">\n          Hi\u1ec3u c\u01a1 th\u1ec3 theo nguy\u00ean l\u00fd \u00c2m D\u01b0\u01a1ng, Ng\u0169 H\u00e0nh, Kinh L\u1ea1c \u2014 kh\u00f4ng c\u1ea7n n\u1ec1n t\u1ea3ng y khoa.\n          T\u1eeb l\u00fd thuy\u1ebft \u0111\u1ebfn th\u1ef1c h\u00e0nh \u0111o kinh l\u1ea1c ngay t\u1ea1i l\u1edbp.\n        <\/p>\n\n        <p class=\"font-classic italic text-xl text-thuy\/60 mb-10\">\n          \"C\u00e2n b\u1eb1ng c\u01a1 th\u1ec3, theo nguy\u00ean l\u00fd \u0110\u00f4ng Y.\"\n        <\/p>\n\n        <div class=\"flex flex-col sm:flex-row items-center justify-center gap-4 mb-8\">\n          <a href=\"https:\/\/zalo.me\/g\/jkodmk237\" target=\"_blank\" rel=\"noopener\"\n             class=\"inline-flex items-center gap-2 bg-moc hover:bg-moc-light text-white font-heading font-medium px-8 py-3.5 rounded-brand transition-colors text-base shadow-brand\">\n            <span class=\"material-symbols-outlined icon-sm\">arrow_forward<\/span>\n            \u0110\u0103ng k\u00fd h\u1ecdc th\u1eed mi\u1ec5n ph\u00ed\n          <\/a>\n          <a href=\"#chuong-trinh\" class=\"inline-flex items-center gap-2 text-thuy\/50 hover:text-thuy font-body text-sm transition-colors\">\n            Xem ch\u01b0\u01a1ng tr\u00ecnh chi ti\u1ebft\n            <span class=\"material-symbols-outlined icon-sm\">expand_more<\/span>\n          <\/a>\n        <\/div>\n\n        <div class=\"flex flex-wrap items-center justify-center gap-6 md:gap-10 text-sm text-thuy\/50 mt-4\">\n          <div class=\"flex items-center gap-1.5\">\n            <span class=\"material-symbols-outlined icon-sm text-moc\">videocam<\/span>\n            Online qua Zoom\n          <\/div>\n          <div class=\"flex items-center gap-1.5\">\n            <span class=\"material-symbols-outlined icon-sm text-tho-dark\">schedule<\/span>\n            90 ph\u00fat\/bu\u1ed5i\n          <\/div>\n          <div class=\"flex items-center gap-1.5\">\n            <span class=\"material-symbols-outlined icon-sm text-hoa\">groups<\/span>\n            Gi\u1edbi h\u1ea1n 25 ng\u01b0\u1eddi\/l\u1edbp\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Ngu Hanh divider -->\n    <div class=\"ngu-hanh-gradient h-[3px] w-full opacity-60\"><\/div>\n\n    <!-- ============================================ -->\n    <!-- V\u00cc SAO C\u1ea6N H\u1eccC \u2014 with herbal image -->\n    <!-- ============================================ -->\n    <section class=\"py-16 md:py-22 bg-surface\">\n      <div class=\"max-w-5xl mx-auto px-4 sm:px-6\">\n        <div class=\"text-center mb-12 md:mb-16\">\n          <p class=\"text-caption text-moc font-medium uppercase tracking-wider mb-3\">V\u00ec sao c\u1ea7n h\u1ecdc<\/p>\n          <h2 class=\"font-heading text-h2 text-thuy mb-4\">C\u01a1 th\u1ec3 b\u1ea1n \u0111ang n\u00f3i \u2014 b\u1ea1n c\u00f3 \u0111ang l\u1eafng nghe?<\/h2>\n          <p class=\"font-body text-body text-thuy\/60 max-w-2xl mx-auto\">\n            M\u1ec7t m\u1ecfi k\u00e9o d\u00e0i, ti\u00eau ho\u00e1 k\u00e9m, gi\u1ea5c ng\u1ee7 kh\u00f4ng s\u00e2u \u2014 ph\u1ea7n l\u1edbn ng\u01b0\u1eddi Vi\u1ec7t coi \u0111\u00f3 l\u00e0 \"b\u00ecnh th\u01b0\u1eddng\".\n            \u0110\u00f4ng Y nh\u00ecn nh\u1eadn nh\u1eefng \u0111i\u1ec1u \u0111\u00f3 kh\u00e1c.\n          <\/p>\n        <\/div>\n\n        <div class=\"grid md:grid-cols-3 gap-6\">\n          <div class=\"bg-surface-warm rounded-brand-lg p-6 card-hover border border-border\/30\">\n            <div class=\"w-10 h-10 rounded-brand bg-moc\/10 flex items-center justify-center mb-4\">\n              <span class=\"material-symbols-outlined icon-md text-moc\">visibility_off<\/span>\n            <\/div>\n            <h3 class=\"font-heading text-h3 text-thuy mb-2\">Kh\u00f4ng nh\u1eadn ra d\u1ea5u hi\u1ec7u<\/h3>\n            <p class=\"text-body text-thuy\/60\">\n              X\u00e9t nghi\u1ec7m T\u00e2y y \"b\u00ecnh th\u01b0\u1eddng\" nh\u01b0ng c\u01a1 th\u1ec3 v\u1eabn m\u1ec7t. \u0110\u00f4ng Y g\u1ecdi \u0111\u00f3 l\u00e0 m\u1ea5t c\u00e2n b\u1eb1ng \u2014 v\u00e0 n\u00f3 c\u00f3 th\u1ec3 \u0111\u1ecdc \u0111\u01b0\u1ee3c qua kinh l\u1ea1c.\n            <\/p>\n          <\/div>\n\n          <div class=\"bg-surface-warm rounded-brand-lg p-6 card-hover border border-border\/30\">\n            <div class=\"w-10 h-10 rounded-brand bg-tho\/10 flex items-center justify-center mb-4\">\n              <span class=\"material-symbols-outlined icon-md text-tho-dark\">restaurant<\/span>\n            <\/div>\n            <h3 class=\"font-heading text-h3 text-thuy mb-2\">\u0102n u\u1ed1ng kh\u00f4ng theo th\u1ec3 tr\u1ea1ng<\/h3>\n            <p class=\"text-body text-thuy\/60\">\n              Th\u1ef1c ph\u1ea9m t\u1ed1t cho ng\u01b0\u1eddi n\u00e0y c\u00f3 th\u1ec3 kh\u00f4ng ph\u00f9 h\u1ee3p v\u1edbi b\u1ea1n. \u0110\u00f4ng Y ph\u00e2n chia th\u1ef1c ph\u1ea9m theo H\u00e0n \u2013 Nhi\u1ec7t, \u00c2m \u2013 D\u01b0\u01a1ng \u2014 ph\u00f9 h\u1ee3p t\u1eebng c\u01a1 \u0111\u1ecba.\n            <\/p>\n          <\/div>\n\n          <div class=\"bg-surface-warm rounded-brand-lg p-6 card-hover border border-border\/30\">\n            <div class=\"w-10 h-10 rounded-brand bg-hoa\/10 flex items-center justify-center mb-4\">\n              <span class=\"material-symbols-outlined icon-md text-hoa\">bedtime<\/span>\n            <\/div>\n            <h3 class=\"font-heading text-h3 text-thuy mb-2\">Sinh ho\u1ea1t ng\u01b0\u1ee3c chu k\u1ef3 c\u01a1 th\u1ec3<\/h3>\n            <p class=\"text-body text-thuy\/60\">\n              Th\u1ee9c khuya, \u0103n khuya, b\u1ecf b\u1eefa s\u00e1ng \u2014 m\u1ed7i th\u00f3i quen \u1ea3nh h\u01b0\u1edfng \u0111\u1ebfn m\u1ed9t t\u1ea1ng ph\u1ee7 c\u1ee5 th\u1ec3 theo \u0111\u1ed3ng h\u1ed3 sinh h\u1ecdc \u0110\u00f4ng Y.\n            <\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ============================================ -->\n    <!-- C\u1ea4U TR\u00daC KHO\u00c1 H\u1eccC -->\n    <!-- ============================================ -->\n    <section id=\"chuong-trinh\" class=\"py-16 md:py-22 bg-kim\">\n      <div class=\"max-w-5xl mx-auto px-4 sm:px-6\">\n        <div class=\"text-center mb-12 md:mb-16\">\n          <p class=\"text-caption text-moc font-medium uppercase tracking-wider mb-3\">C\u1ea5u tr\u00fac kho\u00e1 h\u1ecdc<\/p>\n          <h2 class=\"font-heading text-h2 text-thuy mb-4\">2 ng\u00e0y tr\u1ea3i nghi\u1ec7m + 5 ng\u00e0y \u0111i s\u00e2u<\/h2>\n          <p class=\"font-body text-body text-thuy\/60 max-w-2xl mx-auto\">\n            B\u1eaft \u0111\u1ea7u b\u1eb1ng 2 bu\u1ed5i mi\u1ec5n ph\u00ed \u0111\u1ec3 c\u1ea3m nh\u1eadn gi\u00e1 tr\u1ecb. N\u1ebfu ph\u00f9 h\u1ee3p, ti\u1ebfp t\u1ee5c v\u1edbi 5 bu\u1ed5i h\u1ec7 th\u1ed1ng ho\u00e1 ki\u1ebfn th\u1ee9c v\u00e0 th\u1ef1c h\u00e0nh.\n          <\/p>\n        <\/div>\n\n        <div class=\"grid md:grid-cols-2 gap-6 md:gap-8\">\n          <!-- Free Course -->\n          <div class=\"bg-surface rounded-brand-lg p-6 md:p-8 shadow-brand border border-border\/20\">\n            <div class=\"flex items-center gap-3 mb-6\">\n              <div class=\"bg-tho\/15 text-tho-dark px-3 py-1 rounded-full text-caption font-medium\">Mi\u1ec5n ph\u00ed<\/div>\n              <span class=\"text-caption text-muted\">2 bu\u1ed5i \u00b7 60-75 ph\u00fat\/bu\u1ed5i<\/span>\n            <\/div>\n            <h3 class=\"font-heading text-h3 text-thuy mb-3\">Hi\u1ec3u C\u01a1 Th\u1ec3 M\u00ecnh<\/h3>\n            <p class=\"text-body text-thuy\/60 mb-6\">Nh\u1eadp m\u00f4n \u0110\u00f4ng Y \u2014 t\u1eeb \u00c2m D\u01b0\u01a1ng, Ng\u0169 H\u00e0nh \u0111\u1ebfn nh\u1eadn di\u1ec7n sai l\u1ea7m h\u00e0ng ng\u00e0y v\u00e0 tr\u1ea3i nghi\u1ec7m \u0111o kinh l\u1ea1c.<\/p>\n\n            <div class=\"space-y-4\">\n              <div class=\"flex gap-3\">\n                <div class=\"timeline-dot active mt-1.5\"><\/div>\n                <div>\n                  <p class=\"font-heading text-sm font-medium text-thuy\">Bu\u1ed5i 1 \u2014 C\u01a1 th\u1ec3 b\u1ea1n \u0111ang n\u00f3i g\u00ec?<\/p>\n                  <p class=\"text-caption text-muted mt-1\">\u00c2m D\u01b0\u01a1ng th\u1ef1c t\u1ebf \u00b7 Ng\u0169 H\u00e0nh \u2014 b\u1ea3n \u0111\u1ed3 c\u01a1 th\u1ec3 \u00b7 T\u1ef1 check tr\u1ea1ng th\u00e1i<\/p>\n                <\/div>\n              <\/div>\n              <div class=\"flex gap-3\">\n                <div class=\"timeline-dot active mt-1.5\"><\/div>\n                <div>\n                  <p class=\"font-heading text-sm font-medium text-thuy\">Bu\u1ed5i 2 \u2014 Sai l\u1ea7m h\u00e0ng ng\u00e0y & Thanh l\u1ecdc<\/p>\n                  <p class=\"text-caption text-muted mt-1\">Sai l\u1ea7m ph\u1ed5 bi\u1ebfn \u00b7 \u0110\u1ed9c t\u1ed1 t\u00edch t\u1ee5 \u00b7 Demo \u0111o kinh l\u1ea1c tr\u1ef1c ti\u1ebfp<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <a href=\"https:\/\/zalo.me\/g\/jkodmk237\" target=\"_blank\" rel=\"noopener\"\n               class=\"mt-6 inline-flex items-center gap-2 text-moc hover:text-moc-light text-sm font-medium transition-colors\">\n              \u0110\u0103ng k\u00fd h\u1ecdc th\u1eed mi\u1ec5n ph\u00ed\n              <span class=\"material-symbols-outlined icon-sm\">arrow_forward<\/span>\n            <\/a>\n          <\/div>\n\n          <!-- Paid Course -->\n          <div class=\"bg-surface rounded-brand-lg p-6 md:p-8 shadow-brand pricing-highlight\">\n            <div class=\"flex items-center gap-3 mb-6\">\n              <div class=\"bg-moc\/15 text-moc px-3 py-1 rounded-full text-caption font-medium\">Kho\u00e1 ch\u00ednh<\/div>\n              <span class=\"text-caption text-muted\">5 bu\u1ed5i \u00b7 90 ph\u00fat\/bu\u1ed5i<\/span>\n            <\/div>\n            <h3 class=\"font-heading text-h3 text-thuy mb-3\">\u0110\u00f4ng Y \u1ee8ng D\u1ee5ng<\/h3>\n            <p class=\"text-body text-thuy\/60 mb-6\">T\u1ef1 hi\u1ec3u c\u01a1 th\u1ec3, t\u1ef1 ch\u0103m s\u00f3c m\u00ecnh \u2014 t\u1eeb l\u00fd thuy\u1ebft h\u1ec7 th\u1ed1ng \u0111\u1ebfn th\u1ef1c h\u00e0nh \u0111o kinh l\u1ea1c v\u00e0 nh\u1eadn b\u1ea3n \u0111\u1ed3 s\u1ee9c kho\u1ebb c\u00e1 nh\u00e2n.<\/p>\n\n            <div class=\"space-y-4\">\n              <div class=\"flex gap-3\">\n                <div class=\"timeline-dot active mt-1.5\"><\/div>\n                <div>\n                  <p class=\"font-heading text-sm font-medium text-thuy\">Ng\u00e0y 1 \u2014 N\u1ec1n t\u1ea3ng \u0110\u00f4ng Y<\/p>\n                  <p class=\"text-caption text-muted mt-1\">\u00c2m D\u01b0\u01a1ng n\u00e2ng cao \u00b7 Ng\u0169 H\u00e0nh s\u01a1 \u0111\u1ed3 ho\u00e1 \u00b7 T\u1ea1ng Ph\u1ee7 c\u01a1 b\u1ea3n<\/p>\n                <\/div>\n              <\/div>\n              <div class=\"flex gap-3\">\n                <div class=\"timeline-dot active mt-1.5\"><\/div>\n                <div>\n                  <p class=\"font-heading text-sm font-medium text-thuy\">Ng\u00e0y 2 \u2014 Kh\u00ed Huy\u1ebft & Chu k\u1ef3 24 gi\u1edd<\/p>\n                  <p class=\"text-caption text-muted mt-1\">Kh\u00ed \u2013 Huy\u1ebft \u2013 T\u00e2n d\u1ecbch \u00b7 12 Kinh l\u1ea1c \u00b7 \u0110\u1ed3ng h\u1ed3 sinh h\u1ecdc<\/p>\n                <\/div>\n              <\/div>\n              <div class=\"flex gap-3\">\n                <div class=\"timeline-dot active mt-1.5\"><\/div>\n                <div>\n                  <p class=\"font-heading text-sm font-medium text-thuy\">Ng\u00e0y 3 \u2014 Dinh d\u01b0\u1ee1ng theo \u0110\u00f4ng Y<\/p>\n                  <p class=\"text-caption text-muted mt-1\">Th\u1ef1c ph\u1ea9m \u00c2m\/D\u01b0\u01a1ng \u00b7 T\u1ef3 V\u1ecb & chuy\u1ec3n ho\u00e1 \u00b7 Sai l\u1ea7m dinh d\u01b0\u1ee1ng<\/p>\n                <\/div>\n              <\/div>\n              <div class=\"flex gap-3\">\n                <div class=\"timeline-dot active mt-1.5\"><\/div>\n                <div>\n                  <p class=\"font-heading text-sm font-medium text-thuy\">Ng\u00e0y 4 \u2014 Thanh l\u1ecdc & Ph\u1ee5c h\u1ed3i<\/p>\n                  <p class=\"text-caption text-muted mt-1\">Hi\u1ec3u \u0111\u00fang thanh l\u1ecdc \u00b7 5 c\u01a1 quan \u0111\u00e0o th\u1ea3i \u00b7 Ch\u01b0\u01a1ng tr\u00ecnh ANT HUB<\/p>\n                <\/div>\n              <\/div>\n              <div class=\"flex gap-3\">\n                <div class=\"timeline-dot active mt-1.5\"><\/div>\n                <div>\n                  <p class=\"font-heading text-sm font-medium text-thuy\">Ng\u00e0y 5 \u2014 Th\u1ef1c h\u00e0nh \u0110o Kinh L\u1ea1c<\/p>\n                  <p class=\"text-caption text-muted mt-1\">H\u01b0\u1edbng d\u1eabn \u0111o \u00b7 Th\u1ef1c h\u00e0nh t\u1eebng ng\u01b0\u1eddi \u00b7 B\u1ea3n \u0111\u1ed3 s\u1ee9c kho\u1ebb c\u00e1 nh\u00e2n<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <a href=\"#hoc-phi\"\n               class=\"mt-6 inline-flex items-center gap-2 bg-moc hover:bg-moc-light text-white text-sm font-medium px-5 py-2.5 rounded-brand transition-colors\">\n              Xem h\u1ecdc ph\u00ed\n              <span class=\"material-symbols-outlined icon-sm\">arrow_forward<\/span>\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- Ngu Hanh divider -->\n    <div class=\"ngu-hanh-gradient h-[2px] w-full opacity-30\"><\/div>\n\n    <!-- ============================================ -->\n    <!-- N\u1ed8I DUNG CHI TI\u1ebeT (Accordion) -->\n    <!-- ============================================ -->\n    <section id=\"noi-dung\" class=\"py-16 md:py-22 bg-surface\">\n      <div class=\"max-w-4xl mx-auto px-4 sm:px-6\">\n        <div class=\"text-center mb-12 md:mb-16\">\n          <p class=\"text-caption text-moc font-medium uppercase tracking-wider mb-3\">N\u1ed9i dung chi ti\u1ebft<\/p>\n          <h2 class=\"font-heading text-h2 text-thuy mb-4\">B\u1ea1n s\u1ebd h\u1ecdc g\u00ec trong 5 bu\u1ed5i?<\/h2>\n          <p class=\"font-body text-body text-thuy\/60 max-w-2xl mx-auto\">\n            M\u1ed7i bu\u1ed5i 90 ph\u00fat, k\u1ebft h\u1ee3p l\u00fd thuy\u1ebft c\u00f3 s\u01a1 \u0111\u1ed3 ho\u00e1 v\u00e0 b\u00e0i t\u1eadp th\u1ef1c h\u00e0nh \u2014 ki\u1ebfn th\u1ee9c \u1ee9ng d\u1ee5ng \u0111\u01b0\u1ee3c ngay.\n          <\/p>\n        <\/div>\n\n        <div class=\"space-y-3\" id=\"curriculum-accordion\">\n          <!-- Day 1 -->\n          <div class=\"faq-item bg-surface-warm rounded-brand-lg overflow-hidden border border-border\/20 shadow-brand\">\n            <button class=\"faq-toggle w-full flex items-center justify-between p-5 md:p-6 text-left\" aria-expanded=\"false\">\n              <div class=\"flex items-center gap-4\">\n                <div class=\"w-9 h-9 rounded-full bg-moc\/10 flex items-center justify-center flex-shrink-0\">\n                  <span class=\"font-heading text-sm font-semibold text-moc\">01<\/span>\n                <\/div>\n                <div>\n                  <p class=\"font-heading text-sm md:text-base font-medium text-thuy\">N\u1ec1n t\u1ea3ng \u0110\u00f4ng Y: T\u1eeb tri\u1ebft l\u00fd \u0111\u1ebfn c\u01a1 th\u1ec3 b\u1ea1n<\/p>\n                  <p class=\"text-caption text-muted mt-0.5 hidden sm:block\">\u00c2m D\u01b0\u01a1ng \u00b7 Ng\u0169 H\u00e0nh \u00b7 T\u1ea1ng Ph\u1ee7<\/p>\n                <\/div>\n              <\/div>\n              <span class=\"material-symbols-outlined icon-md text-muted faq-chevron flex-shrink-0 ml-3\">expand_more<\/span>\n            <\/button>\n            <div class=\"faq-answer px-5 md:px-6 pb-5 md:pb-6\">\n              <div class=\"pl-13 space-y-3 text-body text-thuy\/70\">\n                <div class=\"flex items-start gap-2\">\n                  <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check_circle<\/span>\n                  <span>\u00c2m D\u01b0\u01a1ng n\u00e2ng cao \u2014 hi\u1ec3u t\u1ea1i sao c\u01a1 th\u1ec3 b\u1ea1n thi\u00ean \u00e2m hay thi\u00ean d\u01b0\u01a1ng, v\u00e0 c\u00e1ch t\u1ef1 \u0111\u00e1nh gi\u00e1 qua worksheet c\u00e1 nh\u00e2n.<\/span>\n                <\/div>\n                <div class=\"flex items-start gap-2\">\n                  <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check_circle<\/span>\n                  <span>Ng\u0169 H\u00e0nh s\u01a1 \u0111\u1ed3 ho\u00e1 \u2014 b\u1ea3n \u0111\u1ed3 visual k\u1ebft n\u1ed1i m\u1ed7i h\u00e0nh v\u1edbi t\u1ea1ng, c\u1ea3m x\u00fac, m\u00f9a, v\u1ecb, m\u00e0u s\u1eafc. D\u1ec5 nh\u1edb, kh\u00f4ng r\u1ed1i.<\/span>\n                <\/div>\n                <div class=\"flex items-start gap-2\">\n                  <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check_circle<\/span>\n                  <span>T\u1ea1ng Ph\u1ee7 c\u01a1 b\u1ea3n \u2014 5 t\u1ea1ng 6 ph\u1ee7 gi\u1ea3i th\u00edch b\u1eb1ng ng\u00f4n ng\u1eef \u0111\u1eddi th\u01b0\u1eddng. B\u1ea3ng t\u00f3m t\u1eaft bi\u1ec3u hi\u1ec7n kho\u1ebb v\u00e0 y\u1ebfu.<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Day 2 -->\n          <div class=\"faq-item bg-surface-warm rounded-brand-lg overflow-hidden border border-border\/20 shadow-brand\">\n            <button class=\"faq-toggle w-full flex items-center justify-between p-5 md:p-6 text-left\" aria-expanded=\"false\">\n              <div class=\"flex items-center gap-4\">\n                <div class=\"w-9 h-9 rounded-full bg-moc\/10 flex items-center justify-center flex-shrink-0\">\n                  <span class=\"font-heading text-sm font-semibold text-moc\">02<\/span>\n                <\/div>\n                <div>\n                  <p class=\"font-heading text-sm md:text-base font-medium text-thuy\">Kh\u00ed Huy\u1ebft, Kinh L\u1ea1c & Chu k\u1ef3 24 gi\u1edd<\/p>\n                  <p class=\"text-caption text-muted mt-0.5 hidden sm:block\">Kh\u00ed \u2013 Huy\u1ebft \u2013 T\u00e2n d\u1ecbch \u00b7 12 Kinh l\u1ea1c \u00b7 \u0110\u1ed3ng h\u1ed3 sinh h\u1ecdc<\/p>\n                <\/div>\n              <\/div>\n              <span class=\"material-symbols-outlined icon-md text-muted faq-chevron flex-shrink-0 ml-3\">expand_more<\/span>\n            <\/button>\n            <div class=\"faq-answer px-5 md:px-6 pb-5 md:pb-6\">\n              <div class=\"pl-13 space-y-3 text-body text-thuy\/70\">\n                <div class=\"flex items-start gap-2\">\n                  <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check_circle<\/span>\n                  <span>Kh\u00ed \u2013 Huy\u1ebft \u2013 T\u00e2n d\u1ecbch gi\u1ea3i th\u00edch qua v\u00ed d\u1ee5 \u0111\u1eddi th\u01b0\u1eddng. T\u1ef1 check: b\u1ea1n \u0111ang thi\u1ebfu kh\u00ed hay \u1ee9 huy\u1ebft?<\/span>\n                <\/div>\n                <div class=\"flex items-start gap-2\">\n                  <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check_circle<\/span>\n                  <span>12 kinh l\u1ea1c ch\u00ednh \u2014 ch\u1ec9 c\u1ea7n hi\u1ec3u logic k\u1ebft n\u1ed1i, kh\u00f4ng c\u1ea7n nh\u1edb h\u1ebft. S\u01a1 \u0111\u1ed3 ho\u00e1 tr\u1ef1c quan.<\/span>\n                <\/div>\n                <div class=\"flex items-start gap-2\">\n                  <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check_circle<\/span>\n                  <span>\u0110\u1ed3ng h\u1ed3 sinh h\u1ecdc 24 gi\u1edd theo \u0110\u00f4ng Y \u2014 map 12 canh gi\u1edd v\u1edbi 12 kinh l\u1ea1c. Thi\u1ebft k\u1ebf l\u1ecbch sinh ho\u1ea1t l\u00fd t\u01b0\u1edfng.<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Day 3 -->\n          <div class=\"faq-item bg-surface-warm rounded-brand-lg overflow-hidden border border-border\/20 shadow-brand\">\n            <button class=\"faq-toggle w-full flex items-center justify-between p-5 md:p-6 text-left\" aria-expanded=\"false\">\n              <div class=\"flex items-center gap-4\">\n                <div class=\"w-9 h-9 rounded-full bg-moc\/10 flex items-center justify-center flex-shrink-0\">\n                  <span class=\"font-heading text-sm font-semibold text-moc\">03<\/span>\n                <\/div>\n                <div>\n                  <p class=\"font-heading text-sm md:text-base font-medium text-thuy\">Dinh d\u01b0\u1ee1ng theo \u0110\u00f4ng Y & Chuy\u1ec3n ho\u00e1<\/p>\n                  <p class=\"text-caption text-muted mt-0.5 hidden sm:block\">Th\u1ef1c ph\u1ea9m \u00c2m\/D\u01b0\u01a1ng \u00b7 T\u1ef3 V\u1ecb \u00b7 Sai l\u1ea7m ng\u01b0\u1eddi Vi\u1ec7t<\/p>\n                <\/div>\n              <\/div>\n              <span class=\"material-symbols-outlined icon-md text-muted faq-chevron flex-shrink-0 ml-3\">expand_more<\/span>\n            <\/button>\n            <div class=\"faq-answer px-5 md:px-6 pb-5 md:pb-6\">\n              <div class=\"pl-13 space-y-3 text-body text-thuy\/70\">\n                <div class=\"flex items-start gap-2\">\n                  <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check_circle<\/span>\n                  <span>Ph\u00e2n lo\u1ea1i th\u1ef1c ph\u1ea9m: H\u00e0n \u2013 L\u01b0\u01a1ng \u2013 B\u00ecnh \u2013 \u00d4n \u2013 Nhi\u1ec7t. B\u1ea3ng th\u1ef1c ph\u1ea9m ph\u1ed5 bi\u1ebfn \u0111\u1ec3 d\u00f9ng h\u00e0ng ng\u00e0y.<\/span>\n                <\/div>\n                <div class=\"flex items-start gap-2\">\n                  <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check_circle<\/span>\n                  <span>T\u1ef3 V\u1ecb \u2014 trung t\u00e2m chuy\u1ec3n ho\u00e1: t\u1ea1i sao \u0110\u00f4ng Y coi \u0111\u00e2y l\u00e0 t\u1ea1ng quan tr\u1ecdng nh\u1ea5t trong d\u01b0\u1ee1ng sinh.<\/span>\n                <\/div>\n                <div class=\"flex items-start gap-2\">\n                  <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check_circle<\/span>\n                  <span>Case study b\u1eefa \u0103n ng\u01b0\u1eddi Vi\u1ec7t \u2014 ph\u00e2n t\u00edch theo \u00c2m D\u01b0\u01a1ng, Ng\u0169 H\u00e0nh. \u0110i\u1ec1u ch\u1ec9nh 20% \u0111\u1ec3 thay \u0111\u1ed5i 80%.<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Day 4 -->\n          <div class=\"faq-item bg-surface-warm rounded-brand-lg overflow-hidden border border-border\/20 shadow-brand\">\n            <button class=\"faq-toggle w-full flex items-center justify-between p-5 md:p-6 text-left\" aria-expanded=\"false\">\n              <div class=\"flex items-center gap-4\">\n                <div class=\"w-9 h-9 rounded-full bg-moc\/10 flex items-center justify-center flex-shrink-0\">\n                  <span class=\"font-heading text-sm font-semibold text-moc\">04<\/span>\n                <\/div>\n                <div>\n                  <p class=\"font-heading text-sm md:text-base font-medium text-thuy\">Thanh l\u1ecdc c\u01a1 th\u1ec3 & Ph\u1ee5c h\u1ed3i<\/p>\n                  <p class=\"text-caption text-muted mt-0.5 hidden sm:block\">Thanh l\u1ecdc \u0111\u00fang c\u00e1ch \u00b7 5 c\u01a1 quan \u0111\u00e0o th\u1ea3i \u00b7 Ch\u01b0\u01a1ng tr\u00ecnh th\u1ef1c t\u1ebf<\/p>\n                <\/div>\n              <\/div>\n              <span class=\"material-symbols-outlined icon-md text-muted faq-chevron flex-shrink-0 ml-3\">expand_more<\/span>\n            <\/button>\n            <div class=\"faq-answer px-5 md:px-6 pb-5 md:pb-6\">\n              <div class=\"pl-13 space-y-3 text-body text-thuy\/70\">\n                <div class=\"flex items-start gap-2\">\n                  <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check_circle<\/span>\n                  <span>Thanh l\u1ecdc theo \u0110\u00f4ng Y \u2014 kh\u00f4ng ph\u1ea3i detox marketing, m\u00e0 l\u00e0 gi\u00fap c\u01a1 th\u1ec3 kh\u00f4i ph\u1ee5c kh\u1ea3 n\u0103ng t\u1ef1 \u0111\u00e0o th\u1ea3i.<\/span>\n                <\/div>\n                <div class=\"flex items-start gap-2\">\n                  <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check_circle<\/span>\n                  <span>5 c\u01a1 quan \u0111\u00e0o th\u1ea3i (Gan, Th\u1eadn, Ph\u1ed5i, \u0110\u1ea1i tr\u00e0ng, Da) \u2014 m\u1ed7i c\u01a1 quan c\u1ea7n g\u00ec \u0111\u1ec3 ho\u1ea1t \u0111\u1ed9ng t\u1ed1t.<\/span>\n                <\/div>\n                <div class=\"flex items-start gap-2\">\n                  <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check_circle<\/span>\n                  <span>Gi\u1edbi thi\u1ec7u ch\u01b0\u01a1ng tr\u00ecnh Thanh l\u1ecdc th\u1ea3i \u0111\u1ed9c c\u1ee7a ANT HUB \u2014 quy tr\u00ecnh th\u1ef1c t\u1ebf v\u00e0 tr\u1ea3i nghi\u1ec7m h\u1ecdc vi\u00ean.<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Day 5 -->\n          <div class=\"faq-item bg-surface-warm rounded-brand-lg overflow-hidden border border-border\/20 shadow-brand\">\n            <button class=\"faq-toggle w-full flex items-center justify-between p-5 md:p-6 text-left\" aria-expanded=\"false\">\n              <div class=\"flex items-center gap-4\">\n                <div class=\"w-9 h-9 rounded-full bg-moc\/10 flex items-center justify-center flex-shrink-0\">\n                  <span class=\"font-heading text-sm font-semibold text-moc\">05<\/span>\n                <\/div>\n                <div>\n                  <p class=\"font-heading text-sm md:text-base font-medium text-thuy\">Th\u1ef1c h\u00e0nh \u0110o Kinh L\u1ea1c & L\u1ed9 tr\u00ecnh c\u00e1 nh\u00e2n<\/p>\n                  <p class=\"text-caption text-muted mt-0.5 hidden sm:block\">Th\u1ef1c h\u00e0nh \u0111o \u00b7 \u0110\u1ecdc k\u1ebft qu\u1ea3 \u00b7 B\u1ea3n \u0111\u1ed3 s\u1ee9c kho\u1ebb ri\u00eang<\/p>\n                <\/div>\n              <\/div>\n              <span class=\"material-symbols-outlined icon-md text-muted faq-chevron flex-shrink-0 ml-3\">expand_more<\/span>\n            <\/button>\n            <div class=\"faq-answer px-5 md:px-6 pb-5 md:pb-6\">\n              <div class=\"pl-13 space-y-3 text-body text-thuy\/70\">\n                <div class=\"flex items-start gap-2\">\n                  <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check_circle<\/span>\n                  <span>H\u01b0\u1edbng d\u1eabn s\u1eed d\u1ee5ng thi\u1ebft b\u1ecb \u0111o kinh l\u1ea1c \u2014 nguy\u00ean l\u00fd, c\u00e1ch \u0111\u1ecdc ch\u1ec9 s\u1ed1, \u00fd ngh\u0129a t\u1eebng kinh l\u1ea1c.<\/span>\n                <\/div>\n                <div class=\"flex items-start gap-2\">\n                  <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check_circle<\/span>\n                  <span>Th\u1ef1c h\u00e0nh \u0111o t\u1eebng ng\u01b0\u1eddi \u2014 demo live, m\u1ed7i ng\u01b0\u1eddi nh\u1eadn k\u1ebft qu\u1ea3 th\u1eadt v\u00e0 ph\u00e2n t\u00edch ngay t\u1ea1i l\u1edbp.<\/span>\n                <\/div>\n                <div class=\"flex items-start gap-2\">\n                  <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check_circle<\/span>\n                  <span>Nh\u1eadn \"b\u1ea3n \u0111\u1ed3 s\u1ee9c kho\u1ebb c\u00e1 nh\u00e2n\" s\u01a1 b\u1ed9 \u2014 k\u1ebft n\u1ed1i ki\u1ebfn th\u1ee9c 4 ng\u00e0y tr\u01b0\u1edbc \u0111\u1ec3 t\u1ef1 gi\u1ea3i th\u00edch k\u1ebft qu\u1ea3.<\/span>\n                <\/div>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ============================================ -->\n    <!-- K\u1ebeT QU\u1ea2 SAU KHO\u00c1 H\u1eccC \u2014 dark section with herbal bg -->\n    <!-- ============================================ -->\n    <section class=\"py-16 md:py-22 bg-thuy text-white relative overflow-hidden\">\n      <!-- Decorative subtle accents -->\n      <div class=\"absolute top-0 left-0 w-[400px] h-[400px] rounded-full bg-moc\/[0.06] blur-3xl pointer-events-none\"><\/div>\n      <div class=\"absolute bottom-0 right-0 w-[300px] h-[300px] rounded-full bg-tho\/[0.04] blur-3xl pointer-events-none\"><\/div>\n\n      <div class=\"relative max-w-5xl mx-auto px-4 sm:px-6\">\n        <div class=\"text-center mb-12 md:mb-16\">\n          <p class=\"text-caption text-moc-light font-medium uppercase tracking-wider mb-3\">K\u1ebft qu\u1ea3 sau kho\u00e1 h\u1ecdc<\/p>\n          <h2 class=\"font-heading text-h2 text-white mb-4\">Sau 5 bu\u1ed5i, b\u1ea1n s\u1ebd c\u00f3 g\u00ec?<\/h2>\n        <\/div>\n\n        <div class=\"grid sm:grid-cols-2 lg:grid-cols-3 gap-5\">\n          <div class=\"flex items-start gap-3 bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-brand p-5\">\n            <span class=\"material-symbols-outlined icon-md text-moc-light flex-shrink-0\">neurology<\/span>\n            <div>\n              <p class=\"font-heading text-sm font-medium text-white mb-1\">T\u01b0 duy h\u1ec7 th\u1ed1ng v\u1ec1 c\u01a1 th\u1ec3<\/p>\n              <p class=\"text-caption text-white\/60\">Nh\u00ecn c\u01a1 th\u1ec3 nh\u01b0 m\u1ed9t h\u1ec7 sinh th\u00e1i li\u00ean k\u1ebft \u2014 kh\u00f4ng ph\u1ea3i t\u1eebng tri\u1ec7u ch\u1ee9ng r\u1eddi r\u1ea1c.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"flex items-start gap-3 bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-brand p-5\">\n            <span class=\"material-symbols-outlined icon-md text-tho-light flex-shrink-0\">monitoring<\/span>\n            <div>\n              <p class=\"font-heading text-sm font-medium text-white mb-1\">T\u1ef1 \u0111o kinh l\u1ea1c<\/p>\n              <p class=\"text-caption text-white\/60\">Bi\u1ebft c\u00e1ch s\u1eed d\u1ee5ng thi\u1ebft b\u1ecb \u0111o v\u00e0 \u0111\u1ecdc k\u1ebft qu\u1ea3 \u2014 theo d\u00f5i s\u1ee9c kho\u1ebb ch\u1ee7 \u0111\u1ed9ng t\u1ea1i nh\u00e0.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"flex items-start gap-3 bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-brand p-5\">\n            <span class=\"material-symbols-outlined icon-md text-hoa-light flex-shrink-0\">local_dining<\/span>\n            <div>\n              <p class=\"font-heading text-sm font-medium text-white mb-1\">\u0102n u\u1ed1ng theo th\u1ec3 tr\u1ea1ng<\/p>\n              <p class=\"text-caption text-white\/60\">Ph\u00e2n bi\u1ec7t th\u1ef1c ph\u1ea9m H\u00e0n \u2013 Nhi\u1ec7t, bi\u1ebft ch\u1ecdn \u0111\u1ed3 \u0103n ph\u00f9 h\u1ee3p c\u01a1 \u0111\u1ecba m\u00ecnh.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"flex items-start gap-3 bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-brand p-5\">\n            <span class=\"material-symbols-outlined icon-md text-moc-light flex-shrink-0\">schedule<\/span>\n            <div>\n              <p class=\"font-heading text-sm font-medium text-white mb-1\">L\u1ecbch sinh ho\u1ea1t theo \u0111\u1ed3ng h\u1ed3 sinh h\u1ecdc<\/p>\n              <p class=\"text-caption text-white\/60\">Bi\u1ebft gi\u1edd n\u00e0o t\u1ea1ng n\u00e0o ho\u1ea1t \u0111\u1ed9ng \u2014 \u0111i\u1ec1u ch\u1ec9nh \u0103n, ng\u1ee7, ngh\u1ec9 theo chu k\u1ef3 c\u01a1 th\u1ec3.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"flex items-start gap-3 bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-brand p-5\">\n            <span class=\"material-symbols-outlined icon-md text-tho-light flex-shrink-0\">spa<\/span>\n            <div>\n              <p class=\"font-heading text-sm font-medium text-white mb-1\">Hi\u1ec3u \u0111\u00fang v\u1ec1 thanh l\u1ecdc<\/p>\n              <p class=\"text-caption text-white\/60\">Bi\u1ebft khi n\u00e0o c\u01a1 th\u1ec3 c\u1ea7n thanh l\u1ecdc, ph\u00e2n bi\u1ec7t v\u1edbi detox marketing ph\u1ed5 bi\u1ebfn.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"flex items-start gap-3 bg-white\/5 backdrop-blur-sm border border-white\/10 rounded-brand p-5\">\n            <span class=\"material-symbols-outlined icon-md text-hoa-light flex-shrink-0\">person_search<\/span>\n            <div>\n              <p class=\"font-heading text-sm font-medium text-white mb-1\">B\u1ea3n \u0111\u1ed3 s\u1ee9c kho\u1ebb c\u00e1 nh\u00e2n<\/p>\n              <p class=\"text-caption text-white\/60\">Nh\u1eadn k\u1ebft qu\u1ea3 \u0111o kinh l\u1ea1c th\u1eadt + ph\u00e2n t\u00edch s\u01a1 b\u1ed9 \u2014 \u0111i\u1ec3m kh\u1edfi \u0111\u1ea7u cho h\u00e0nh tr\u00ecnh wellness.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ============================================ -->\n    <!-- V\u1ec0 GI\u1ea2NG VI\u00caN & ANT HUB -->\n    <!-- ============================================ -->\n    <section class=\"py-16 md:py-22 bg-surface\">\n      <div class=\"max-w-5xl mx-auto px-4 sm:px-6\">\n        <div class=\"md:flex md:items-center md:gap-12 lg:gap-16\">\n          <!-- Expert photo -->\n          <div class=\"w-full md:w-96 flex-shrink-0 mb-8 md:mb-0\">\n            <div class=\"img-frame\">\n              <div class=\"rounded-brand-lg overflow-hidden shadow-brand-lg aspect-[3\/4]\">\n                <img decoding=\"async\" src=\"https:\/\/anthub.vn\/wp-content\/uploads\/2026\/04\/458986054_476359575217853_1899918847949131749_n.jpg\"\n                     alt=\"Gi\u1ea3ng vi\u00ean ANT HUB\" class=\"w-full h-full object-cover\" \/>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"flex-1\">\n            <p class=\"text-caption text-moc font-medium uppercase tracking-wider mb-3\">V\u1ec1 ANT HUB<\/p>\n            <h2 class=\"font-heading text-h2 text-thuy mb-4\">Wellness theo Ng\u0169 H\u00e0nh<\/h2>\n\n            <p class=\"text-body text-thuy\/70 mb-4\">\n              ANT HUB l\u00e0 n\u1ec1n t\u1ea3ng wellness ch\u1ee7 \u0111\u1ed9ng d\u1ef1a tr\u00ean \u0110\u00f4ng Y. Ch\u00fang t\u00f4i \u0111o d\u1eef li\u1ec7u kinh l\u1ea1c, ph\u00e2n t\u00edch pattern theo nguy\u00ean l\u00fd c\u00e2n b\u1eb1ng \u00c2m D\u01b0\u01a1ng Ng\u0169 H\u00e0nh, v\u00e0 \u0111\u01b0a ra g\u1ee3i \u00fd ch\u0103m s\u00f3c c\u1ee5 th\u1ec3.\n            <\/p>\n            <p class=\"text-body text-thuy\/70 mb-6\">\n              Kh\u00f4ng ch\u1ea9n \u0111o\u00e1n b\u1ec7nh. Kh\u00f4ng thay b\u00e1c s\u0129. Ch\u1ec9 gi\u00fap b\u1ea1n hi\u1ec3u c\u01a1 th\u1ec3 tr\u01b0\u1edbc khi c\u01a1 th\u1ec3 l\u00ean ti\u1ebfng.\n            <\/p>\n\n            <div class=\"flex flex-wrap gap-3 mb-8\">\n              <span class=\"inline-flex items-center gap-1.5 bg-moc\/8 rounded-full px-3.5 py-2 text-caption text-thuy\/70 border border-moc\/15\">\n                <span class=\"material-symbols-outlined icon-sm text-moc\">verified<\/span>\n                Wellness Coach, kh\u00f4ng ph\u1ea3i b\u00e1c s\u0129\n              <\/span>\n              <span class=\"inline-flex items-center gap-1.5 bg-tho\/8 rounded-full px-3.5 py-2 text-caption text-thuy\/70 border border-tho\/15\">\n                <span class=\"material-symbols-outlined icon-sm text-tho-dark\">auto_awesome<\/span>\n                \u0110\u00f4ng Y + C\u00f4ng ngh\u1ec7 AI\n              <\/span>\n              <span class=\"inline-flex items-center gap-1.5 bg-hoa\/8 rounded-full px-3.5 py-2 text-caption text-thuy\/70 border border-hoa\/15\">\n                <span class=\"material-symbols-outlined icon-sm text-hoa\">favorite<\/span>\n                \u0110\u1ed3ng h\u00e0nh, kh\u00f4ng thay th\u1ebf\n              <\/span>\n            <\/div>\n\n            <!-- Quote -->\n            <blockquote class=\"border-l-2 border-moc pl-4 py-1\">\n              <p class=\"font-classic italic text-lg text-thuy\/60\">\n                \"\u0110\u00f4ng Y l\u00e0 di s\u1ea3n. C\u00f4ng ngh\u1ec7 l\u00e0 c\u00e1nh tay n\u1ed1i d\u00e0i. ANT HUB \u1edf gi\u1eefa.\"\n              <\/p>\n            <\/blockquote>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ============================================ -->\n    <!-- TESTIMONIALS -->\n    <!-- ============================================ -->\n    <section class=\"py-16 md:py-22 bg-kim\">\n      <div class=\"max-w-5xl mx-auto px-4 sm:px-6\">\n        <div class=\"text-center mb-12\">\n          <p class=\"text-caption text-moc font-medium uppercase tracking-wider mb-3\">H\u1ecdc vi\u00ean chia s\u1ebb<\/p>\n          <h2 class=\"font-heading text-h2 text-thuy\">Tr\u1ea3i nghi\u1ec7m t\u1eeb c\u00e1c kho\u00e1 tr\u01b0\u1edbc<\/h2>\n        <\/div>\n\n        <div class=\"grid md:grid-cols-2 lg:grid-cols-4 gap-5\">\n          <!-- Review 1 -->\n          <div class=\"bg-surface rounded-brand-lg p-5 shadow-brand border border-border\/20\">\n            <div class=\"flex items-center gap-0.5 mb-3\">\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n            <\/div>\n            <p class=\"text-sm text-thuy\/70 mb-4 leading-relaxed\">\n              Tr\u01b0\u1edbc gi\u1edd m\u00ecnh c\u1ee9 ngh\u0129 \u0110\u00f4ng Y l\u00e0 thu\u1ed1c b\u1eafc v\u1edbi ch\u00e2m c\u1ee9u, h\u1ecdc xong m\u1edbi hi\u1ec3u n\u00f3 l\u00e0 c\u1ea3 m\u1ed9t h\u1ec7 th\u1ed1ng nh\u00ecn c\u01a1 th\u1ec3, \u0111\u01b0\u1ee3c h\u1ecdc c\u00e1ch \u0111o kinh l\u1ea1c \u0111\u1ec3 bi\u1ebft t\u00ecnh tr\u1ea1ng s\u1ee9c kho\u1ebb, r\u1ea5t d\u1ec5 hi\u1ec3u d\u1ec5 l\u00e0m.\n            <\/p>\n            <div class=\"flex items-center gap-3\">\n              <div class=\"w-9 h-9 rounded-full bg-moc\/10 flex items-center justify-center flex-shrink-0\">\n                <span class=\"text-caption text-moc font-semibold\">TL<\/span>\n              <\/div>\n              <div>\n                <p class=\"text-sm font-medium text-thuy\">Thu\u00fd Linh<\/p>\n                <p class=\"text-caption text-muted\">Nh\u00e2n vi\u00ean v\u0103n ph\u00f2ng, 29 tu\u1ed5i<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Review 2 -->\n          <div class=\"bg-surface rounded-brand-lg p-5 shadow-brand border border-border\/20\">\n            <div class=\"flex items-center gap-0.5 mb-3\">\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n            <\/div>\n            <p class=\"text-sm text-thuy\/70 mb-4 leading-relaxed\">\n              M\u00ecnh hay b\u1ecb \u0111\u1ea7y b\u1ee5ng, \u0103n xong bu\u1ed3n ng\u1ee7 m\u00e0 kh\u00f4ng bi\u1ebft t\u1ea1i sao. H\u1ecdc bu\u1ed5i v\u1ec1 T\u1ef3 V\u1ecb m\u1edbi hi\u1ec3u m\u00ecnh \u0111ang \u0103n sai . Gi\u1edd ch\u1ec9 \u0111i\u1ec1u ch\u1ec9nh b\u1eefa s\u00e1ng th\u00f4i m\u00e0 kh\u00e1c h\u1eb3n.\n            <\/p>\n            <div class=\"flex items-center gap-3\">\n              <div class=\"w-9 h-9 rounded-full bg-tho\/10 flex items-center justify-center flex-shrink-0\">\n                <span class=\"text-caption text-tho-dark font-semibold\">M\u0110<\/span>\n              <\/div>\n              <div>\n                <p class=\"text-sm font-medium text-thuy\">Minh \u0110\u1ee9c<\/p>\n                <p class=\"text-caption text-muted\">K\u1ef9 s\u01b0 IT, 34 tu\u1ed5i<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Review 3 -->\n          <div class=\"bg-surface rounded-brand-lg p-5 shadow-brand border border-border\/20\">\n            <div class=\"flex items-center gap-0.5 mb-3\">\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n              <span class=\"material-symbols-outlined icon-sm text-muted\">star<\/span>\n            <\/div>\n            <p class=\"text-sm text-thuy\/70 mb-4 leading-relaxed\">\n              Ban \u0111\u1ea7u h\u01a1i ng\u1ea1i v\u00ec h\u1ecdc online, nh\u01b0ng th\u1ea7y Quy\u1ec1n gi\u1ea3ng d\u1ec5 hi\u1ec3u g\u1ea7n g\u0169i, m\u00ecnh kh\u00f4ng c\u00f3 ki\u1ebfn th\u1ee9c n\u1ec1n v\u1ec1 Y c\u0169ng d\u1ec5 ti\u1ebfp thu. C\u00e1i s\u01a1 \u0111\u1ed3 Ng\u0169 H\u00e0nh v\u1edbi \u0111\u1ed3ng h\u1ed3 sinh h\u1ecdc 24 gi\u1edd m\u00ecnh in ra d\u00e1n \u1edf c\u1eeda ph\u00f2ng lu\u00f4n :).\n            <\/p>\n            <div class=\"flex items-center gap-3\">\n              <div class=\"w-9 h-9 rounded-full bg-hoa\/10 flex items-center justify-center flex-shrink-0\">\n                <span class=\"text-caption text-hoa font-semibold\">HY<\/span>\n              <\/div>\n              <div>\n                <p class=\"text-sm font-medium text-thuy\">H\u1ed3ng Y\u1ebfn<\/p>\n                <p class=\"text-caption text-muted\">M\u1eb9 b\u1ec9m s\u1eefa, 31 tu\u1ed5i<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <!-- Review 4 -->\n          <div class=\"bg-surface rounded-brand-lg p-5 shadow-brand border border-border\/20\">\n            <div class=\"flex items-center gap-0.5 mb-3\">\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n              <span class=\"material-symbols-outlined icon-sm text-tho\">star<\/span>\n            <\/div>\n            <p class=\"text-sm text-thuy\/70 mb-4 leading-relaxed\">\n              Nh\u1edd kho\u00e1 h\u1ecdc m\u1edbi bi\u1ebft c\u01a1 th\u1ec3 m\u00ecnh \u0111ang m\u1ea5t c\u00e2n b\u1eb1ng \u00c2m D\u01b0\u01a1ng, v\u00e0 b\u1ec7nh \u0111\u1ec1u sinh ra t\u1eeb \u0111\u00e2y v\u00e0 bi\u1ebft c\u00e1ch t\u1ef1 \u0111i\u1ec1u ch\u1ec9nh m\u1ed7i ng\u00e0y. R\u1ea5t th\u1ef1c t\u1ebf.\n            <\/p>\n            <div class=\"flex items-center gap-3\">\n              <div class=\"w-9 h-9 rounded-full bg-moc\/10 flex items-center justify-center flex-shrink-0\">\n                <span class=\"text-caption text-moc font-semibold\">QT<\/span>\n              <\/div>\n              <div>\n                <p class=\"text-sm font-medium text-thuy\">Qu\u1ed1c Trung<\/p>\n                <p class=\"text-caption text-muted\">Ch\u1ee7 ti\u1ec7m c\u00e0 ph\u00ea, 42 tu\u1ed5i<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ============================================ -->\n    <!-- H\u1eccC PH\u00cd -->\n    <!-- ============================================ -->\n    <section id=\"hoc-phi\" class=\"py-16 md:py-22 bg-surface\">\n      <div class=\"max-w-5xl mx-auto px-4 sm:px-6\">\n        <div class=\"text-center mb-12 md:mb-16\">\n          <p class=\"text-caption text-moc font-medium uppercase tracking-wider mb-3\">H\u1ecdc ph\u00ed<\/p>\n          <h2 class=\"font-heading text-h2 text-thuy mb-4\">Ch\u1ecdn h\u00ecnh th\u1ee9c ph\u00f9 h\u1ee3p v\u1edbi b\u1ea1n<\/h2>\n          <p class=\"font-body text-body text-thuy\/60 max-w-2xl mx-auto\">\n            B\u1eaft \u0111\u1ea7u mi\u1ec5n ph\u00ed, n\u00e2ng c\u1ea5p khi s\u1eb5n s\u00e0ng. Gi\u00e1 Early Bird d\u00e0nh cho h\u1ecdc vi\u00ean \u0111\u0103ng k\u00fd trong v\u00f2ng 24 gi\u1edd sau kho\u00e1 tr\u1ea3i nghi\u1ec7m.\n          <\/p>\n        <\/div>\n\n        <div class=\"grid md:grid-cols-3 gap-6 md:gap-5\">\n          <!-- Free -->\n          <div class=\"bg-surface-warm rounded-brand-lg p-6 md:p-7 flex flex-col shadow-brand border border-border\/20\">\n            <div class=\"mb-6\">\n              <p class=\"text-caption text-tho-dark font-medium uppercase tracking-wider mb-2\">Tr\u1ea3i nghi\u1ec7m<\/p>\n              <div class=\"flex items-baseline gap-1 mb-1\">\n                <span class=\"font-heading text-3xl font-semibold text-thuy\">0\u0111<\/span>\n              <\/div>\n              <p class=\"text-caption text-muted\">2 bu\u1ed5i \u00b7 Mi\u1ec5n ph\u00ed ho\u00e0n to\u00e0n<\/p>\n            <\/div>\n\n            <div class=\"space-y-3 mb-8 flex-1\">\n              <div class=\"flex items-start gap-2 text-sm text-thuy\/70\">\n                <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check<\/span>\n                <span>\u00c2m D\u01b0\u01a1ng & Ng\u0169 H\u00e0nh c\u01a1 b\u1ea3n<\/span>\n              <\/div>\n              <div class=\"flex items-start gap-2 text-sm text-thuy\/70\">\n                <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check<\/span>\n                <span>Nh\u1eadn di\u1ec7n sai l\u1ea7m sinh ho\u1ea1t<\/span>\n              <\/div>\n              <div class=\"flex items-start gap-2 text-sm text-thuy\/70\">\n                <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check<\/span>\n                <span>Demo \u0111o kinh l\u1ea1c tr\u1ef1c ti\u1ebfp<\/span>\n              <\/div>\n              <div class=\"flex items-start gap-2 text-sm text-thuy\/30\">\n                <span class=\"material-symbols-outlined icon-sm mt-0.5\">close<\/span>\n                <span>Kh\u00f4ng c\u00f3 th\u1ef1c h\u00e0nh c\u00e1 nh\u00e2n<\/span>\n              <\/div>\n              <div class=\"flex items-start gap-2 text-sm text-thuy\/30\">\n                <span class=\"material-symbols-outlined icon-sm mt-0.5\">close<\/span>\n                <span>Kh\u00f4ng c\u00f3 b\u1ea3n \u0111\u1ed3 s\u1ee9c kho\u1ebb<\/span>\n              <\/div>\n            <\/div>\n\n            <a href=\"https:\/\/zalo.me\/g\/jkodmk237\" target=\"_blank\" rel=\"noopener\"\n               class=\"w-full text-center border-2 border-moc\/30 hover:border-moc text-moc font-medium py-3 rounded-brand transition-colors text-sm block\">\n              \u0110\u0103ng k\u00fd h\u1ecdc th\u1eed\n            <\/a>\n          <\/div>\n\n          <!-- Early Bird -->\n          <div class=\"bg-surface-warm rounded-brand-lg p-6 md:p-7 flex flex-col shadow-brand-lg pricing-highlight relative\">\n            <div class=\"absolute -top-3 left-1\/2 -translate-x-1\/2 bg-moc text-white text-xs font-medium px-4 py-1 rounded-full shadow-sm\">\n              Ph\u1ed5 bi\u1ebfn nh\u1ea5t\n            <\/div>\n\n            <div class=\"mb-6\">\n              <p class=\"text-caption text-moc font-medium uppercase tracking-wider mb-2\">Early Bird<\/p>\n              <div class=\"flex items-baseline gap-2 mb-1\">\n                <span class=\"font-heading text-3xl font-semibold text-thuy\">690.000\u0111<\/span>\n                <span class=\"text-caption text-muted line-through\">990.000\u0111<\/span>\n              <\/div>\n              <p class=\"text-caption text-muted\">5 bu\u1ed5i \u00b7 \u0110\u0103ng k\u00fd trong 24h sau kho\u00e1 th\u1eed<\/p>\n            <\/div>\n\n            <div class=\"space-y-3 mb-8 flex-1\">\n              <div class=\"flex items-start gap-2 text-sm text-thuy\/70\">\n                <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check<\/span>\n                <span>To\u00e0n b\u1ed9 ki\u1ebfn th\u1ee9c 5 bu\u1ed5i<\/span>\n              <\/div>\n              <div class=\"flex items-start gap-2 text-sm text-thuy\/70\">\n                <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check<\/span>\n                <span>Worksheet & s\u01a1 \u0111\u1ed3 ho\u00e1 \u0111\u1ea7y \u0111\u1ee7<\/span>\n              <\/div>\n              <div class=\"flex items-start gap-2 text-sm text-thuy\/70\">\n                <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check<\/span>\n                <span>Th\u1ef1c h\u00e0nh \u0111o kinh l\u1ea1c c\u00e1 nh\u00e2n<\/span>\n              <\/div>\n              <div class=\"flex items-start gap-2 text-sm text-thuy\/70\">\n                <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check<\/span>\n                <span>B\u1ea3n \u0111\u1ed3 s\u1ee9c kho\u1ebb c\u00e1 nh\u00e2n s\u01a1 b\u1ed9<\/span>\n              <\/div>\n              <div class=\"flex items-start gap-2 text-sm text-thuy\/70\">\n                <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check<\/span>\n                <span>Tham gia c\u1ed9ng \u0111\u1ed3ng ANT HUB<\/span>\n              <\/div>\n              <div class=\"flex items-start gap-2 text-sm text-tho-dark\">\n                <span class=\"material-symbols-outlined icon-sm text-tho mt-0.5\">star<\/span>\n                <span>T\u1eb7ng 1 bu\u1ed5i t\u01b0 v\u1ea5n kinh l\u1ea1c c\u00e1 nh\u00e2n<\/span>\n              <\/div>\n            <\/div>\n\n            <a href=\"https:\/\/zalo.me\/g\/jkodmk237\" target=\"_blank\" rel=\"noopener\"\n               class=\"w-full text-center bg-moc hover:bg-moc-light text-white font-medium py-3 rounded-brand transition-colors text-sm block shadow-glow-moc\">\n              \u0110\u0103ng k\u00fd Early Bird\n            <\/a>\n          <\/div>\n\n          <!-- Standard -->\n          <div class=\"bg-surface-warm rounded-brand-lg p-6 md:p-7 flex flex-col shadow-brand border border-border\/20\">\n            <div class=\"mb-6\">\n              <p class=\"text-caption text-muted font-medium uppercase tracking-wider mb-2\">Ti\u00eau chu\u1ea9n<\/p>\n              <div class=\"flex items-baseline gap-1 mb-1\">\n                <span class=\"font-heading text-3xl font-semibold text-thuy\">990.000\u0111<\/span>\n              <\/div>\n              <p class=\"text-caption text-muted\">5 bu\u1ed5i \u00b7 \u0110\u0103ng k\u00fd b\u1ea5t k\u1ef3 l\u00fac n\u00e0o<\/p>\n            <\/div>\n\n            <div class=\"space-y-3 mb-8 flex-1\">\n              <div class=\"flex items-start gap-2 text-sm text-thuy\/70\">\n                <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check<\/span>\n                <span>To\u00e0n b\u1ed9 ki\u1ebfn th\u1ee9c 5 bu\u1ed5i<\/span>\n              <\/div>\n              <div class=\"flex items-start gap-2 text-sm text-thuy\/70\">\n                <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check<\/span>\n                <span>Worksheet & s\u01a1 \u0111\u1ed3 ho\u00e1 \u0111\u1ea7y \u0111\u1ee7<\/span>\n              <\/div>\n              <div class=\"flex items-start gap-2 text-sm text-thuy\/70\">\n                <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check<\/span>\n                <span>Th\u1ef1c h\u00e0nh \u0111o kinh l\u1ea1c c\u00e1 nh\u00e2n<\/span>\n              <\/div>\n              <div class=\"flex items-start gap-2 text-sm text-thuy\/70\">\n                <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check<\/span>\n                <span>B\u1ea3n \u0111\u1ed3 s\u1ee9c kho\u1ebb c\u00e1 nh\u00e2n s\u01a1 b\u1ed9<\/span>\n              <\/div>\n              <div class=\"flex items-start gap-2 text-sm text-thuy\/70\">\n                <span class=\"material-symbols-outlined icon-sm text-moc mt-0.5\">check<\/span>\n                <span>Tham gia c\u1ed9ng \u0111\u1ed3ng ANT HUB<\/span>\n              <\/div>\n            <\/div>\n\n            <a href=\"https:\/\/zalo.me\/g\/jkodmk237\" target=\"_blank\" rel=\"noopener\"\n               class=\"w-full text-center border-2 border-moc\/30 hover:border-moc text-moc font-medium py-3 rounded-brand transition-colors text-sm block\">\n              \u0110\u0103ng k\u00fd kho\u00e1 ch\u00ednh\n            <\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"mt-8 text-center\">\n          <div class=\"inline-flex items-center gap-2 bg-tho\/8 border border-tho\/15 rounded-brand px-5 py-3 text-sm text-thuy\/70\">\n            <span class=\"material-symbols-outlined icon-sm text-tho-dark\">group_add<\/span>\n            \u0110\u0103ng k\u00fd nh\u00f3m 2 ng\u01b0\u1eddi: 590.000\u0111\/ng\u01b0\u1eddi \u00b7 Nh\u00f3m 3+: 490.000\u0111\/ng\u01b0\u1eddi\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ============================================ -->\n    <!-- FAQ -->\n    <!-- ============================================ -->\n    <section id=\"faq\" class=\"py-16 md:py-22 bg-kim\">\n      <div class=\"max-w-3xl mx-auto px-4 sm:px-6\">\n        <div class=\"text-center mb-12\">\n          <p class=\"text-caption text-moc font-medium uppercase tracking-wider mb-3\">C\u00e2u h\u1ecfi th\u01b0\u1eddng g\u1eb7p<\/p>\n          <h2 class=\"font-heading text-h2 text-thuy\">FAQ<\/h2>\n        <\/div>\n\n        <div class=\"space-y-3\" id=\"faq-accordion\">\n          <div class=\"faq-item bg-surface rounded-brand-lg overflow-hidden shadow-brand border border-border\/20\">\n            <button class=\"faq-toggle w-full flex items-center justify-between p-5 text-left\">\n              <span class=\"font-heading text-sm font-medium text-thuy pr-4\">T\u00f4i ch\u01b0a bi\u1ebft g\u00ec v\u1ec1 \u0110\u00f4ng Y, c\u00f3 theo \u0111\u01b0\u1ee3c kh\u00f4ng?<\/span>\n              <span class=\"material-symbols-outlined icon-md text-muted faq-chevron flex-shrink-0\">expand_more<\/span>\n            <\/button>\n            <div class=\"faq-answer px-5 pb-5\">\n              <p class=\"text-body text-thuy\/60\">Kho\u00e1 h\u1ecdc thi\u1ebft k\u1ebf d\u00e0nh ri\u00eang cho ng\u01b0\u1eddi m\u1edbi. M\u1ecdi kh\u00e1i ni\u1ec7m \u0111\u1ec1u \u0111\u01b0\u1ee3c gi\u1ea3i th\u00edch b\u1eb1ng ng\u00f4n ng\u1eef \u0111\u1eddi th\u01b0\u1eddng, c\u00f3 s\u01a1 \u0111\u1ed3 ho\u00e1 tr\u1ef1c quan v\u00e0 v\u00ed d\u1ee5 th\u1ef1c t\u1ebf. Kh\u00f4ng y\u00eau c\u1ea7u b\u1ea5t k\u1ef3 n\u1ec1n t\u1ea3ng y khoa n\u00e0o.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"faq-item bg-surface rounded-brand-lg overflow-hidden shadow-brand border border-border\/20\">\n            <button class=\"faq-toggle w-full flex items-center justify-between p-5 text-left\">\n              <span class=\"font-heading text-sm font-medium text-thuy pr-4\">H\u1ecdc online th\u00ec th\u1ef1c h\u00e0nh \u0111o kinh l\u1ea1c th\u1ebf n\u00e0o?<\/span>\n              <span class=\"material-symbols-outlined icon-md text-muted faq-chevron flex-shrink-0\">expand_more<\/span>\n            <\/button>\n            <div class=\"faq-answer px-5 pb-5\">\n              <p class=\"text-body text-thuy\/60\">Bu\u1ed5i 5 s\u1ebd demo live tr\u00ean Zoom. Gi\u1ea3ng vi\u00ean h\u01b0\u1edbng d\u1eabn t\u1eebng b\u01b0\u1edbc s\u1eed d\u1ee5ng thi\u1ebft b\u1ecb \u0111o, m\u1ed7i ng\u01b0\u1eddi th\u1ef1c h\u00e0nh t\u1ea1i nh\u00e0 v\u00e0 chia s\u1ebb k\u1ebft qu\u1ea3 ngay. N\u1ebfu b\u1ea1n ch\u01b0a c\u00f3 thi\u1ebft b\u1ecb, ANT HUB s\u1ebd h\u01b0\u1edbng d\u1eabn c\u00e1ch mua ho\u1eb7c m\u01b0\u1ee3n.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"faq-item bg-surface rounded-brand-lg overflow-hidden shadow-brand border border-border\/20\">\n            <button class=\"faq-toggle w-full flex items-center justify-between p-5 text-left\">\n              <span class=\"font-heading text-sm font-medium text-thuy pr-4\">Kho\u00e1 h\u1ecdc c\u00f3 thay th\u1ebf \u0111\u01b0\u1ee3c vi\u1ec7c \u0111i kh\u00e1m b\u00e1c s\u0129 kh\u00f4ng?<\/span>\n              <span class=\"material-symbols-outlined icon-md text-muted faq-chevron flex-shrink-0\">expand_more<\/span>\n            <\/button>\n            <div class=\"faq-answer px-5 pb-5\">\n              <p class=\"text-body text-thuy\/60\">Kh\u00f4ng. ANT HUB l\u00e0 wellness coach, kh\u00f4ng ph\u1ea3i b\u00e1c s\u0129. Kho\u00e1 h\u1ecdc gi\u00fap b\u1ea1n hi\u1ec3u c\u01a1 th\u1ec3, theo d\u00f5i s\u1ee9c kho\u1ebb ch\u1ee7 \u0111\u1ed9ng v\u00e0 duy tr\u00ec c\u00e2n b\u1eb1ng h\u00e0ng ng\u00e0y. Khi c\u00f3 tri\u1ec7u ch\u1ee9ng k\u00e9o d\u00e0i ho\u1eb7c nghi\u00eam tr\u1ecdng, b\u1ea1n c\u1ea7n \u0111\u1ebfn g\u1eb7p b\u00e1c s\u0129.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"faq-item bg-surface rounded-brand-lg overflow-hidden shadow-brand border border-border\/20\">\n            <button class=\"faq-toggle w-full flex items-center justify-between p-5 text-left\">\n              <span class=\"font-heading text-sm font-medium text-thuy pr-4\">N\u1ebfu b\u1ecf l\u1ee1 m\u1ed9t bu\u1ed5i th\u00ec sao?<\/span>\n              <span class=\"material-symbols-outlined icon-md text-muted faq-chevron flex-shrink-0\">expand_more<\/span>\n            <\/button>\n            <div class=\"faq-answer px-5 pb-5\">\n              <p class=\"text-body text-thuy\/60\">M\u1ed7i bu\u1ed5i \u0111\u1ec1u \u0111\u01b0\u1ee3c ghi h\u00ecnh. B\u1ea1n s\u1ebd nh\u1eadn b\u1ea3n ghi v\u00e0 t\u00e0i li\u1ec7u qua email trong v\u00f2ng 24 gi\u1edd \u0111\u1ec3 xem l\u1ea1i b\u1ea5t k\u1ef3 l\u00fac n\u00e0o.<\/p>\n            <\/div>\n          <\/div>\n\n          <div class=\"faq-item bg-surface rounded-brand-lg overflow-hidden shadow-brand border border-border\/20\">\n            <button class=\"faq-toggle w-full flex items-center justify-between p-5 text-left\">\n              <span class=\"font-heading text-sm font-medium text-thuy pr-4\">C\u00f3 ho\u00e0n ti\u1ec1n n\u1ebfu kh\u00f4ng h\u00e0i l\u00f2ng kh\u00f4ng?<\/span>\n              <span class=\"material-symbols-outlined icon-md text-muted faq-chevron flex-shrink-0\">expand_more<\/span>\n            <\/button>\n            <div class=\"faq-answer px-5 pb-5\">\n              <p class=\"text-body text-thuy\/60\">C\u00f3. Tham d\u1ef1 bu\u1ed5i 1, n\u1ebfu b\u1ea1n kh\u00f4ng c\u1ea3m th\u1ea5y gi\u00e1 tr\u1ecb \u2014 ho\u00e0n ti\u1ec1n 100%. Kh\u00f4ng c\u00e2u h\u1ecfi, kh\u00f4ng \u0111i\u1ec1u ki\u1ec7n.<\/p>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- ============================================ -->\n    <!-- CTA \u0110\u0102NG K\u00dd \u2014 with nature bg -->\n    <!-- ============================================ -->\n    <section id=\"dang-ky\" class=\"py-16 md:py-22 bg-surface-cream relative overflow-hidden\">\n      <!-- Decorative glow -->\n      <div class=\"absolute top-1\/2 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-[500px] h-[500px] rounded-full bg-moc\/[0.04] blur-3xl pointer-events-none\"><\/div>\n\n      <div class=\"relative max-w-2xl mx-auto px-4 sm:px-6 text-center\">\n        <img decoding=\"async\" src=\"https:\/\/anthub.vn\/wp-content\/uploads\/2026\/05\/logo_ant_hub_xoa_nen_1080_1080.png\"\n             alt=\"ANT HUB\" class=\"w-16 h-16 mx-auto mb-6 object-contain\" \/>\n\n        <p class=\"font-classic italic text-xl text-thuy\/60 mb-6\">\n          \"Hi\u1ec3u c\u01a1 th\u1ec3 b\u1ea1n \u2014 theo c\u00e1ch cha \u00f4ng \u0111\u00e3 hi\u1ec3u, theo c\u00f4ng ngh\u1ec7 c\u1ee7a ng\u00e0y h\u00f4m nay.\"\n        <\/p>\n\n        <h2 class=\"font-heading text-h2 text-thuy mb-4\">S\u1eb5n s\u00e0ng b\u1eaft \u0111\u1ea7u?<\/h2>\n        <p class=\"text-body text-thuy\/60 mb-8 max-w-lg mx-auto\">\n          Tham gia nh\u00f3m Zalo \u0111\u1ec3 \u0111\u0103ng k\u00fd 2 bu\u1ed5i tr\u1ea3i nghi\u1ec7m mi\u1ec5n ph\u00ed. L\u1edbp gi\u1edbi h\u1ea1n 25 ng\u01b0\u1eddi \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o ch\u1ea5t l\u01b0\u1ee3ng t\u01b0\u01a1ng t\u00e1c.\n        <\/p>\n\n        <a href=\"https:\/\/zalo.me\/g\/jkodmk237\" target=\"_blank\" rel=\"noopener\"\n           class=\"inline-flex items-center gap-3 bg-moc hover:bg-moc-light text-white font-heading font-medium px-10 py-4 rounded-brand transition-colors text-base shadow-glow-moc\">\n          <span class=\"material-symbols-outlined icon-md\">chat<\/span>\n          Tham gia nh\u00f3m Zalo \u2014 \u0110\u0103ng k\u00fd ngay\n        <\/a>\n\n        <p class=\"text-caption text-muted mt-4\">\n          C\u00f2n <strong class=\"text-hoa\">4 su\u1ea5t<\/strong> cho l\u1edbp th\u00e1ng n\u00e0y\n        <\/p>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <!-- ============================================ -->\n  <!-- FOOTER -->\n  <!-- ============================================ -->\n  <footer class=\"bg-thuy py-10 md:py-14 text-kim\/70\">\n    <div class=\"max-w-5xl mx-auto px-4 sm:px-6\">\n      <div class=\"md:flex md:items-start md:justify-between gap-8 mb-8\">\n        <div class=\"mb-6 md:mb-0 max-w-sm\">\n          <div class=\"flex items-center gap-2 mb-3\">\n            <img decoding=\"async\" src=\"https:\/\/anthub.vn\/wp-content\/uploads\/2026\/05\/logo_ant_hub_xoa_nen_1080_1080.png\"\n                 alt=\"ANT HUB\" class=\"w-8 h-8 object-contain\" \/>\n            <span class=\"font-heading font-semibold text-kim text-base\">ANT HUB<\/span>\n          <\/div>\n          <p class=\"text-caption text-kim\/50\">C\u00e2n b\u1eb1ng c\u01a1 th\u1ec3, theo nguy\u00ean l\u00fd \u0110\u00f4ng Y.<\/p>\n        <\/div>\n\n        <div class=\"flex gap-12 text-sm\">\n          <div>\n            <p class=\"font-heading font-medium text-kim mb-3\">Kho\u00e1 h\u1ecdc<\/p>\n            <div class=\"space-y-2 text-kim\/50\">\n              <a href=\"#\" class=\"block hover:text-kim transition-colors\">\u0110\u00f4ng Y c\u01a1 b\u1ea3n<\/a>\n              <a href=\"#\" class=\"block hover:text-kim transition-colors\">Dinh d\u01b0\u1ee1ng \u0110\u00f4ng Y<\/a>\n              <a href=\"#\" class=\"block hover:text-kim transition-colors\">\u0110o Kinh L\u1ea1c<\/a>\n            <\/div>\n          <\/div>\n          <div>\n            <p class=\"font-heading font-medium text-kim mb-3\">Li\u00ean h\u1ec7<\/p>\n            <div class=\"space-y-2 text-kim\/50\">\n              <a href=\"https:\/\/zalo.me\/g\/jkodmk237\" target=\"_blank\" rel=\"noopener\" class=\"block hover:text-kim transition-colors\">Zalo Group<\/a>\n              <a href=\"https:\/\/anthub.vn\" target=\"_blank\" rel=\"noopener\" class=\"block hover:text-kim transition-colors\">anthub.vn<\/a>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"ngu-hanh-gradient h-px w-full opacity-30 mb-6\"><\/div>\n\n      <p class=\"text-caption text-kim\/40 max-w-3xl leading-relaxed mb-4\">\n        Th\u00f4ng tin t\u1eeb ANT HUB d\u1ef1a tr\u00ean nguy\u00ean l\u00fd \u0110\u00f4ng Y truy\u1ec1n th\u1ed1ng, mang t\u00ednh tham kh\u1ea3o v\u00e0 h\u1ed7 tr\u1ee3 ch\u0103m s\u00f3c s\u1ee9c kho\u1ebb ch\u1ee7 \u0111\u1ed9ng.\n        Kh\u00f4ng thay th\u1ebf ch\u1ea9n \u0111o\u00e1n, \u0111i\u1ec1u tr\u1ecb y khoa. Khi c\u00f3 tri\u1ec7u ch\u1ee9ng k\u00e9o d\u00e0i ho\u1eb7c nghi\u00eam tr\u1ecdng, vui l\u00f2ng tham kh\u1ea3o \u00fd ki\u1ebfn b\u00e1c s\u0129.\n      <\/p>\n\n      <p class=\"text-caption text-kim\/30\">\n        &copy; 2026 ANT HUB. Wellness theo Ng\u0169 H\u00e0nh.\n      <\/p>\n    <\/div>\n  <\/footer>\n\n  <!-- ============================================ -->\n  <!-- JAVASCRIPT -->\n  <!-- ============================================ -->\n  <script>\n    \/\/ --- Sticky Header ---\n    const header = document.getElementById('header');\n    window.addEventListener('scroll', () => {\n      if (window.scrollY > 40) {\n        header.classList.add('header-scrolled');\n      } else {\n        header.classList.remove('header-scrolled');\n      }\n    }, { passive: true });\n\n    \/\/ --- Mobile Menu ---\n    const menuToggle = document.getElementById('menu-toggle');\n    const menuClose = document.getElementById('menu-close');\n    const mobileMenu = document.getElementById('mobile-menu');\n    const mobileOverlay = document.getElementById('mobile-overlay');\n\n    function openMenu() {\n      mobileMenu.classList.add('open');\n      mobileOverlay.classList.remove('hidden');\n      document.body.style.overflow = 'hidden';\n    }\n    function closeMenu() {\n      mobileMenu.classList.remove('open');\n      mobileOverlay.classList.add('hidden');\n      document.body.style.overflow = '';\n    }\n\n    menuToggle.addEventListener('click', openMenu);\n    menuClose.addEventListener('click', closeMenu);\n    mobileOverlay.addEventListener('click', closeMenu);\n\n    document.querySelectorAll('.mobile-link').forEach(link => {\n      link.addEventListener('click', closeMenu);\n    });\n\n    \/\/ --- FAQ \/ Curriculum Accordion ---\n    document.querySelectorAll('.faq-toggle').forEach(btn => {\n      btn.addEventListener('click', () => {\n        const item = btn.closest('.faq-item');\n        const answer = item.querySelector('.faq-answer');\n        const chevron = btn.querySelector('.faq-chevron');\n        const isOpen = answer.classList.contains('open');\n\n        const accordion = item.parentElement;\n        accordion.querySelectorAll('.faq-answer.open').forEach(a => a.classList.remove('open'));\n        accordion.querySelectorAll('.faq-chevron.open').forEach(c => c.classList.remove('open'));\n        accordion.querySelectorAll('.faq-toggle').forEach(t => t.setAttribute('aria-expanded', 'false'));\n\n        if (!isOpen) {\n          answer.classList.add('open');\n          chevron.classList.add('open');\n          btn.setAttribute('aria-expanded', 'true');\n        }\n      });\n    });\n\n    \/\/ --- Smooth scroll ---\n    document.querySelectorAll('a[href^=\"#\"]').forEach(a => {\n      a.addEventListener('click', e => {\n        const target = document.querySelector(a.getAttribute('href'));\n        if (target) {\n          e.preventDefault();\n          const y = target.getBoundingClientRect().top + window.scrollY - 80;\n          window.scrollTo({ top: y, behavior: 'smooth' });\n        }\n      });\n    });\n  <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>\u0110\u00f4ng Y C\u01a1 B\u1ea3n Cho Ng\u01b0\u1eddi M\u1edbi \u2014 ANT HUB ANT HUB Ch\u01b0\u01a1ng tr\u00ecnh N\u1ed9i dung H\u1ecdc ph\u00ed FAQ \u0110\u0103ng k\u00fd h\u1ecdc menu close Ch\u01b0\u01a1ng tr\u00ecnh N\u1ed9i dung H\u1ecdc ph\u00ed FAQ \u0110\u0103ng k\u00fd h\u1ecdc school Kho\u00e1 h\u1ecdc \u00b7 Online Live \u00b7 5 bu\u1ed5i \u0110\u00f4ng Y c\u01a1 b\u1ea3n cho ng\u01b0\u1eddi m\u1edbi Hi\u1ec3u c\u01a1 th\u1ec3 theo nguy\u00ean [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-77","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/anthub.vn\/index.php\/wp-json\/wp\/v2\/pages\/77","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/anthub.vn\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/anthub.vn\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/anthub.vn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/anthub.vn\/index.php\/wp-json\/wp\/v2\/comments?post=77"}],"version-history":[{"count":7,"href":"https:\/\/anthub.vn\/index.php\/wp-json\/wp\/v2\/pages\/77\/revisions"}],"predecessor-version":[{"id":143,"href":"https:\/\/anthub.vn\/index.php\/wp-json\/wp\/v2\/pages\/77\/revisions\/143"}],"wp:attachment":[{"href":"https:\/\/anthub.vn\/index.php\/wp-json\/wp\/v2\/media?parent=77"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}