B\u1ea3ng Gi\u00e1 H\u1ecdc Ph\u00ed – Gia S\u01b0 NextCV<\/title>\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=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n :root {\n --primary: #4338ca;\n --primary-light: #6366f1;\n --primary-bg: #e0e7ff;\n --secondary: #10b981;\n --accent: #f59e0b;\n --text-main: #1e293b;\n --text-muted: #64748b;\n --bg-body: #f8fafc;\n --bg-card: #ffffff;\n --border-color: #e2e8f0;\n --radius-lg: 12px;\n --radius-xl: 16px;\n --shadow-card: 0 10px 25px -3px rgba(0, 0, 0, 0.05);\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; }\n body { background-color: var(--bg-body); color: var(--text-main); line-height: 1.6; }\n\n header { background: var(--bg-card); border-bottom: 1px solid var(--border-color); padding: 12px 0; position: sticky; top: 0; z-index: 1000; }\n .container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }\n .header-flex { display: flex; justify-content: space-between; align-items: center; }\n .logo img { height: 45px; display: block; }\n .btn-reg-head { background: var(--primary); color: white !important; padding: 10px 18px; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 13px; }\n\n .hero { background: white; padding: 100px 0 120px; text-align: center; border-bottom: 1px solid var(--border-color); }\n .hero h1 { font-size: 38px; font-weight: 800; color: var(--text-main); margin-bottom: 20px; letter-spacing: -1px; }\n .hero p { color: var(--text-muted); max-width: 750px; margin: 0 auto; font-size: 18px; }\n\n .calc-wrapper { max-width: 1000px; margin: -70px auto 0; padding: 0 20px; position: relative; z-index: 10; }\n .calc-box { \n background: var(--primary); color: white; padding: 35px; border-radius: var(--radius-xl); \n box-shadow: 0 25px 50px -12px rgba(67, 56, 202, 0.25);\n display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 20px; align-items: end;\n }\n .calc-group label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 600; opacity: 0.9; text-transform: uppercase; }\n .calc-group select { width: 100%; padding: 12px; border-radius: 8px; border: none; font-size: 14px; font-weight: 600; color: var(--primary); outline: none; background: white; cursor: pointer; }\n .calc-group select:disabled { background: #e2e8f0; cursor: not-allowed; opacity: 0.8; }\n \n .result-display { background: rgba(255,255,255,0.15); padding: 15px; border-radius: 10px; text-align: center; border: 1px solid rgba(255,255,255,0.2); }\n .result-price { font-size: 24px; font-weight: 800; display: block; color: #fff; }\n .result-label { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.8; margin-bottom: 4px; display: block; }\n\n .section-title { margin: 80px 0 30px; display: flex; align-items: center; gap: 12px; }\n .section-title i { color: var(--primary); font-size: 22px; }\n .section-title h2 { font-size: 24px; font-weight: 800; }\n\n .price-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px; }\n .price-card { background: white; border-radius: var(--radius-lg); padding: 24px; border: 1px solid var(--border-color); position: relative; overflow: hidden; }\n .price-card.featured { border-color: var(--primary); box-shadow: var(--shadow-card); }\n .featured-badge { position: absolute; top: 0; right: 0; background: var(--accent); color: white; padding: 4px 12px; font-size: 10px; font-weight: 800; border-bottom-left-radius: 10px; }\n \n .price-header { border-bottom: 1px solid var(--border-color); padding-bottom: 16px; margin-bottom: 16px; }\n .price-header h3 { font-size: 18px; color: var(--primary); display: flex; align-items: center; gap: 8px; }\n .price-row { display: flex; justify-content: space-between; padding: 10px 0; font-size: 14px; border-bottom: 1px solid #f8fafc; }\n .price-row:last-child { border-bottom: none; }\n .session-count { font-weight: 600; color: var(--text-main); }\n .price-value { font-weight: 700; color: var(--secondary); }\n\n .cta-box { background: linear-gradient(135deg, #4338ca, #6366f1); color: white; border-radius: var(--radius-xl); padding: 50px 30px; text-align: center; margin: 80px 0; }\n .btn-white { display: inline-block; background: white; color: var(--primary); padding: 16px 36px; border-radius: 50px; text-decoration: none; font-weight: 800; margin-top: 20px; transition: all 0.2s; }\n\n footer { background: #ffffff; border-top: 1px solid var(--border-color); padding: 60px 0 24px; margin-top: 60px; }\n .footer-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; flex-direction: column; align-items: center; text-align: center; }\n .footer-logo-img { height: 50px; margin-bottom: 30px; }\n .footer-contact { display: flex; justify-content: center; gap: 32px; margin-bottom: 40px; flex-wrap: wrap; }\n .footer-contact-item { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--text-muted); font-weight: 500; }\n .footer-contact-item i { color: var(--primary); font-size: 16px; }\n .copyright { padding-top: 24px; border-top: 1px solid var(--border-color); color: #94a3b8; font-size: 13px; width: 100%; }\n .copyright a { color: #94a3b8; text-decoration: none; margin: 0 10px; transition: color 0.2s; }\n .copyright a:hover { color: var(--primary); }\n\n @media (max-width: 768px) {\n .hero { padding: 60px 20px 80px; }\n .hero h1 { font-size: 28px; }\n .calc-box { grid-template-columns: 1fr; margin-top: 20px; }\n .footer-contact { flex-direction: column; gap: 15px; align-items: flex-start; }\n }\n <\/style>\n<\/head>\n<body>\n\n <header>\n <div class=\"container header-flex\">\n <a href=\"https:\/\/timgiasu.vn\/\" class=\"logo\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/timgiasu.vn\/wp-content\/uploads\/2025\/01\/LOGO.pdf-3.png?ssl=1\" alt=\"Gia S\u01b0 NextCV\">\n <\/a>\n <div class=\"header-nav\">\n <a href=\"https:\/\/timgiasu.vn\/timgiasu\/\" class=\"btn-reg-head\">\u0110\u0103ng k\u00fd ngay <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/header>\n\n <section class=\"hero\">\n <div class=\"container\">\n <h1>H\u1ecdc Ph\u00ed Gia S\u01b0 D\u1ea1y K\u00e8m T\u1ea1i Nh\u00e0<\/h1>\n <p>B\u1ea3ng gi\u00e1 minh b\u1ea1ch cho t\u1ea5t c\u1ea3 c\u00e1c m\u00f4n h\u1ecdc v\u00e0 l\u1ed9 tr\u00ecnh luy\u1ec7n thi chuy\u1ec3n c\u1ea5p, \u0111\u1ea1i h\u1ecdc.<\/p>\n <\/div>\n <\/section>\n\n <div class=\"calc-wrapper\">\n <div class=\"calc-box\">\n <div class=\"calc-group\">\n <label>Ch\u01b0\u01a1ng tr\u00ecnh h\u1ecdc<\/label>\n <select id=\"calc-grade\">\n <optgroup label=\"C\u1ea5p h\u1ecdc m\u1ea7m non & ti\u1ec3u h\u1ecdc\">\n <option value=\"pre_primary\">Ti\u1ec1n ti\u1ec3u h\u1ecdc \/ C\u1ea5p 1<\/option>\n <\/optgroup>\n <optgroup label=\"C\u1ea5p trung h\u1ecdc & Ph\u1ed5 th\u00f4ng\">\n <option value=\"6\">THCS (L\u1edbp 6 – 9)<\/option>\n <option value=\"10\">THPT (L\u1edbp 10 – 11)<\/option>\n <option value=\"12\">THPT (L\u1edbp 12 th\u01b0\u1eddng)<\/option>\n <\/optgroup>\n <optgroup label=\"Luy\u1ec7n thi & Ngo\u1ea1i ng\u1eef\">\n <option value=\"9_prep\">Luy\u1ec7n thi v\u00e0o l\u1edbp 10 (9 l\u00ean 10)<\/option>\n <option value=\"uni_prep\">Luy\u1ec7n thi \u0110\u1ea1i h\u1ecdc<\/option>\n <option value=\"special\">IELTS \/ TOEIC \/ Ngo\u1ea1i ng\u1eef<\/option>\n <\/optgroup>\n <\/select>\n <\/div>\n <div class=\"calc-group\">\n <label>S\u1ed1 bu\u1ed5i \/ tu\u1ea7n<\/label>\n <select id=\"calc-sessions\">\n <option value=\"2\">2 bu\u1ed5i \/ tu\u1ea7n<\/option>\n <option value=\"3\" selected>3 bu\u1ed5i \/ tu\u1ea7n<\/option>\n <option value=\"4\">4 bu\u1ed5i \/ tu\u1ea7n<\/option>\n <option value=\"5\">5 bu\u1ed5i \/ tu\u1ea7n<\/option>\n <option value=\"6\">6 bu\u1ed5i \/ tu\u1ea7n<\/option>\n <option value=\"7\">7 bu\u1ed5i \/ tu\u1ea7n<\/option>\n <\/select>\n <\/div>\n <div class=\"calc-group\">\n <label>Th\u1eddi l\u01b0\u1ee3ng<\/label>\n <select id=\"calc-duration\">\n <option value=\"1.5\" selected>1 gi\u1edd 30 ph\u00fat<\/option>\n <option value=\"2\">2 gi\u1edd<\/option>\n <\/select>\n <\/div>\n <div class=\"result-display\">\n <span class=\"result-label\">H\u1ecdc ph\u00ed \u01b0\u1edbc t\u00ednh \/ th\u00e1ng<\/span>\n <span class=\"result-price\" id=\"display-price\">— VN\u0110<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"container\">\n <div class=\"section-title\">\n <i class=\"fas fa-star\"><\/i>\n <h2>Luy\u1ec7n Thi & Ngo\u1ea1i Ng\u1eef \u0110\u1eb7c Th\u00f9<\/h2>\n <\/div>\n\n <div class=\"price-grid\">\n <div class=\"price-card featured\">\n <div class=\"featured-badge\">PH\u1ed4 BI\u1ebeN<\/div>\n <div class=\"price-header\">\n <h3><i class=\"fas fa-university\"><\/i> Luy\u1ec7n Thi \u0110\u1ea1i H\u1ecdc<\/h3>\n <p style=\"font-size: 13px; color: var(--text-muted);\">\u0110\u01a1n gi\u00e1: 250.000\u0111 \/ bu\u1ed5i (2h)<\/p>\n <\/div>\n <div id=\"list-uni_prep\"><\/div>\n <\/div>\n\n <div class=\"price-card featured\">\n <div class=\"featured-badge\">PH\u1ed4 BI\u1ebeN<\/div>\n <div class=\"price-header\">\n <h3><i class=\"fas fa-graduation-cap\"><\/i> Luy\u1ec7n Thi V\u00e0o L\u1edbp 10<\/h3>\n <p style=\"font-size: 13px; color: var(--text-muted);\">\u0110\u01a1n gi\u00e1: 200.000\u0111 \/ bu\u1ed5i (2h)<\/p>\n <\/div>\n <div id=\"list-9_prep\"><\/div>\n <\/div>\n \n <div class=\"price-card\">\n <div class=\"price-header\">\n <h3><i class=\"fas fa-language\"><\/i> IELTS \/ TOEIC \/ Ngo\u1ea1i Ng\u1eef<\/h3>\n <p style=\"font-size: 13px; color: var(--text-muted);\">1h30: 200K | 2h: 250K<\/p>\n <\/div>\n <div id=\"list-special\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-title\">\n <i class=\"fas fa-book\"><\/i>\n <h2>H\u1ecdc Ph\u00ed C\u00e1c L\u1edbp Ph\u1ed5 Th\u00f4ng<\/h2>\n <\/div>\n <div class=\"price-grid\" style=\"margin-bottom: 40px;\">\n <div class=\"price-card\">\n <div class=\"price-header\"><h3>C\u1ea5p 1<\/h3><p id=\"header-c1\" style=\"font-size: 13px; color: var(--text-muted);\">\u0110\u01a1n gi\u00e1: 125.000\u0111\/bu\u1ed5i (1h30)<\/p><\/div>\n <div id=\"list-c1\"><\/div>\n <\/div>\n <div class=\"price-card\">\n <div class=\"price-header\"><h3>C\u1ea5p 2 (L\u1edbp 6-9)<\/h3><p id=\"header-c2\" style=\"font-size: 13px; color: var(--text-muted);\">\u0110\u01a1n gi\u00e1: 150.000\u0111\/bu\u1ed5i (1h30)<\/p><\/div>\n <div id=\"list-c2\"><\/div>\n <\/div>\n <div class=\"price-card\">\n <div class=\"price-header\"><h3>C\u1ea5p 3 (L\u1edbp 10-12)<\/h3><p id=\"header-c3\" style=\"font-size: 13px; color: var(--text-muted);\">\u0110\u01a1n gi\u00e1: 175.000\u0111\/bu\u1ed5i (1h30)<\/p><\/div>\n <div id=\"list-c3\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"cta-box\">\n <h2>H\u1ed7 tr\u1ee3 t\u00ecm gia s\u01b0 ph\u00f9 h\u1ee3p nh\u1ea5t cho con<\/h2>\n <p>Gia S\u01b0 NextCV h\u1ed7 tr\u1ee3 tr\u1ea3 ph\u00ed sau bu\u1ed5i d\u1ea1y \u0111\u1ea7u ti\u00ean \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o ch\u1ea5t l\u01b0\u1ee3ng.<\/p>\n <a href=\"https:\/\/timgiasu.vn\/timgiasu\/\" class=\"btn-white\">\u0110\u0102NG K\u00dd NGAY – MI\u1ec4N PH\u00cd T\u01af V\u1ea4N<\/a>\n <\/div>\n <\/div>\n\n <footer>\n <div class=\"footer-container\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/timgiasu.vn\/wp-content\/uploads\/2025\/01\/LOGO.pdf-3.png?ssl=1\" alt=\"T\u00ecm Gia S\u01b0\" class=\"footer-logo-img\">\n <div class=\"footer-contact\">\n <div class=\"footer-contact-item\"><i class=\"fas fa-phone-alt\"><\/i><span>Hotline: 0347 086 798<\/span><\/div>\n <div class=\"footer-contact-item\"><i class=\"fas fa-envelope\"><\/i><span>Email: giasunextcv@gmail.com<\/span><\/div>\n <div class=\"footer-contact-item\"><i class=\"fas fa-map-marker-alt\"><\/i><span>354\/24A \u0110\u01b0\u1eddng C\u1ed9ng H\u00f2a, Ph\u01b0\u1eddng 13, Q. T\u00e2n B\u00ecnh<\/span><\/div>\n <\/div>\n <div class=\"copyright\">\n <p>© 2016 – 2026 NEXTCV – N\u1ec1n t\u1ea3ng gia s\u01b0 h\u00e0ng \u0111\u1ea7u. T\u1ea5t c\u1ea3 c\u00e1c quy\u1ec1n \u0111\u01b0\u1ee3c b\u1ea3o l\u01b0u.<\/p>\n <p style=\"margin-top: 10px;\">\n <a href=\"https:\/\/timgiasu.vn\/chinh-sach-bao-mat\/\">Ch\u00ednh s\u00e1ch b\u1ea3o m\u1eadt<\/a> | \n <a href=\"https:\/\/timgiasu.vn\/chinh-sach-gia-su\/\">Ch\u00ednh s\u00e1ch gia s\u01b0<\/a>\n <\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n const PRICE_TABLE = {\n 'pre_primary': { \n '1.5': { '2': 1100000, '3': 1500000, '4': 2000000, '5': 2500000, '6': 3000000, '7': 3500000 }, \n '2': { '2': 1200000, '3': 1800000, '4': 2400000, '5': 3000000, '6': 3600000, '7': 4200000 } \n },\n '6': { \n '1.5': { '2': 1200000, '3': 1800000, '4': 2400000, '5': 3000000, '6': 3600000, '7': 4200000 }, \n '2': { '2': 1400000, '3': 2100000, '4': 2800000, '5': 3500000, '6': 4200000, '7': 4900000 } \n },\n '10': { \n '1.5': { '2': 1400000, '3': 2100000, '4': 2800000, '5': 3500000, '6': 4200000, '7': 4900000 }, \n '2': { '2': 1600000, '3': 2400000, '4': 3200000, '5': 4000000, '6': 4800000, '7': 5600000 } \n },\n '12': { \n '1.5': { '2': 1400000, '3': 2100000, '4': 2800000, '5': 3500000, '6': 4200000, '7': 4900000 }, \n '2': { '2': 1600000, '3': 2400000, '4': 3200000, '5': 4000000, '6': 4800000, '7': 5600000 } \n },\n '9_prep': { \n '2': { '2': 1600000, '3': 2400000, '4': 3200000, '5': 4000000, '6': 4800000, '7': 5600000 } \n },\n 'uni_prep': { \n '2': { '2': 2000000, '3': 3000000, '4': 4000000, '5': 5000000, '6': 6000000, '7': 7000000 } \n },\n 'special': { \n '1.5': { '2': 1600000, '3': 2400000, '4': 3200000, '5': 4000000, '6': 4800000, '7': 5600000 },\n '2': { '2': 2000000, '3': 3000000, '4': 4000000, '5': 5000000, '6': 6000000, '7': 7000000 }\n }\n };\n\n const gradeSelect = document.getElementById('calc-grade');\n const sessionSelect = document.getElementById('calc-sessions');\n const durationSelect = document.getElementById('calc-duration');\n const displayPrice = document.getElementById('display-price');\n\n function formatMoney(amount) {\n return amount.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \".\") + \" VN\u0110\";\n }\n\n function updatePrice() {\n let grade = gradeSelect.value;\n let sessions = sessionSelect.value;\n \n \/\/ Ch\u1ec9 kho\u00e1 2h cho Luy\u1ec7n thi v\u00e0o l\u1edbp 10 v\u00e0 Luy\u1ec7n thi \u0110\u1ea1i h\u1ecdc\n const fixedDurationGrades = ['uni_prep', '9_prep'];\n \n if (fixedDurationGrades.includes(grade)) {\n durationSelect.value = \"2\";\n durationSelect.disabled = true;\n } else {\n durationSelect.disabled = false;\n }\n\n let duration = durationSelect.value;\n\n try {\n const price = PRICE_TABLE[grade][duration][sessions];\n displayPrice.textContent = formatMoney(price);\n } catch (e) {\n displayPrice.textContent = 'Li\u00ean h\u1ec7 Hotline';\n }\n\n \/\/ G\u1ecdi render c\u1eadp nh\u1eadt c\u00e1c b\u1ea3ng t\u0129nh ph\u00eda d\u01b0\u1edbi d\u1ef1a theo l\u1ef1a ch\u1ecdn hi\u1ec7n h\u00e0nh\n renderPriceLists(duration);\n }\n\n \/\/ \u0110\u1ed5i header text c\u1ee7a c\u00e1c card khi kh\u00e1ch ch\u1ecdn th\u1eddi l\u01b0\u1ee3ng\n function updateCardHeaders(dur) {\n const c1 = document.getElementById('header-c1');\n const c2 = document.getElementById('header-c2');\n const c3 = document.getElementById('header-c3');\n \n if (dur === '1.5') {\n if(c1) c1.innerText = '\u0110\u01a1n gi\u00e1: 125.500\u0111\/bu\u1ed5i (1h30)';\n if(c2) c2.innerText = '\u0110\u01a1n gi\u00e1: 150.000\u0111\/bu\u1ed5i (1h30)';\n if(c3) c3.innerText = '\u0110\u01a1n gi\u00e1: 175.000\u0111\/bu\u1ed5i (1h30)';\n } else {\n if(c1) c1.innerText = '\u0110\u01a1n gi\u00e1: 150.000\u0111\/bu\u1ed5i (2h)';\n if(c2) c2.innerText = '\u0110\u01a1n gi\u00e1: 175.000\u0111\/bu\u1ed5i (2h)';\n if(c3) c3.innerText = '\u0110\u01a1n gi\u00e1: 200.000\u0111\/bu\u1ed5i (2h)';\n }\n }\n\n function renderPriceLists(currentDur = '1.5') {\n updateCardHeaders(currentDur);\n\n const configs = [\n { id: 'list-uni_prep', key: 'uni_prep', dur: '2' }, \/\/ M\u1eb7c \u0111\u1ecbnh 2h\n { id: 'list-9_prep', key: '9_prep', dur: '2' }, \/\/ M\u1eb7c \u0111\u1ecbnh 2h\n { id: 'list-special', key: 'special', dur: currentDur }, \/\/ Chuy\u1ec3n \u0111\u1ed5i linh ho\u1ea1t\n { id: 'list-c1', key: 'pre_primary', dur: currentDur }, \/\/ Chuy\u1ec3n \u0111\u1ed5i linh ho\u1ea1t\n { id: 'list-c2', key: '6', dur: currentDur }, \/\/ Chuy\u1ec3n \u0111\u1ed5i linh ho\u1ea1t\n { id: 'list-c3', key: '12', dur: currentDur } \/\/ Chuy\u1ec3n \u0111\u1ed5i linh ho\u1ea1t\n ];\n\n configs.forEach(conf => {\n const container = document.getElementById(conf.id);\n if (!container) return;\n let html = '';\n for (let i = 2; i <= 7; i++) {\n const price = PRICE_TABLE[conf.key][conf.dur][i.toString()];\n html += `\n <div class=\"price-row\">\n <span class=\"session-count\">${i} bu\u1ed5i \/ tu\u1ea7n<\/span>\n <span class=\"price-value\">${formatMoney(price)}<\/span>\n <\/div>`;\n }\n container.innerHTML = html;\n });\n }\n\n [gradeSelect, sessionSelect, durationSelect].forEach(el => el.addEventListener('change', updatePrice));\n \n window.onload = () => {\n updatePrice();\n };\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<!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, maximum-scale=1.0, user-scalable=no\" \/>\n <title>Popup Form – GIA S\u01af NEXTCV<\/title>\n <style>\n * {\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Arial', sans-serif;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n position: relative;\n transition: all 0.3s ease;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Banner ch\u00e2n trang *\/\n #bottom-banner {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n background: linear-gradient(135deg, #2a3eb1 0%, #5523a0 100%);\n color: white;\n padding: 10px 15px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 9998;\n box-shadow: 0 -4px 20px rgba(0,0,0,0.15);\n border-top: 3px solid #ff6b00;\n }\n\n .banner-content {\n display: flex;\n align-items: center;\n gap: 10px;\n flex: 1;\n min-width: 0;\n }\n\n .banner-logo {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: 2px solid rgba(255,255,255,0.8);\n object-fit: cover;\n flex-shrink: 0;\n }\n\n .banner-text {\n flex: 1;\n text-align: left;\n min-width: 0;\n }\n\n .banner-title {\n font-size: 14px;\n font-weight: bold;\n margin: 0 0 3px 0;\n color: #fff;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .banner-subtitle {\n font-size: 11px;\n margin: 0;\n opacity: 0.9;\n line-height: 1.3;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n .banner-buttons {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n }\n\n .banner-button {\n background: linear-gradient(135deg, #ff6b00 0%, #ff8c00 100%);\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 18px;\n font-weight: bold;\n cursor: pointer;\n text-decoration: none;\n transition: all 0.3s ease;\n white-space: nowrap;\n font-size: 12px;\n box-shadow: 0 2px 8px rgba(255,107,0,0.3);\n flex-shrink: 0;\n }\n\n .banner-button:hover,\n .banner-button:active {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(255,107,0,0.4);\n }\n\n .close-banner {\n background: rgba(255,255,255,0.2);\n border: none;\n color: white;\n font-size: 14px;\n cursor: pointer;\n padding: 5px;\n border-radius: 50%;\n transition: all 0.3s ease;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .close-banner:hover,\n .close-banner:active {\n background: rgba(255,255,255,0.3);\n transform: rotate(90deg);\n }\n\n \/* Container ch\u1ee9a 2 n\u00fat b\u00ean ph\u1ea3i *\/\n #floating-buttons {\n position: fixed;\n bottom: 90px; \/* V\u1ecb tr\u00ed khi c\u00f3 banner *\/\n right: 15px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n z-index: 9999;\n transition: bottom 0.3s ease;\n }\n\n \/* Khi banner b\u1ecb \u1ea9n, n\u00fat d\u1ecbch xu\u1ed1ng *\/\n body.no-banner #floating-buttons {\n bottom: 20px;\n }\n\n \/* N\u00fat Zalo v\u00e0 Chat *\/\n .floating-btn {\n width: 55px;\n height: 55px;\n background: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: transform 0.3s ease;\n border: none;\n padding: 0;\n }\n\n .floating-btn:hover,\n .floating-btn:active {\n transform: scale(1.1);\n }\n\n .btn-ring {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n\n .zalo-ring {\n background-color: #0068ff;\n animation: zalo-pulse 2s infinite;\n }\n\n .chat-ring {\n background-color: #5523a0;\n animation: pulse-ring 1.5s infinite;\n }\n\n .btn-ring img {\n width: 45px;\n height: 45px;\n border-radius: 50%;\n object-fit: cover;\n }\n\n @keyframes zalo-pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n\n @keyframes pulse-ring {\n 0% { box-shadow: 0 0 0 0 rgba(63, 81, 181, 0.5); }\n 70% { box-shadow: 0 0 0 12px rgba(63, 81, 181, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(63, 81, 181, 0); }\n }\n\n \/* Popup form *\/\n #fchat-popup {\n position: fixed;\n bottom: 160px; \/* V\u1ecb tr\u00ed khi c\u00f3 banner *\/\n right: 15px;\n width: 340px;\n max-width: 85vw;\n background: #fff;\n border-radius: 16px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n z-index: 9999;\n display: none;\n overflow: hidden;\n transition: bottom 0.3s ease;\n }\n\n \/* Khi banner b\u1ecb \u1ea9n, popup d\u1ecbch xu\u1ed1ng *\/\n body.no-banner #fchat-popup {\n bottom: 90px;\n }\n\n .header {\n background: linear-gradient(135deg, #2a3eb1 0%, #5523a0 100%);\n color: white;\n padding: 12px 15px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .header .left {\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .header img {\n width: 35px;\n height: 35px;\n border-radius: 50%;\n border: 2px solid rgba(255,255,255,0.3);\n }\n\n .header-text h4 {\n margin: 0;\n font-size: 15px;\n font-weight: bold;\n }\n\n .header-text small {\n display: block;\n font-size: 11px;\n opacity: 0.9;\n }\n\n .close {\n cursor: pointer;\n font-size: 16px;\n color: #fff;\n padding: 4px;\n background: rgba(255,255,255,0.2);\n border-radius: 50%;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.3s ease;\n }\n\n .close:hover,\n .close:active {\n background: rgba(255,255,255,0.3);\n }\n\n .body {\n padding: 15px;\n font-size: 13px;\n text-align: center;\n }\n\n .body p {\n margin-bottom: 15px;\n line-height: 1.4;\n color: #333;\n font-size: 13px;\n text-align: justify;\n text-align-last: center;\n }\n\n .body input {\n width: 100%;\n padding: 10px 12px;\n margin: 6px 0;\n border-radius: 8px;\n border: 1px solid #e1e5e9;\n font-size: 14px;\n transition: border-color 0.3s ease;\n -webkit-appearance: none;\n }\n\n .body input:focus {\n outline: none;\n border-color: #4a6cf7;\n }\n\n \/* Container cho s\u1ed1 \u0111i\u1ec7n tho\u1ea1i v\u1edbi c\u1edd Vi\u1ec7t Nam v\u00e0 g\u1ea1ch ngang *\/\n .phone-input-container {\n position: relative;\n width: 100%;\n margin: 6px 0;\n display: flex;\n align-items: center;\n border: 1px solid #e1e5e9;\n border-radius: 8px;\n overflow: hidden;\n background: white;\n }\n\n .phone-prefix {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 15px;\n background: #f8f9fa;\n height: 100%;\n border-right: 1px solid #e1e5e9; \/* G\u1ea0CH NGANG *\/\n flex-shrink: 0;\n font-size: 18px; \/* K\u00edch th\u01b0\u1edbc emoji l\u1edbn h\u01a1n *\/\n }\n\n .phone-input {\n flex: 1;\n border: none;\n padding: 10px 12px;\n font-size: 14px;\n outline: none;\n background: transparent;\n }\n\n .phone-input::placeholder {\n color: #999;\n }\n\n .phone-input:focus {\n outline: none;\n }\n\n .body button {\n background: linear-gradient(135deg, #4a6cf7 0%, #2a3eb1 100%);\n color: #fff;\n padding: 10px 25px;\n font-size: 13px;\n border-radius: 20px;\n border: none;\n cursor: pointer;\n margin-top: 10px;\n font-weight: bold;\n transition: all 0.3s ease;\n width: auto;\n display: inline-block;\n }\n\n .body button:hover,\n .body button:active {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(74, 108, 247, 0.3);\n }\n\n \/* Footer v\u1edbi 3 n\u00fat n\u1eb1m ngang - TO H\u01a0N *\/\n .footer {\n padding: 15px;\n background: #f8f9fa;\n font-size: 12px;\n border-top: 1px solid #e9ecef;\n }\n\n .footer-links {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 10px;\n }\n\n .footer-link {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-decoration: none;\n color: #333;\n padding: 10px 8px;\n border-radius: 10px;\n transition: all 0.3s ease;\n flex: 1;\n min-width: 0;\n }\n\n .footer-link:hover,\n .footer-link:active {\n background-color: rgba(42, 62, 177, 0.08);\n transform: translateY(-2px);\n }\n\n .footer-icon {\n width: 32px;\n height: 32px;\n object-fit: contain;\n padding: 4px;\n border: 2px solid #2a3eb1;\n border-radius: 8px;\n background-color: white;\n margin-bottom: 6px;\n }\n\n .footer-text {\n font-size: 11px;\n text-align: center;\n line-height: 1.3;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n font-weight: 500;\n }\n\n .footer .credit {\n text-align: center;\n font-size: 10px;\n color: #6c757d;\n margin-top: 12px;\n padding-top: 10px;\n border-top: 1px solid #dee2e6;\n }\n \n \/* Th\u00eam style cho loading v\u00e0 th\u00f4ng b\u00e1o *\/\n .loading {\n display: none;\n text-align: center;\n margin: 12px 0;\n padding: 0 10px;\n }\n \n .loading-spinner {\n border: 2px solid #f3f3f3;\n border-top: 2px solid #4a6cf7;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n animation: spin 1s linear infinite;\n display: inline-block;\n margin-right: 8px;\n }\n \n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n .success-message {\n display: none;\n color: #2e7d32;\n background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);\n padding: 15px;\n border-radius: 10px;\n margin: 12px 10px;\n text-align: center;\n border: 1px solid #4caf50;\n font-weight: bold;\n font-size: 13px;\n }\n \n .error-message {\n display: none;\n color: #c62828;\n background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);\n padding: 12px;\n border-radius: 6px;\n margin: 8px 10px;\n text-align: center;\n border: 1px solid #f44336;\n font-size: 12px;\n }\n\n .form-container {\n transition: all 0.3s ease;\n }\n\n .hidden {\n display: none;\n }\n\n .customer-name {\n color: #2a3eb1;\n font-size: 14px;\n font-weight: bold;\n margin: 10px 0;\n padding: 8px;\n background: linear-gradient(135deg, #f0f4ff 0%, #e3f2fd 100%);\n border-radius: 6px;\n border: 1px solid #2a3eb1;\n }\n\n .countdown {\n color: #666;\n font-size: 11px;\n margin-top: 10px;\n font-weight: normal;\n background: rgba(0,0,0,0.05);\n padding: 6px;\n border-radius: 4px;\n }\n\n \/* Form container c\u0103n \u0111\u1ec1u *\/\n .form-container form {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n }\n\n \/* Responsive cho tablet v\u00e0 desktop *\/\n @media (min-width: 768px) {\n #bottom-banner {\n padding: 12px 25px;\n }\n\n .banner-logo {\n width: 45px;\n height: 45px;\n }\n\n .banner-title {\n font-size: 16px;\n }\n\n .banner-subtitle {\n font-size: 12px;\n }\n\n .banner-button {\n padding: 10px 20px;\n font-size: 13px;\n }\n\n #floating-buttons {\n right: 25px;\n bottom: 100px;\n }\n\n .floating-btn {\n width: 60px;\n height: 60px;\n }\n\n .btn-ring img {\n width: 50px;\n height: 50px;\n }\n\n #fchat-popup {\n right: 25px;\n width: 360px;\n bottom: 170px;\n }\n\n body.no-banner #fchat-popup {\n bottom: 100px;\n }\n\n .footer {\n padding: 18px 20px;\n }\n\n .footer-links {\n gap: 12px;\n }\n\n .footer-link {\n padding: 12px 10px;\n }\n\n .footer-icon {\n width: 36px;\n height: 36px;\n }\n\n .footer-text {\n font-size: 12px;\n }\n\n \/* \u0110i\u1ec1u ch\u1ec9nh cho desktop *\/\n .phone-prefix {\n padding: 0 18px;\n font-size: 20px; \/* Emoji l\u1edbn h\u01a1n tr\u00ean desktop *\/\n }\n }\n\n \/* Touch improvements *\/\n @media (max-width: 767px) {\n .body input {\n font-size: 16px;\n }\n \n .floating-btn {\n width: 50px;\n height: 50px;\n }\n \n .btn-ring img {\n width: 42px;\n height: 42px;\n }\n }\n\n \/* \u0110\u1ea3m b\u1ea3o popup kh\u00f4ng b\u1ecb che tr\u00ean mobile *\/\n @media (max-width: 480px) {\n #fchat-popup {\n right: 10px;\n left: 10px;\n width: auto;\n max-width: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div id=\"bottom-banner\">\n <div class=\"banner-content\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/timgiasu.vn\/wp-content\/uploads\/2025\/08\/411661361_122122510088090802_2288663156111754929_n.jpg?ssl=1\" alt=\"Logo\" class=\"banner-logo\" \/>\n <div class=\"banner-text\">\n <div class=\"banner-title\">T\u00ccM GIA S\u01af 1 K\u00c8M 1 GI\u1eceI<\/div>\n <div class=\"banner-subtitle\">\u0110\u0103ng k\u00fd t\u00ecm gia s\u01b0 d\u1ea1y k\u00e8m t\u1ea1i nh\u00e0, nhanh ch\u00f3ng ch\u1ec9 v\u1edbi 1 b\u01b0\u1edbc \u0111\u01a1n gi\u1ea3n<\/div>\n <\/div>\n <\/div>\n <div class=\"banner-buttons\">\n <a href=\"https:\/\/timgiasu.vn\/timgiasu\/\" target=\"_blank\" class=\"banner-button\">\n \u0110\u0102NG K\u00dd\n <\/a>\n <button class=\"close-banner\" onclick=\"closeBanner()\" title=\"\u0110\u00f3ng banner\">\n \u2715\n <\/button>\n <\/div>\n<\/div>\n\n\n<div id=\"floating-buttons\">\n \n <button class=\"floating-btn\" onclick=\"openZalo()\" aria-label=\"Li\u00ean h\u1ec7 Zalo\">\n <div class=\"btn-ring zalo-ring\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/timgiasu.vn\/wp-content\/uploads\/2025\/08\/Icon_of_Zalo.svg.webp?ssl=1\" alt=\"Zalo\" \/>\n <\/div>\n <\/button>\n\n \n <button class=\"floating-btn\" onclick=\"toggleFchat()\" aria-label=\"M\u1edf form \u0111\u0103ng k\u00fd\">\n <div class=\"btn-ring chat-ring\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/timgiasu.vn\/wp-content\/uploads\/2025\/08\/telephone-2.png?ssl=1\" alt=\"Chat Icon\" \/>\n <\/div>\n <\/button>\n<\/div>\n\n\n<div id=\"fchat-popup\">\n <div class=\"header\">\n <div class=\"left\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/timgiasu.vn\/wp-content\/uploads\/2025\/08\/411661361_122122510088090802_2288663156111754929_n.jpg?ssl=1\" alt=\"Logo\" \/>\n <div class=\"header-text\">\n <h4>GIA S\u01af NEXTCV<\/h4>\n <small>Li\u00ean h\u1ec7 v\u1edbi ch\u00fang t\u00f4i!<\/small>\n <\/div>\n <\/div>\n <div class=\"close\" onclick=\"toggleFchat()\">✕<\/div>\n <\/div>\n\n <div class=\"body\">\n \n <div class=\"form-container\" id=\"form-container\">\n <p>\n Qu\u00fd Ph\u1ee5 Huynh, vui l\u00f2ng \u0111\u1ec3 l\u1ea1i <b>S\u1ed0 \u0110I\u1ec6N THO\u1ea0I<\/b>, nh\u00e2n vi\u00ean s\u1ebd li\u00ean h\u1ec7 <b>T\u01af V\u1ea4N MI\u1ec4N PH\u00cd<\/b> l\u1ea1i ngay b\u00e2y gi\u1edd!\n <\/p>\n <form onsubmit=\"submitFchat(event)\">\n <input type=\"text\" name=\"name\" placeholder=\"T\u00ean ph\u1ee5 huynh\" required \/>\n \n \n <div class=\"phone-input-container\">\n <div class=\"phone-prefix\">\n \ud83c\uddfb\ud83c\uddf3\n <\/div>\n <input type=\"tel\" name=\"phone\" class=\"phone-input\" placeholder=\"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i\" required \/>\n <\/div>\n \n <input type=\"hidden\" name=\"timestamp\" id=\"timestamp\">\n <div class=\"loading\">\n <div class=\"loading-spinner\"><\/div>\n <span>\u0110ang g\u1eedi th\u00f4ng tin…<\/span>\n <\/div>\n <div class=\"error-message\">\n C\u00f3 l\u1ed7i x\u1ea3y ra khi g\u1eedi th\u00f4ng tin. Vui l\u00f2ng th\u1eed l\u1ea1i ho\u1eb7c li\u00ean h\u1ec7 tr\u1ef1c ti\u1ebfp.\n <\/div>\n <button type=\"submit\" id=\"submit-btn\">G\u1eedi Th\u00f4ng Tin<\/button>\n <\/form>\n <\/div>\n\n \n <div class=\"success-message\" id=\"success-message\">\n <div style=\"font-size: 24px; margin-bottom: 10px;\">\u2705<\/div>\n <strong>\u0110\u0102NG K\u00dd TH\u00c0NH C\u00d4NG!<\/strong><br>\n <div class=\"customer-name\" id=\"customer-name-display\">\n \n <\/div>\n C\u1ea3m \u01a1n Qu\u00fd Ph\u1ee5 Huynh \u0111\u00e3 \u0111\u0103ng k\u00fd!<br>\n Nh\u00e2n vi\u00ean t\u01b0 v\u1ea5n s\u1ebd li\u00ean h\u1ec7 l\u1ea1i ngay.<br>\n <div class=\"countdown\" id=\"countdown\">\n Popup s\u1ebd t\u1ef1 \u0111\u1ed9ng \u0111\u00f3ng sau <span id=\"countdown-number\">5<\/span> gi\u00e2y…\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"footer\">\n <div class=\"footer-links\">\n <a href=\"https:\/\/zalo.me\/0375443352\" target=\"_blank\" class=\"footer-link\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/timgiasu.vn\/wp-content\/uploads\/2025\/08\/Icon_of_Zalo.svg.webp?ssl=1\" alt=\"Zalo\" class=\"footer-icon\" \/>\n <span class=\"footer-text\">Zalo<\/span>\n <\/a>\n <a href=\"https:\/\/www.messenger.com\/t\/233009399891878\/\" target=\"_blank\" class=\"footer-link\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/timgiasu.vn\/wp-content\/uploads\/2025\/08\/facebook.png?ssl=1\" alt=\"Messenger\" class=\"footer-icon\" \/>\n <span class=\"footer-text\">Messenger<\/span>\n <\/a>\n <a href=\"tel:0347086798\" class=\"footer-link\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/timgiasu.vn\/wp-content\/uploads\/2025\/08\/telephone-call.png?ssl=1\" alt=\"Phone\" class=\"footer-icon\" \/>\n <span class=\"footer-text\">Hotline<\/span>\n <\/a>\n <\/div>\n <div class=\"credit\">by Sign Group<\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ H\u00e0m \u0111\u00f3ng banner - \u1ea9n banner v\u00e0 d\u1ecbch 2 n\u00fat xu\u1ed1ng\nfunction closeBanner() {\n const banner = document.getElementById('bottom-banner');\n banner.style.display = 'none';\n \n \/\/ Th\u00eam class no-banner \u0111\u1ec3 d\u1ecbch 2 n\u00fat xu\u1ed1ng\n document.body.classList.add('no-banner');\n}\n\n\/\/ H\u00e0m m\u1edf Zalo\nfunction openZalo() {\n window.open('https:\/\/zalo.me\/0375443352', '_blank');\n}\n\n\/\/ H\u00e0m chung \u0111\u1ec3 hi\u1ec3n th\u1ecb\/\u1ea9n popup\nfunction toggleFchat() {\n const box = document.getElementById('fchat-popup');\n const isVisible = box.style.display === 'block';\n box.style.display = isVisible ? 'none' : 'block';\n \n \/\/ Reset form khi \u0111\u00f3ng popup\n if (isVisible) {\n resetForm();\n } else {\n \/\/ C\u1eadp nh\u1eadt timestamp khi m\u1edf form\n document.getElementById('timestamp').value = new Date().toISOString();\n }\n}\n\n\/\/ H\u00e0m reset form v\u00e0 th\u00f4ng b\u00e1o\nfunction resetForm() {\n const form = document.querySelector('#fchat-popup form');\n form.reset();\n document.querySelector('.error-message').style.display = 'none';\n document.querySelector('.loading').style.display = 'none';\n document.getElementById('submit-btn').disabled = false;\n \n \/\/ Hi\u1ec3n th\u1ecb l\u1ea1i form v\u00e0 \u1ea9n th\u00f4ng b\u00e1o th\u00e0nh c\u00f4ng\n document.getElementById('form-container').classList.remove('hidden');\n document.getElementById('success-message').style.display = 'none';\n}\n\n\/\/ H\u00e0m hi\u1ec3n th\u1ecb th\u00f4ng b\u00e1o th\u00e0nh c\u00f4ng v\u1edbi countdown\nfunction showSuccessMessage(customerName) {\n \/\/ Hi\u1ec3n th\u1ecb t\u00ean ph\u1ee5 huynh\n document.getElementById('customer-name-display').innerHTML = `Ph\u1ee5 huynh: <span style=\"color: #2a3eb1;\">${customerName}<\/span>`;\n \n \/\/ \u1ea8n form\n document.getElementById('form-container').classList.add('hidden');\n \n \/\/ Hi\u1ec3n th\u1ecb th\u00f4ng b\u00e1o th\u00e0nh c\u00f4ng\n document.getElementById('success-message').style.display = 'block';\n \n \/\/ B\u1eaft \u0111\u1ea7u countdown\n let countdown = 5;\n const countdownElement = document.getElementById('countdown-number');\n countdownElement.textContent = countdown;\n \n const countdownInterval = setInterval(() => {\n countdown--;\n countdownElement.textContent = countdown;\n \n if (countdown <= 0) {\n clearInterval(countdownInterval);\n toggleFchat();\n }\n }, 1000);\n}\n\n\/\/ H\u00e0m g\u1eedi d\u1eef li\u1ec7u \u0111\u1ebfn Google Apps Script\nfunction submitFchat(e) {\n e.preventDefault();\n \n \/\/ Hi\u1ec3n th\u1ecb loading, \u1ea9n th\u00f4ng b\u00e1o l\u1ed7i n\u1ebfu c\u00f3\n document.querySelector('.loading').style.display = 'block';\n document.querySelector('.error-message').style.display = 'none';\n document.getElementById('submit-btn').disabled = true;\n \n \/\/ L\u1ea5y d\u1eef li\u1ec7u t\u1eeb form\n const formData = new FormData(e.target);\n const customerName = formData.get('name');\n const data = {\n name: customerName,\n phone: formData.get('phone'),\n timestamp: formData.get('timestamp')\n };\n \n \/\/ G\u1eedi d\u1eef li\u1ec7u \u0111\u1ebfn Google Apps Script\n fetch('https:\/\/script.google.com\/macros\/s\/AKfycbxmggfzbujFwa7fFl1lopCCBFb_Om99ZN_20Gve5_gZ3BNUN-1ciXDDjSAwXYlk8v7Dcw\/exec', {\n method: 'POST',\n mode: 'no-cors',\n headers: {\n 'Content-Type': 'application\/json',\n },\n body: JSON.stringify(data)\n })\n .then(() => {\n \/\/ \u1ea8n loading v\u00e0 hi\u1ec3n th\u1ecb th\u00f4ng b\u00e1o th\u00e0nh c\u00f4ng ngay l\u1eadp t\u1ee9c\n document.querySelector('.loading').style.display = 'none';\n showSuccessMessage(customerName);\n })\n .catch(error => {\n console.error('Error:', error);\n document.querySelector('.loading').style.display = 'none';\n document.querySelector('.error-message').style.display = 'block';\n document.getElementById('submit-btn').disabled = false;\n });\n}\n\n\/\/ T\u1ef1 \u0111\u1ed9ng c\u1eadp nh\u1eadt timestamp khi trang \u0111\u01b0\u1ee3c t\u1ea3i\ndocument.addEventListener('DOMContentLoaded', function() {\n document.getElementById('timestamp').value = new Date().toISOString();\n});\n\n\/\/ \u1ea8n popup v\u00e0 floating buttons tr\u00ean trang thanh to\u00e1n\nfunction hideOnCheckoutPage() {\n if (window.location.href.includes('\/thanh-toan\/') || \n window.location.href.includes('\/checkout\/') || \n window.location.pathname.includes('thanh-toan')) {\n \n \/\/ \u1ea8n t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed\n const banner = document.getElementById('bottom-banner');\n const buttons = document.getElementById('floating-buttons');\n const popup = document.getElementById('fchat-popup');\n \n if (banner) banner.style.display = 'none';\n if (buttons) buttons.style.display = 'none';\n if (popup) popup.style.display = 'none';\n \n \/\/ Th\u00eam class no-banner\n document.body.classList.add('no-banner');\n }\n}\n\n\/\/ Ch\u1ea1y khi trang t\u1ea3i xong\ndocument.addEventListener('DOMContentLoaded', hideOnCheckoutPage);\n\/\/ Ch\u1ea1y l\u1ea1i n\u1ebfu c\u00f3 s\u1ef1 ki\u1ec7n route change (cho SPA)\nwindow.addEventListener('load', hideOnCheckoutPage);\n\n\/\/ Touch improvements\ndocument.addEventListener('touchstart', function() {}, { passive: true });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>B\u1ea3ng Gi\u00e1 H\u1ecdc Ph\u00ed – Gia S\u01b0 NextCV \u0110\u0103ng k\u00fd ngay H\u1ecdc Ph\u00ed Gia S\u01b0 D\u1ea1y K\u00e8m T\u1ea1i Nh\u00e0 B\u1ea3ng gi\u00e1 minh b\u1ea1ch cho t\u1ea5t c\u1ea3 c\u00e1c m\u00f4n h\u1ecdc v\u00e0 l\u1ed9 tr\u00ecnh luy\u1ec7n thi chuy\u1ec3n c\u1ea5p, \u0111\u1ea1i h\u1ecdc. Ch\u01b0\u01a1ng tr\u00ecnh h\u1ecdc Ti\u1ec1n ti\u1ec3u h\u1ecdc \/ C\u1ea5p 1 THCS (L\u1edbp 6 – 9)THPT (L\u1edbp 10 – […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"service","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-109","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/timgiasu.vn\/index.php?rest_route=\/wp\/v2\/pages\/109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/timgiasu.vn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/timgiasu.vn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/timgiasu.vn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/timgiasu.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=109"}],"version-history":[{"count":101,"href":"https:\/\/timgiasu.vn\/index.php?rest_route=\/wp\/v2\/pages\/109\/revisions"}],"predecessor-version":[{"id":3803,"href":"https:\/\/timgiasu.vn\/index.php?rest_route=\/wp\/v2\/pages\/109\/revisions\/3803"}],"wp:attachment":[{"href":"https:\/\/timgiasu.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":109,"date":"2018-05-24T13:51:53","date_gmt":"2018-05-24T13:51:53","guid":{"rendered":"http:\/\/demo.theme-junkie.com\/agencia\/?page_id=109"},"modified":"2026-04-19T20:27:03","modified_gmt":"2026-04-19T13:27:03","slug":"hocphi","status":"publish","type":"page","link":"https:\/\/timgiasu.vn\/?page_id=109","title":{"rendered":"H\u1ecdc Ph\u00ed"},"content":{"rendered":"\n\n\n\n \n \n B\u1ea3ng Gi\u00e1 H\u1ecdc Ph\u00ed – Gia S\u01b0 NextCV<\/title>\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=Inter:wght@400;500;600;700;800&display=swap\" rel=\"stylesheet\">\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n \n <style>\n :root {\n --primary: #4338ca;\n --primary-light: #6366f1;\n --primary-bg: #e0e7ff;\n --secondary: #10b981;\n --accent: #f59e0b;\n --text-main: #1e293b;\n --text-muted: #64748b;\n --bg-body: #f8fafc;\n --bg-card: #ffffff;\n --border-color: #e2e8f0;\n --radius-lg: 12px;\n --radius-xl: 16px;\n --shadow-card: 0 10px 25px -3px rgba(0, 0, 0, 0.05);\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; }\n body { background-color: var(--bg-body); color: var(--text-main); line-height: 1.6; }\n\n header { background: var(--bg-card); border-bottom: 1px solid var(--border-color); padding: 12px 0; position: sticky; top: 0; z-index: 1000; }\n .container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }\n .header-flex { display: flex; justify-content: space-between; align-items: center; }\n .logo img { height: 45px; display: block; }\n .btn-reg-head { background: var(--primary); color: white !important; padding: 10px 18px; border-radius: 8px; text-decoration: none; font-weight: 700; font-size: 13px; }\n\n .hero { background: white; padding: 100px 0 120px; text-align: center; border-bottom: 1px solid var(--border-color); }\n .hero h1 { font-size: 38px; font-weight: 800; color: var(--text-main); margin-bottom: 20px; letter-spacing: -1px; }\n .hero p { color: var(--text-muted); max-width: 750px; margin: 0 auto; font-size: 18px; }\n\n .calc-wrapper { max-width: 1000px; margin: -70px auto 0; padding: 0 20px; position: relative; z-index: 10; }\n .calc-box { \n background: var(--primary); color: white; padding: 35px; border-radius: var(--radius-xl); \n box-shadow: 0 25px 50px -12px rgba(67, 56, 202, 0.25);\n display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 20px; align-items: end;\n }\n .calc-group label { display: block; margin-bottom: 8px; font-size: 13px; font-weight: 600; opacity: 0.9; text-transform: uppercase; }\n .calc-group select { width: 100%; padding: 12px; border-radius: 8px; border: none; font-size: 14px; font-weight: 600; color: var(--primary); outline: none; background: white; cursor: pointer; }\n .calc-group select:disabled { background: #e2e8f0; cursor: not-allowed; opacity: 0.8; }\n \n .result-display { background: rgba(255,255,255,0.15); padding: 15px; border-radius: 10px; text-align: center; border: 1px solid rgba(255,255,255,0.2); }\n .result-price { font-size: 24px; font-weight: 800; display: block; color: #fff; }\n .result-label { font-size: 11px; text-transform: uppercase; letter-spacing: 1px; opacity: 0.8; margin-bottom: 4px; display: block; }\n\n .section-title { margin: 80px 0 30px; display: flex; align-items: center; gap: 12px; }\n .section-title i { color: var(--primary); font-size: 22px; }\n .section-title h2 { font-size: 24px; font-weight: 800; }\n\n .price-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); gap: 24px; }\n .price-card { background: white; border-radius: var(--radius-lg); padding: 24px; border: 1px solid var(--border-color); position: relative; overflow: hidden; }\n .price-card.featured { border-color: var(--primary); box-shadow: var(--shadow-card); }\n .featured-badge { position: absolute; top: 0; right: 0; background: var(--accent); color: white; padding: 4px 12px; font-size: 10px; font-weight: 800; border-bottom-left-radius: 10px; }\n \n .price-header { border-bottom: 1px solid var(--border-color); padding-bottom: 16px; margin-bottom: 16px; }\n .price-header h3 { font-size: 18px; color: var(--primary); display: flex; align-items: center; gap: 8px; }\n .price-row { display: flex; justify-content: space-between; padding: 10px 0; font-size: 14px; border-bottom: 1px solid #f8fafc; }\n .price-row:last-child { border-bottom: none; }\n .session-count { font-weight: 600; color: var(--text-main); }\n .price-value { font-weight: 700; color: var(--secondary); }\n\n .cta-box { background: linear-gradient(135deg, #4338ca, #6366f1); color: white; border-radius: var(--radius-xl); padding: 50px 30px; text-align: center; margin: 80px 0; }\n .btn-white { display: inline-block; background: white; color: var(--primary); padding: 16px 36px; border-radius: 50px; text-decoration: none; font-weight: 800; margin-top: 20px; transition: all 0.2s; }\n\n footer { background: #ffffff; border-top: 1px solid var(--border-color); padding: 60px 0 24px; margin-top: 60px; }\n .footer-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; display: flex; flex-direction: column; align-items: center; text-align: center; }\n .footer-logo-img { height: 50px; margin-bottom: 30px; }\n .footer-contact { display: flex; justify-content: center; gap: 32px; margin-bottom: 40px; flex-wrap: wrap; }\n .footer-contact-item { display: flex; align-items: center; gap: 10px; font-size: 14px; color: var(--text-muted); font-weight: 500; }\n .footer-contact-item i { color: var(--primary); font-size: 16px; }\n .copyright { padding-top: 24px; border-top: 1px solid var(--border-color); color: #94a3b8; font-size: 13px; width: 100%; }\n .copyright a { color: #94a3b8; text-decoration: none; margin: 0 10px; transition: color 0.2s; }\n .copyright a:hover { color: var(--primary); }\n\n @media (max-width: 768px) {\n .hero { padding: 60px 20px 80px; }\n .hero h1 { font-size: 28px; }\n .calc-box { grid-template-columns: 1fr; margin-top: 20px; }\n .footer-contact { flex-direction: column; gap: 15px; align-items: flex-start; }\n }\n <\/style>\n<\/head>\n<body>\n\n <header>\n <div class=\"container header-flex\">\n <a href=\"https:\/\/timgiasu.vn\/\" class=\"logo\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/timgiasu.vn\/wp-content\/uploads\/2025\/01\/LOGO.pdf-3.png?ssl=1\" alt=\"Gia S\u01b0 NextCV\">\n <\/a>\n <div class=\"header-nav\">\n <a href=\"https:\/\/timgiasu.vn\/timgiasu\/\" class=\"btn-reg-head\">\u0110\u0103ng k\u00fd ngay <i class=\"fas fa-arrow-right\"><\/i><\/a>\n <\/div>\n <\/div>\n <\/header>\n\n <section class=\"hero\">\n <div class=\"container\">\n <h1>H\u1ecdc Ph\u00ed Gia S\u01b0 D\u1ea1y K\u00e8m T\u1ea1i Nh\u00e0<\/h1>\n <p>B\u1ea3ng gi\u00e1 minh b\u1ea1ch cho t\u1ea5t c\u1ea3 c\u00e1c m\u00f4n h\u1ecdc v\u00e0 l\u1ed9 tr\u00ecnh luy\u1ec7n thi chuy\u1ec3n c\u1ea5p, \u0111\u1ea1i h\u1ecdc.<\/p>\n <\/div>\n <\/section>\n\n <div class=\"calc-wrapper\">\n <div class=\"calc-box\">\n <div class=\"calc-group\">\n <label>Ch\u01b0\u01a1ng tr\u00ecnh h\u1ecdc<\/label>\n <select id=\"calc-grade\">\n <optgroup label=\"C\u1ea5p h\u1ecdc m\u1ea7m non & ti\u1ec3u h\u1ecdc\">\n <option value=\"pre_primary\">Ti\u1ec1n ti\u1ec3u h\u1ecdc \/ C\u1ea5p 1<\/option>\n <\/optgroup>\n <optgroup label=\"C\u1ea5p trung h\u1ecdc & Ph\u1ed5 th\u00f4ng\">\n <option value=\"6\">THCS (L\u1edbp 6 – 9)<\/option>\n <option value=\"10\">THPT (L\u1edbp 10 – 11)<\/option>\n <option value=\"12\">THPT (L\u1edbp 12 th\u01b0\u1eddng)<\/option>\n <\/optgroup>\n <optgroup label=\"Luy\u1ec7n thi & Ngo\u1ea1i ng\u1eef\">\n <option value=\"9_prep\">Luy\u1ec7n thi v\u00e0o l\u1edbp 10 (9 l\u00ean 10)<\/option>\n <option value=\"uni_prep\">Luy\u1ec7n thi \u0110\u1ea1i h\u1ecdc<\/option>\n <option value=\"special\">IELTS \/ TOEIC \/ Ngo\u1ea1i ng\u1eef<\/option>\n <\/optgroup>\n <\/select>\n <\/div>\n <div class=\"calc-group\">\n <label>S\u1ed1 bu\u1ed5i \/ tu\u1ea7n<\/label>\n <select id=\"calc-sessions\">\n <option value=\"2\">2 bu\u1ed5i \/ tu\u1ea7n<\/option>\n <option value=\"3\" selected>3 bu\u1ed5i \/ tu\u1ea7n<\/option>\n <option value=\"4\">4 bu\u1ed5i \/ tu\u1ea7n<\/option>\n <option value=\"5\">5 bu\u1ed5i \/ tu\u1ea7n<\/option>\n <option value=\"6\">6 bu\u1ed5i \/ tu\u1ea7n<\/option>\n <option value=\"7\">7 bu\u1ed5i \/ tu\u1ea7n<\/option>\n <\/select>\n <\/div>\n <div class=\"calc-group\">\n <label>Th\u1eddi l\u01b0\u1ee3ng<\/label>\n <select id=\"calc-duration\">\n <option value=\"1.5\" selected>1 gi\u1edd 30 ph\u00fat<\/option>\n <option value=\"2\">2 gi\u1edd<\/option>\n <\/select>\n <\/div>\n <div class=\"result-display\">\n <span class=\"result-label\">H\u1ecdc ph\u00ed \u01b0\u1edbc t\u00ednh \/ th\u00e1ng<\/span>\n <span class=\"result-price\" id=\"display-price\">— VN\u0110<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"container\">\n <div class=\"section-title\">\n <i class=\"fas fa-star\"><\/i>\n <h2>Luy\u1ec7n Thi & Ngo\u1ea1i Ng\u1eef \u0110\u1eb7c Th\u00f9<\/h2>\n <\/div>\n\n <div class=\"price-grid\">\n <div class=\"price-card featured\">\n <div class=\"featured-badge\">PH\u1ed4 BI\u1ebeN<\/div>\n <div class=\"price-header\">\n <h3><i class=\"fas fa-university\"><\/i> Luy\u1ec7n Thi \u0110\u1ea1i H\u1ecdc<\/h3>\n <p style=\"font-size: 13px; color: var(--text-muted);\">\u0110\u01a1n gi\u00e1: 250.000\u0111 \/ bu\u1ed5i (2h)<\/p>\n <\/div>\n <div id=\"list-uni_prep\"><\/div>\n <\/div>\n\n <div class=\"price-card featured\">\n <div class=\"featured-badge\">PH\u1ed4 BI\u1ebeN<\/div>\n <div class=\"price-header\">\n <h3><i class=\"fas fa-graduation-cap\"><\/i> Luy\u1ec7n Thi V\u00e0o L\u1edbp 10<\/h3>\n <p style=\"font-size: 13px; color: var(--text-muted);\">\u0110\u01a1n gi\u00e1: 200.000\u0111 \/ bu\u1ed5i (2h)<\/p>\n <\/div>\n <div id=\"list-9_prep\"><\/div>\n <\/div>\n \n <div class=\"price-card\">\n <div class=\"price-header\">\n <h3><i class=\"fas fa-language\"><\/i> IELTS \/ TOEIC \/ Ngo\u1ea1i Ng\u1eef<\/h3>\n <p style=\"font-size: 13px; color: var(--text-muted);\">1h30: 200K | 2h: 250K<\/p>\n <\/div>\n <div id=\"list-special\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"section-title\">\n <i class=\"fas fa-book\"><\/i>\n <h2>H\u1ecdc Ph\u00ed C\u00e1c L\u1edbp Ph\u1ed5 Th\u00f4ng<\/h2>\n <\/div>\n <div class=\"price-grid\" style=\"margin-bottom: 40px;\">\n <div class=\"price-card\">\n <div class=\"price-header\"><h3>C\u1ea5p 1<\/h3><p id=\"header-c1\" style=\"font-size: 13px; color: var(--text-muted);\">\u0110\u01a1n gi\u00e1: 125.000\u0111\/bu\u1ed5i (1h30)<\/p><\/div>\n <div id=\"list-c1\"><\/div>\n <\/div>\n <div class=\"price-card\">\n <div class=\"price-header\"><h3>C\u1ea5p 2 (L\u1edbp 6-9)<\/h3><p id=\"header-c2\" style=\"font-size: 13px; color: var(--text-muted);\">\u0110\u01a1n gi\u00e1: 150.000\u0111\/bu\u1ed5i (1h30)<\/p><\/div>\n <div id=\"list-c2\"><\/div>\n <\/div>\n <div class=\"price-card\">\n <div class=\"price-header\"><h3>C\u1ea5p 3 (L\u1edbp 10-12)<\/h3><p id=\"header-c3\" style=\"font-size: 13px; color: var(--text-muted);\">\u0110\u01a1n gi\u00e1: 175.000\u0111\/bu\u1ed5i (1h30)<\/p><\/div>\n <div id=\"list-c3\"><\/div>\n <\/div>\n <\/div>\n\n <div class=\"cta-box\">\n <h2>H\u1ed7 tr\u1ee3 t\u00ecm gia s\u01b0 ph\u00f9 h\u1ee3p nh\u1ea5t cho con<\/h2>\n <p>Gia S\u01b0 NextCV h\u1ed7 tr\u1ee3 tr\u1ea3 ph\u00ed sau bu\u1ed5i d\u1ea1y \u0111\u1ea7u ti\u00ean \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o ch\u1ea5t l\u01b0\u1ee3ng.<\/p>\n <a href=\"https:\/\/timgiasu.vn\/timgiasu\/\" class=\"btn-white\">\u0110\u0102NG K\u00dd NGAY – MI\u1ec4N PH\u00cd T\u01af V\u1ea4N<\/a>\n <\/div>\n <\/div>\n\n <footer>\n <div class=\"footer-container\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/timgiasu.vn\/wp-content\/uploads\/2025\/01\/LOGO.pdf-3.png?ssl=1\" alt=\"T\u00ecm Gia S\u01b0\" class=\"footer-logo-img\">\n <div class=\"footer-contact\">\n <div class=\"footer-contact-item\"><i class=\"fas fa-phone-alt\"><\/i><span>Hotline: 0347 086 798<\/span><\/div>\n <div class=\"footer-contact-item\"><i class=\"fas fa-envelope\"><\/i><span>Email: giasunextcv@gmail.com<\/span><\/div>\n <div class=\"footer-contact-item\"><i class=\"fas fa-map-marker-alt\"><\/i><span>354\/24A \u0110\u01b0\u1eddng C\u1ed9ng H\u00f2a, Ph\u01b0\u1eddng 13, Q. T\u00e2n B\u00ecnh<\/span><\/div>\n <\/div>\n <div class=\"copyright\">\n <p>© 2016 – 2026 NEXTCV – N\u1ec1n t\u1ea3ng gia s\u01b0 h\u00e0ng \u0111\u1ea7u. T\u1ea5t c\u1ea3 c\u00e1c quy\u1ec1n \u0111\u01b0\u1ee3c b\u1ea3o l\u01b0u.<\/p>\n <p style=\"margin-top: 10px;\">\n <a href=\"https:\/\/timgiasu.vn\/chinh-sach-bao-mat\/\">Ch\u00ednh s\u00e1ch b\u1ea3o m\u1eadt<\/a> | \n <a href=\"https:\/\/timgiasu.vn\/chinh-sach-gia-su\/\">Ch\u00ednh s\u00e1ch gia s\u01b0<\/a>\n <\/p>\n <\/div>\n <\/div>\n <\/footer>\n\n <script>\n const PRICE_TABLE = {\n 'pre_primary': { \n '1.5': { '2': 1100000, '3': 1500000, '4': 2000000, '5': 2500000, '6': 3000000, '7': 3500000 }, \n '2': { '2': 1200000, '3': 1800000, '4': 2400000, '5': 3000000, '6': 3600000, '7': 4200000 } \n },\n '6': { \n '1.5': { '2': 1200000, '3': 1800000, '4': 2400000, '5': 3000000, '6': 3600000, '7': 4200000 }, \n '2': { '2': 1400000, '3': 2100000, '4': 2800000, '5': 3500000, '6': 4200000, '7': 4900000 } \n },\n '10': { \n '1.5': { '2': 1400000, '3': 2100000, '4': 2800000, '5': 3500000, '6': 4200000, '7': 4900000 }, \n '2': { '2': 1600000, '3': 2400000, '4': 3200000, '5': 4000000, '6': 4800000, '7': 5600000 } \n },\n '12': { \n '1.5': { '2': 1400000, '3': 2100000, '4': 2800000, '5': 3500000, '6': 4200000, '7': 4900000 }, \n '2': { '2': 1600000, '3': 2400000, '4': 3200000, '5': 4000000, '6': 4800000, '7': 5600000 } \n },\n '9_prep': { \n '2': { '2': 1600000, '3': 2400000, '4': 3200000, '5': 4000000, '6': 4800000, '7': 5600000 } \n },\n 'uni_prep': { \n '2': { '2': 2000000, '3': 3000000, '4': 4000000, '5': 5000000, '6': 6000000, '7': 7000000 } \n },\n 'special': { \n '1.5': { '2': 1600000, '3': 2400000, '4': 3200000, '5': 4000000, '6': 4800000, '7': 5600000 },\n '2': { '2': 2000000, '3': 3000000, '4': 4000000, '5': 5000000, '6': 6000000, '7': 7000000 }\n }\n };\n\n const gradeSelect = document.getElementById('calc-grade');\n const sessionSelect = document.getElementById('calc-sessions');\n const durationSelect = document.getElementById('calc-duration');\n const displayPrice = document.getElementById('display-price');\n\n function formatMoney(amount) {\n return amount.toString().replace(\/\\B(?=(\\d{3})+(?!\\d))\/g, \".\") + \" VN\u0110\";\n }\n\n function updatePrice() {\n let grade = gradeSelect.value;\n let sessions = sessionSelect.value;\n \n \/\/ Ch\u1ec9 kho\u00e1 2h cho Luy\u1ec7n thi v\u00e0o l\u1edbp 10 v\u00e0 Luy\u1ec7n thi \u0110\u1ea1i h\u1ecdc\n const fixedDurationGrades = ['uni_prep', '9_prep'];\n \n if (fixedDurationGrades.includes(grade)) {\n durationSelect.value = \"2\";\n durationSelect.disabled = true;\n } else {\n durationSelect.disabled = false;\n }\n\n let duration = durationSelect.value;\n\n try {\n const price = PRICE_TABLE[grade][duration][sessions];\n displayPrice.textContent = formatMoney(price);\n } catch (e) {\n displayPrice.textContent = 'Li\u00ean h\u1ec7 Hotline';\n }\n\n \/\/ G\u1ecdi render c\u1eadp nh\u1eadt c\u00e1c b\u1ea3ng t\u0129nh ph\u00eda d\u01b0\u1edbi d\u1ef1a theo l\u1ef1a ch\u1ecdn hi\u1ec7n h\u00e0nh\n renderPriceLists(duration);\n }\n\n \/\/ \u0110\u1ed5i header text c\u1ee7a c\u00e1c card khi kh\u00e1ch ch\u1ecdn th\u1eddi l\u01b0\u1ee3ng\n function updateCardHeaders(dur) {\n const c1 = document.getElementById('header-c1');\n const c2 = document.getElementById('header-c2');\n const c3 = document.getElementById('header-c3');\n \n if (dur === '1.5') {\n if(c1) c1.innerText = '\u0110\u01a1n gi\u00e1: 125.500\u0111\/bu\u1ed5i (1h30)';\n if(c2) c2.innerText = '\u0110\u01a1n gi\u00e1: 150.000\u0111\/bu\u1ed5i (1h30)';\n if(c3) c3.innerText = '\u0110\u01a1n gi\u00e1: 175.000\u0111\/bu\u1ed5i (1h30)';\n } else {\n if(c1) c1.innerText = '\u0110\u01a1n gi\u00e1: 150.000\u0111\/bu\u1ed5i (2h)';\n if(c2) c2.innerText = '\u0110\u01a1n gi\u00e1: 175.000\u0111\/bu\u1ed5i (2h)';\n if(c3) c3.innerText = '\u0110\u01a1n gi\u00e1: 200.000\u0111\/bu\u1ed5i (2h)';\n }\n }\n\n function renderPriceLists(currentDur = '1.5') {\n updateCardHeaders(currentDur);\n\n const configs = [\n { id: 'list-uni_prep', key: 'uni_prep', dur: '2' }, \/\/ M\u1eb7c \u0111\u1ecbnh 2h\n { id: 'list-9_prep', key: '9_prep', dur: '2' }, \/\/ M\u1eb7c \u0111\u1ecbnh 2h\n { id: 'list-special', key: 'special', dur: currentDur }, \/\/ Chuy\u1ec3n \u0111\u1ed5i linh ho\u1ea1t\n { id: 'list-c1', key: 'pre_primary', dur: currentDur }, \/\/ Chuy\u1ec3n \u0111\u1ed5i linh ho\u1ea1t\n { id: 'list-c2', key: '6', dur: currentDur }, \/\/ Chuy\u1ec3n \u0111\u1ed5i linh ho\u1ea1t\n { id: 'list-c3', key: '12', dur: currentDur } \/\/ Chuy\u1ec3n \u0111\u1ed5i linh ho\u1ea1t\n ];\n\n configs.forEach(conf => {\n const container = document.getElementById(conf.id);\n if (!container) return;\n let html = '';\n for (let i = 2; i <= 7; i++) {\n const price = PRICE_TABLE[conf.key][conf.dur][i.toString()];\n html += `\n <div class=\"price-row\">\n <span class=\"session-count\">${i} bu\u1ed5i \/ tu\u1ea7n<\/span>\n <span class=\"price-value\">${formatMoney(price)}<\/span>\n <\/div>`;\n }\n container.innerHTML = html;\n });\n }\n\n [gradeSelect, sessionSelect, durationSelect].forEach(el => el.addEventListener('change', updatePrice));\n \n window.onload = () => {\n updatePrice();\n };\n <\/script>\n<\/body>\n<\/html>\n\n\n\n<!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, maximum-scale=1.0, user-scalable=no\" \/>\n <title>Popup Form – GIA S\u01af NEXTCV<\/title>\n <style>\n * {\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Arial', sans-serif;\n margin: 0;\n padding: 0;\n min-height: 100vh;\n position: relative;\n transition: all 0.3s ease;\n -webkit-tap-highlight-color: transparent;\n }\n\n \/* Banner ch\u00e2n trang *\/\n #bottom-banner {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n background: linear-gradient(135deg, #2a3eb1 0%, #5523a0 100%);\n color: white;\n padding: 10px 15px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 9998;\n box-shadow: 0 -4px 20px rgba(0,0,0,0.15);\n border-top: 3px solid #ff6b00;\n }\n\n .banner-content {\n display: flex;\n align-items: center;\n gap: 10px;\n flex: 1;\n min-width: 0;\n }\n\n .banner-logo {\n width: 40px;\n height: 40px;\n border-radius: 50%;\n border: 2px solid rgba(255,255,255,0.8);\n object-fit: cover;\n flex-shrink: 0;\n }\n\n .banner-text {\n flex: 1;\n text-align: left;\n min-width: 0;\n }\n\n .banner-title {\n font-size: 14px;\n font-weight: bold;\n margin: 0 0 3px 0;\n color: #fff;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .banner-subtitle {\n font-size: 11px;\n margin: 0;\n opacity: 0.9;\n line-height: 1.3;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n .banner-buttons {\n display: flex;\n align-items: center;\n gap: 8px;\n flex-shrink: 0;\n }\n\n .banner-button {\n background: linear-gradient(135deg, #ff6b00 0%, #ff8c00 100%);\n color: white;\n border: none;\n padding: 8px 16px;\n border-radius: 18px;\n font-weight: bold;\n cursor: pointer;\n text-decoration: none;\n transition: all 0.3s ease;\n white-space: nowrap;\n font-size: 12px;\n box-shadow: 0 2px 8px rgba(255,107,0,0.3);\n flex-shrink: 0;\n }\n\n .banner-button:hover,\n .banner-button:active {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(255,107,0,0.4);\n }\n\n .close-banner {\n background: rgba(255,255,255,0.2);\n border: none;\n color: white;\n font-size: 14px;\n cursor: pointer;\n padding: 5px;\n border-radius: 50%;\n transition: all 0.3s ease;\n width: 28px;\n height: 28px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n }\n\n .close-banner:hover,\n .close-banner:active {\n background: rgba(255,255,255,0.3);\n transform: rotate(90deg);\n }\n\n \/* Container ch\u1ee9a 2 n\u00fat b\u00ean ph\u1ea3i *\/\n #floating-buttons {\n position: fixed;\n bottom: 90px; \/* V\u1ecb tr\u00ed khi c\u00f3 banner *\/\n right: 15px;\n display: flex;\n flex-direction: column;\n gap: 12px;\n z-index: 9999;\n transition: bottom 0.3s ease;\n }\n\n \/* Khi banner b\u1ecb \u1ea9n, n\u00fat d\u1ecbch xu\u1ed1ng *\/\n body.no-banner #floating-buttons {\n bottom: 20px;\n }\n\n \/* N\u00fat Zalo v\u00e0 Chat *\/\n .floating-btn {\n width: 55px;\n height: 55px;\n background: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n cursor: pointer;\n transition: transform 0.3s ease;\n border: none;\n padding: 0;\n }\n\n .floating-btn:hover,\n .floating-btn:active {\n transform: scale(1.1);\n }\n\n .btn-ring {\n width: 100%;\n height: 100%;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n }\n\n .zalo-ring {\n background-color: #0068ff;\n animation: zalo-pulse 2s infinite;\n }\n\n .chat-ring {\n background-color: #5523a0;\n animation: pulse-ring 1.5s infinite;\n }\n\n .btn-ring img {\n width: 45px;\n height: 45px;\n border-radius: 50%;\n object-fit: cover;\n }\n\n @keyframes zalo-pulse {\n 0% { transform: scale(1); }\n 50% { transform: scale(1.05); }\n 100% { transform: scale(1); }\n }\n\n @keyframes pulse-ring {\n 0% { box-shadow: 0 0 0 0 rgba(63, 81, 181, 0.5); }\n 70% { box-shadow: 0 0 0 12px rgba(63, 81, 181, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(63, 81, 181, 0); }\n }\n\n \/* Popup form *\/\n #fchat-popup {\n position: fixed;\n bottom: 160px; \/* V\u1ecb tr\u00ed khi c\u00f3 banner *\/\n right: 15px;\n width: 340px;\n max-width: 85vw;\n background: #fff;\n border-radius: 16px;\n box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);\n z-index: 9999;\n display: none;\n overflow: hidden;\n transition: bottom 0.3s ease;\n }\n\n \/* Khi banner b\u1ecb \u1ea9n, popup d\u1ecbch xu\u1ed1ng *\/\n body.no-banner #fchat-popup {\n bottom: 90px;\n }\n\n .header {\n background: linear-gradient(135deg, #2a3eb1 0%, #5523a0 100%);\n color: white;\n padding: 12px 15px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n }\n\n .header .left {\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .header img {\n width: 35px;\n height: 35px;\n border-radius: 50%;\n border: 2px solid rgba(255,255,255,0.3);\n }\n\n .header-text h4 {\n margin: 0;\n font-size: 15px;\n font-weight: bold;\n }\n\n .header-text small {\n display: block;\n font-size: 11px;\n opacity: 0.9;\n }\n\n .close {\n cursor: pointer;\n font-size: 16px;\n color: #fff;\n padding: 4px;\n background: rgba(255,255,255,0.2);\n border-radius: 50%;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.3s ease;\n }\n\n .close:hover,\n .close:active {\n background: rgba(255,255,255,0.3);\n }\n\n .body {\n padding: 15px;\n font-size: 13px;\n text-align: center;\n }\n\n .body p {\n margin-bottom: 15px;\n line-height: 1.4;\n color: #333;\n font-size: 13px;\n text-align: justify;\n text-align-last: center;\n }\n\n .body input {\n width: 100%;\n padding: 10px 12px;\n margin: 6px 0;\n border-radius: 8px;\n border: 1px solid #e1e5e9;\n font-size: 14px;\n transition: border-color 0.3s ease;\n -webkit-appearance: none;\n }\n\n .body input:focus {\n outline: none;\n border-color: #4a6cf7;\n }\n\n \/* Container cho s\u1ed1 \u0111i\u1ec7n tho\u1ea1i v\u1edbi c\u1edd Vi\u1ec7t Nam v\u00e0 g\u1ea1ch ngang *\/\n .phone-input-container {\n position: relative;\n width: 100%;\n margin: 6px 0;\n display: flex;\n align-items: center;\n border: 1px solid #e1e5e9;\n border-radius: 8px;\n overflow: hidden;\n background: white;\n }\n\n .phone-prefix {\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 15px;\n background: #f8f9fa;\n height: 100%;\n border-right: 1px solid #e1e5e9; \/* G\u1ea0CH NGANG *\/\n flex-shrink: 0;\n font-size: 18px; \/* K\u00edch th\u01b0\u1edbc emoji l\u1edbn h\u01a1n *\/\n }\n\n .phone-input {\n flex: 1;\n border: none;\n padding: 10px 12px;\n font-size: 14px;\n outline: none;\n background: transparent;\n }\n\n .phone-input::placeholder {\n color: #999;\n }\n\n .phone-input:focus {\n outline: none;\n }\n\n .body button {\n background: linear-gradient(135deg, #4a6cf7 0%, #2a3eb1 100%);\n color: #fff;\n padding: 10px 25px;\n font-size: 13px;\n border-radius: 20px;\n border: none;\n cursor: pointer;\n margin-top: 10px;\n font-weight: bold;\n transition: all 0.3s ease;\n width: auto;\n display: inline-block;\n }\n\n .body button:hover,\n .body button:active {\n transform: translateY(-1px);\n box-shadow: 0 4px 12px rgba(74, 108, 247, 0.3);\n }\n\n \/* Footer v\u1edbi 3 n\u00fat n\u1eb1m ngang - TO H\u01a0N *\/\n .footer {\n padding: 15px;\n background: #f8f9fa;\n font-size: 12px;\n border-top: 1px solid #e9ecef;\n }\n\n .footer-links {\n display: flex;\n justify-content: space-between;\n align-items: center;\n gap: 10px;\n }\n\n .footer-link {\n display: flex;\n flex-direction: column;\n align-items: center;\n text-decoration: none;\n color: #333;\n padding: 10px 8px;\n border-radius: 10px;\n transition: all 0.3s ease;\n flex: 1;\n min-width: 0;\n }\n\n .footer-link:hover,\n .footer-link:active {\n background-color: rgba(42, 62, 177, 0.08);\n transform: translateY(-2px);\n }\n\n .footer-icon {\n width: 32px;\n height: 32px;\n object-fit: contain;\n padding: 4px;\n border: 2px solid #2a3eb1;\n border-radius: 8px;\n background-color: white;\n margin-bottom: 6px;\n }\n\n .footer-text {\n font-size: 11px;\n text-align: center;\n line-height: 1.3;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n width: 100%;\n font-weight: 500;\n }\n\n .footer .credit {\n text-align: center;\n font-size: 10px;\n color: #6c757d;\n margin-top: 12px;\n padding-top: 10px;\n border-top: 1px solid #dee2e6;\n }\n \n \/* Th\u00eam style cho loading v\u00e0 th\u00f4ng b\u00e1o *\/\n .loading {\n display: none;\n text-align: center;\n margin: 12px 0;\n padding: 0 10px;\n }\n \n .loading-spinner {\n border: 2px solid #f3f3f3;\n border-top: 2px solid #4a6cf7;\n border-radius: 50%;\n width: 20px;\n height: 20px;\n animation: spin 1s linear infinite;\n display: inline-block;\n margin-right: 8px;\n }\n \n @keyframes spin {\n 0% { transform: rotate(0deg); }\n 100% { transform: rotate(360deg); }\n }\n \n .success-message {\n display: none;\n color: #2e7d32;\n background: linear-gradient(135deg, #e8f5e9 0%, #c8e6c9 100%);\n padding: 15px;\n border-radius: 10px;\n margin: 12px 10px;\n text-align: center;\n border: 1px solid #4caf50;\n font-weight: bold;\n font-size: 13px;\n }\n \n .error-message {\n display: none;\n color: #c62828;\n background: linear-gradient(135deg, #ffebee 0%, #ffcdd2 100%);\n padding: 12px;\n border-radius: 6px;\n margin: 8px 10px;\n text-align: center;\n border: 1px solid #f44336;\n font-size: 12px;\n }\n\n .form-container {\n transition: all 0.3s ease;\n }\n\n .hidden {\n display: none;\n }\n\n .customer-name {\n color: #2a3eb1;\n font-size: 14px;\n font-weight: bold;\n margin: 10px 0;\n padding: 8px;\n background: linear-gradient(135deg, #f0f4ff 0%, #e3f2fd 100%);\n border-radius: 6px;\n border: 1px solid #2a3eb1;\n }\n\n .countdown {\n color: #666;\n font-size: 11px;\n margin-top: 10px;\n font-weight: normal;\n background: rgba(0,0,0,0.05);\n padding: 6px;\n border-radius: 4px;\n }\n\n \/* Form container c\u0103n \u0111\u1ec1u *\/\n .form-container form {\n display: flex;\n flex-direction: column;\n align-items: center;\n width: 100%;\n }\n\n \/* Responsive cho tablet v\u00e0 desktop *\/\n @media (min-width: 768px) {\n #bottom-banner {\n padding: 12px 25px;\n }\n\n .banner-logo {\n width: 45px;\n height: 45px;\n }\n\n .banner-title {\n font-size: 16px;\n }\n\n .banner-subtitle {\n font-size: 12px;\n }\n\n .banner-button {\n padding: 10px 20px;\n font-size: 13px;\n }\n\n #floating-buttons {\n right: 25px;\n bottom: 100px;\n }\n\n .floating-btn {\n width: 60px;\n height: 60px;\n }\n\n .btn-ring img {\n width: 50px;\n height: 50px;\n }\n\n #fchat-popup {\n right: 25px;\n width: 360px;\n bottom: 170px;\n }\n\n body.no-banner #fchat-popup {\n bottom: 100px;\n }\n\n .footer {\n padding: 18px 20px;\n }\n\n .footer-links {\n gap: 12px;\n }\n\n .footer-link {\n padding: 12px 10px;\n }\n\n .footer-icon {\n width: 36px;\n height: 36px;\n }\n\n .footer-text {\n font-size: 12px;\n }\n\n \/* \u0110i\u1ec1u ch\u1ec9nh cho desktop *\/\n .phone-prefix {\n padding: 0 18px;\n font-size: 20px; \/* Emoji l\u1edbn h\u01a1n tr\u00ean desktop *\/\n }\n }\n\n \/* Touch improvements *\/\n @media (max-width: 767px) {\n .body input {\n font-size: 16px;\n }\n \n .floating-btn {\n width: 50px;\n height: 50px;\n }\n \n .btn-ring img {\n width: 42px;\n height: 42px;\n }\n }\n\n \/* \u0110\u1ea3m b\u1ea3o popup kh\u00f4ng b\u1ecb che tr\u00ean mobile *\/\n @media (max-width: 480px) {\n #fchat-popup {\n right: 10px;\n left: 10px;\n width: auto;\n max-width: none;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n\n<div id=\"bottom-banner\">\n <div class=\"banner-content\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/timgiasu.vn\/wp-content\/uploads\/2025\/08\/411661361_122122510088090802_2288663156111754929_n.jpg?ssl=1\" alt=\"Logo\" class=\"banner-logo\" \/>\n <div class=\"banner-text\">\n <div class=\"banner-title\">T\u00ccM GIA S\u01af 1 K\u00c8M 1 GI\u1eceI<\/div>\n <div class=\"banner-subtitle\">\u0110\u0103ng k\u00fd t\u00ecm gia s\u01b0 d\u1ea1y k\u00e8m t\u1ea1i nh\u00e0, nhanh ch\u00f3ng ch\u1ec9 v\u1edbi 1 b\u01b0\u1edbc \u0111\u01a1n gi\u1ea3n<\/div>\n <\/div>\n <\/div>\n <div class=\"banner-buttons\">\n <a href=\"https:\/\/timgiasu.vn\/timgiasu\/\" target=\"_blank\" class=\"banner-button\">\n \u0110\u0102NG K\u00dd\n <\/a>\n <button class=\"close-banner\" onclick=\"closeBanner()\" title=\"\u0110\u00f3ng banner\">\n \u2715\n <\/button>\n <\/div>\n<\/div>\n\n\n<div id=\"floating-buttons\">\n \n <button class=\"floating-btn\" onclick=\"openZalo()\" aria-label=\"Li\u00ean h\u1ec7 Zalo\">\n <div class=\"btn-ring zalo-ring\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/timgiasu.vn\/wp-content\/uploads\/2025\/08\/Icon_of_Zalo.svg.webp?ssl=1\" alt=\"Zalo\" \/>\n <\/div>\n <\/button>\n\n \n <button class=\"floating-btn\" onclick=\"toggleFchat()\" aria-label=\"M\u1edf form \u0111\u0103ng k\u00fd\">\n <div class=\"btn-ring chat-ring\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/timgiasu.vn\/wp-content\/uploads\/2025\/08\/telephone-2.png?ssl=1\" alt=\"Chat Icon\" \/>\n <\/div>\n <\/button>\n<\/div>\n\n\n<div id=\"fchat-popup\">\n <div class=\"header\">\n <div class=\"left\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/timgiasu.vn\/wp-content\/uploads\/2025\/08\/411661361_122122510088090802_2288663156111754929_n.jpg?ssl=1\" alt=\"Logo\" \/>\n <div class=\"header-text\">\n <h4>GIA S\u01af NEXTCV<\/h4>\n <small>Li\u00ean h\u1ec7 v\u1edbi ch\u00fang t\u00f4i!<\/small>\n <\/div>\n <\/div>\n <div class=\"close\" onclick=\"toggleFchat()\">✕<\/div>\n <\/div>\n\n <div class=\"body\">\n \n <div class=\"form-container\" id=\"form-container\">\n <p>\n Qu\u00fd Ph\u1ee5 Huynh, vui l\u00f2ng \u0111\u1ec3 l\u1ea1i <b>S\u1ed0 \u0110I\u1ec6N THO\u1ea0I<\/b>, nh\u00e2n vi\u00ean s\u1ebd li\u00ean h\u1ec7 <b>T\u01af V\u1ea4N MI\u1ec4N PH\u00cd<\/b> l\u1ea1i ngay b\u00e2y gi\u1edd!\n <\/p>\n <form onsubmit=\"submitFchat(event)\">\n <input type=\"text\" name=\"name\" placeholder=\"T\u00ean ph\u1ee5 huynh\" required \/>\n \n \n <div class=\"phone-input-container\">\n <div class=\"phone-prefix\">\n \ud83c\uddfb\ud83c\uddf3\n <\/div>\n <input type=\"tel\" name=\"phone\" class=\"phone-input\" placeholder=\"S\u1ed1 \u0111i\u1ec7n tho\u1ea1i\" required \/>\n <\/div>\n \n <input type=\"hidden\" name=\"timestamp\" id=\"timestamp\">\n <div class=\"loading\">\n <div class=\"loading-spinner\"><\/div>\n <span>\u0110ang g\u1eedi th\u00f4ng tin…<\/span>\n <\/div>\n <div class=\"error-message\">\n C\u00f3 l\u1ed7i x\u1ea3y ra khi g\u1eedi th\u00f4ng tin. Vui l\u00f2ng th\u1eed l\u1ea1i ho\u1eb7c li\u00ean h\u1ec7 tr\u1ef1c ti\u1ebfp.\n <\/div>\n <button type=\"submit\" id=\"submit-btn\">G\u1eedi Th\u00f4ng Tin<\/button>\n <\/form>\n <\/div>\n\n \n <div class=\"success-message\" id=\"success-message\">\n <div style=\"font-size: 24px; margin-bottom: 10px;\">\u2705<\/div>\n <strong>\u0110\u0102NG K\u00dd TH\u00c0NH C\u00d4NG!<\/strong><br>\n <div class=\"customer-name\" id=\"customer-name-display\">\n \n <\/div>\n C\u1ea3m \u01a1n Qu\u00fd Ph\u1ee5 Huynh \u0111\u00e3 \u0111\u0103ng k\u00fd!<br>\n Nh\u00e2n vi\u00ean t\u01b0 v\u1ea5n s\u1ebd li\u00ean h\u1ec7 l\u1ea1i ngay.<br>\n <div class=\"countdown\" id=\"countdown\">\n Popup s\u1ebd t\u1ef1 \u0111\u1ed9ng \u0111\u00f3ng sau <span id=\"countdown-number\">5<\/span> gi\u00e2y…\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"footer\">\n <div class=\"footer-links\">\n <a href=\"https:\/\/zalo.me\/0375443352\" target=\"_blank\" class=\"footer-link\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/timgiasu.vn\/wp-content\/uploads\/2025\/08\/Icon_of_Zalo.svg.webp?ssl=1\" alt=\"Zalo\" class=\"footer-icon\" \/>\n <span class=\"footer-text\">Zalo<\/span>\n <\/a>\n <a href=\"https:\/\/www.messenger.com\/t\/233009399891878\/\" target=\"_blank\" class=\"footer-link\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/timgiasu.vn\/wp-content\/uploads\/2025\/08\/facebook.png?ssl=1\" alt=\"Messenger\" class=\"footer-icon\" \/>\n <span class=\"footer-text\">Messenger<\/span>\n <\/a>\n <a href=\"tel:0347086798\" class=\"footer-link\">\n <img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/timgiasu.vn\/wp-content\/uploads\/2025\/08\/telephone-call.png?ssl=1\" alt=\"Phone\" class=\"footer-icon\" \/>\n <span class=\"footer-text\">Hotline<\/span>\n <\/a>\n <\/div>\n <div class=\"credit\">by Sign Group<\/div>\n <\/div>\n<\/div>\n\n<script>\n\/\/ H\u00e0m \u0111\u00f3ng banner - \u1ea9n banner v\u00e0 d\u1ecbch 2 n\u00fat xu\u1ed1ng\nfunction closeBanner() {\n const banner = document.getElementById('bottom-banner');\n banner.style.display = 'none';\n \n \/\/ Th\u00eam class no-banner \u0111\u1ec3 d\u1ecbch 2 n\u00fat xu\u1ed1ng\n document.body.classList.add('no-banner');\n}\n\n\/\/ H\u00e0m m\u1edf Zalo\nfunction openZalo() {\n window.open('https:\/\/zalo.me\/0375443352', '_blank');\n}\n\n\/\/ H\u00e0m chung \u0111\u1ec3 hi\u1ec3n th\u1ecb\/\u1ea9n popup\nfunction toggleFchat() {\n const box = document.getElementById('fchat-popup');\n const isVisible = box.style.display === 'block';\n box.style.display = isVisible ? 'none' : 'block';\n \n \/\/ Reset form khi \u0111\u00f3ng popup\n if (isVisible) {\n resetForm();\n } else {\n \/\/ C\u1eadp nh\u1eadt timestamp khi m\u1edf form\n document.getElementById('timestamp').value = new Date().toISOString();\n }\n}\n\n\/\/ H\u00e0m reset form v\u00e0 th\u00f4ng b\u00e1o\nfunction resetForm() {\n const form = document.querySelector('#fchat-popup form');\n form.reset();\n document.querySelector('.error-message').style.display = 'none';\n document.querySelector('.loading').style.display = 'none';\n document.getElementById('submit-btn').disabled = false;\n \n \/\/ Hi\u1ec3n th\u1ecb l\u1ea1i form v\u00e0 \u1ea9n th\u00f4ng b\u00e1o th\u00e0nh c\u00f4ng\n document.getElementById('form-container').classList.remove('hidden');\n document.getElementById('success-message').style.display = 'none';\n}\n\n\/\/ H\u00e0m hi\u1ec3n th\u1ecb th\u00f4ng b\u00e1o th\u00e0nh c\u00f4ng v\u1edbi countdown\nfunction showSuccessMessage(customerName) {\n \/\/ Hi\u1ec3n th\u1ecb t\u00ean ph\u1ee5 huynh\n document.getElementById('customer-name-display').innerHTML = `Ph\u1ee5 huynh: <span style=\"color: #2a3eb1;\">${customerName}<\/span>`;\n \n \/\/ \u1ea8n form\n document.getElementById('form-container').classList.add('hidden');\n \n \/\/ Hi\u1ec3n th\u1ecb th\u00f4ng b\u00e1o th\u00e0nh c\u00f4ng\n document.getElementById('success-message').style.display = 'block';\n \n \/\/ B\u1eaft \u0111\u1ea7u countdown\n let countdown = 5;\n const countdownElement = document.getElementById('countdown-number');\n countdownElement.textContent = countdown;\n \n const countdownInterval = setInterval(() => {\n countdown--;\n countdownElement.textContent = countdown;\n \n if (countdown <= 0) {\n clearInterval(countdownInterval);\n toggleFchat();\n }\n }, 1000);\n}\n\n\/\/ H\u00e0m g\u1eedi d\u1eef li\u1ec7u \u0111\u1ebfn Google Apps Script\nfunction submitFchat(e) {\n e.preventDefault();\n \n \/\/ Hi\u1ec3n th\u1ecb loading, \u1ea9n th\u00f4ng b\u00e1o l\u1ed7i n\u1ebfu c\u00f3\n document.querySelector('.loading').style.display = 'block';\n document.querySelector('.error-message').style.display = 'none';\n document.getElementById('submit-btn').disabled = true;\n \n \/\/ L\u1ea5y d\u1eef li\u1ec7u t\u1eeb form\n const formData = new FormData(e.target);\n const customerName = formData.get('name');\n const data = {\n name: customerName,\n phone: formData.get('phone'),\n timestamp: formData.get('timestamp')\n };\n \n \/\/ G\u1eedi d\u1eef li\u1ec7u \u0111\u1ebfn Google Apps Script\n fetch('https:\/\/script.google.com\/macros\/s\/AKfycbxmggfzbujFwa7fFl1lopCCBFb_Om99ZN_20Gve5_gZ3BNUN-1ciXDDjSAwXYlk8v7Dcw\/exec', {\n method: 'POST',\n mode: 'no-cors',\n headers: {\n 'Content-Type': 'application\/json',\n },\n body: JSON.stringify(data)\n })\n .then(() => {\n \/\/ \u1ea8n loading v\u00e0 hi\u1ec3n th\u1ecb th\u00f4ng b\u00e1o th\u00e0nh c\u00f4ng ngay l\u1eadp t\u1ee9c\n document.querySelector('.loading').style.display = 'none';\n showSuccessMessage(customerName);\n })\n .catch(error => {\n console.error('Error:', error);\n document.querySelector('.loading').style.display = 'none';\n document.querySelector('.error-message').style.display = 'block';\n document.getElementById('submit-btn').disabled = false;\n });\n}\n\n\/\/ T\u1ef1 \u0111\u1ed9ng c\u1eadp nh\u1eadt timestamp khi trang \u0111\u01b0\u1ee3c t\u1ea3i\ndocument.addEventListener('DOMContentLoaded', function() {\n document.getElementById('timestamp').value = new Date().toISOString();\n});\n\n\/\/ \u1ea8n popup v\u00e0 floating buttons tr\u00ean trang thanh to\u00e1n\nfunction hideOnCheckoutPage() {\n if (window.location.href.includes('\/thanh-toan\/') || \n window.location.href.includes('\/checkout\/') || \n window.location.pathname.includes('thanh-toan')) {\n \n \/\/ \u1ea8n t\u1ea5t c\u1ea3 c\u00e1c ph\u1ea7n t\u1eed\n const banner = document.getElementById('bottom-banner');\n const buttons = document.getElementById('floating-buttons');\n const popup = document.getElementById('fchat-popup');\n \n if (banner) banner.style.display = 'none';\n if (buttons) buttons.style.display = 'none';\n if (popup) popup.style.display = 'none';\n \n \/\/ Th\u00eam class no-banner\n document.body.classList.add('no-banner');\n }\n}\n\n\/\/ Ch\u1ea1y khi trang t\u1ea3i xong\ndocument.addEventListener('DOMContentLoaded', hideOnCheckoutPage);\n\/\/ Ch\u1ea1y l\u1ea1i n\u1ebfu c\u00f3 s\u1ef1 ki\u1ec7n route change (cho SPA)\nwindow.addEventListener('load', hideOnCheckoutPage);\n\n\/\/ Touch improvements\ndocument.addEventListener('touchstart', function() {}, { passive: true });\n<\/script>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>B\u1ea3ng Gi\u00e1 H\u1ecdc Ph\u00ed – Gia S\u01b0 NextCV \u0110\u0103ng k\u00fd ngay H\u1ecdc Ph\u00ed Gia S\u01b0 D\u1ea1y K\u00e8m T\u1ea1i Nh\u00e0 B\u1ea3ng gi\u00e1 minh b\u1ea1ch cho t\u1ea5t c\u1ea3 c\u00e1c m\u00f4n h\u1ecdc v\u00e0 l\u1ed9 tr\u00ecnh luy\u1ec7n thi chuy\u1ec3n c\u1ea5p, \u0111\u1ea1i h\u1ecdc. Ch\u01b0\u01a1ng tr\u00ecnh h\u1ecdc Ti\u1ec1n ti\u1ec3u h\u1ecdc \/ C\u1ea5p 1 THCS (L\u1edbp 6 – 9)THPT (L\u1edbp 10 – […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"service","meta":{"advanced_seo_description":"","jetpack_seo_html_title":"","jetpack_seo_noindex":false,"footnotes":""},"class_list":["post-109","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/timgiasu.vn\/index.php?rest_route=\/wp\/v2\/pages\/109","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/timgiasu.vn\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/timgiasu.vn\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/timgiasu.vn\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/timgiasu.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=109"}],"version-history":[{"count":101,"href":"https:\/\/timgiasu.vn\/index.php?rest_route=\/wp\/v2\/pages\/109\/revisions"}],"predecessor-version":[{"id":3803,"href":"https:\/\/timgiasu.vn\/index.php?rest_route=\/wp\/v2\/pages\/109\/revisions\/3803"}],"wp:attachment":[{"href":"https:\/\/timgiasu.vn\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=109"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}