{"id":352,"date":"2026-08-07T12:08:06","date_gmt":"2026-08-07T05:08:06","guid":{"rendered":"https:\/\/webbe.vn\/final\/?page_id=352"},"modified":"2026-08-07T12:08:19","modified_gmt":"2026-08-07T05:08:19","slug":"trung-tam-ho-tro","status":"publish","type":"page","link":"https:\/\/webbe.vn\/final\/trung-tam-ho-tro\/","title":{"rendered":"TRUNG T\u00c2M H\u1ed6 TR\u1ee2"},"content":{"rendered":"\n\n\t<section class=\"section\" id=\"section_165861523\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-full-width align-center\"  id=\"row-1608053006\">\n\n\n\t<div id=\"col-1643530394\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- Tailwind CSS & Font Awesome Integration -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;family=Plus+Jakarta+Sans:ital,wght@0,400;0,600;0,700;0,800;1,700&#038;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<script>\n    tailwind.config = {\n        theme: {\n            extend: {\n                fontFamily: {\n                    sans: ['Inter', 'sans-serif'],\n                    display: ['Plus Jakarta Sans', 'sans-serif'],\n                },\n                colors: {\n                    nexus: {\n                        dark: '#050814',\n                        darker: '#02040A',\n                        card: '#0D1326',\n                        cardLight: '#161F38',\n                        cyan: '#06B6D4',\n                        cyanLight: '#67E8F9',\n                        cyanDark: '#0891B2',\n                        emerald: '#10B981',\n                        emeraldLight: '#34D399',\n                        violet: '#6366F1',\n                        rose: '#F43F5E',\n                        slate: '#94A3B8',\n                    }\n                },\n                animation: {\n                    'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n                    'float': 'float 4s ease-in-out infinite',\n                    'scan': 'scan 2s linear infinite',\n                },\n                keyframes: {\n                    float: {\n                        '0%, 100%': { transform: 'translateY(0)' },\n                        '50%': { transform: 'translateY(-10px)' }\n                    },\n                    scan: {\n                        '0%': { top: '0%' },\n                        '50%': { top: '100%' },\n                        '100%': { top: '0%' }\n                    }\n                }\n            }\n        }\n    }\n<\/script>\n\n<style>\n    .gradient-cyan-text {\n        background: linear-gradient(135deg, #67E8F9 0%, #06B6D4 50%, #0891B2 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n    .gradient-rose-text {\n        background: linear-gradient(135deg, #FDA4AF 0%, #F43F5E 50%, #BE123C 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n    .gradient-cyan-btn {\n        background: linear-gradient(135deg, #0891B2 0%, #06B6D4 50%, #0891B2 100%);\n        background-size: 200% auto;\n        transition: 0.5s;\n    }\n    .gradient-cyan-btn:hover {\n        background-position: right center;\n    }\n    .custom-scrollbar::-webkit-scrollbar {\n        width: 6px;\n    }\n    .custom-scrollbar::-webkit-scrollbar-track {\n        background: #02040A;\n    }\n    .custom-scrollbar::-webkit-scrollbar-thumb {\n        background: #111827;\n        border-radius: 3px;\n    }\n    .custom-scrollbar::-webkit-scrollbar-thumb:hover {\n        background: #06B6D4;\n    }\n    .code-font {\n        font-family: 'Courier New', Courier, monospace;\n    }\n<\/style>\n\n<div class=\"bg-nexus-dark text-gray-200 font-sans antialiased overflow-x-hidden custom-scrollbar\">\n\n    <!-- Hero Section -->\n    <header class=\"relative pt-12 pb-16 lg:pt-20 lg:pb-24 bg-gradient-to-b from-nexus-darker via-nexus-dark to-nexus-dark overflow-hidden\">\n        <div class=\"absolute top-1\/4 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-&#091;600px&#093; h-&#091;600px&#093; bg-nexus-cyan\/10 rounded-full blur-&#091;140px&#093; pointer-events-none animate-pulse-slow\"><\/div>\n        <div class=\"absolute bottom-0 right-1\/4 w-&#091;400px&#093; h-&#091;400px&#093; bg-nexus-violet\/5 rounded-full blur-&#091;150px&#093; pointer-events-none\"><\/div>\n        \n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center\">\n            <span class=\"inline-flex items-center space-x-2 px-4 py-1.5 rounded-full bg-nexus-cyan\/10 border border-nexus-cyan\/30 text-xs font-semibold tracking-wider text-nexus-cyanLight uppercase mb-6 animate-float\">\n                <span class=\"w-2 h-2 rounded-full bg-nexus-emerald animate-ping\"><\/span>\n                <span>CH\u1ee6 \u0110\u1ed8NG B\u1ea2O V\u1ec6 \u2013 GI\u1eee TH\u1edcI GIAN HO\u1ea0T \u0110\u1ed8NG 99.99%<\/span>\n            <\/span>\n            <h1 class=\"font-display font-extrabold text-4xl sm:text-5xl lg:text-6xl text-white leading-tight max-w-4xl mx-auto\">\n                K\u1ef9 Ngh\u1ec7 V\u1eadn H\u00e0nh &#038; <br>\n                <span class=\"gradient-cyan-text\">H\u1ed7 Tr\u1ee3 C\u00f4ng Ngh\u1ec7 T\u1ed1c \u0110\u1ed9 \u00c1nh S\u00e1ng<\/span>\n            <\/h1>\n            <p class=\"text-base sm:text-lg text-nexus-slate max-w-3xl mx-auto mt-6 leading-relaxed\">\n                H\u1ec7 th\u1ed1ng website \u0111\u1ed9c b\u1ea3n c\u1ea7n m\u1ed9t s\u1ef1 b\u1ea3o an x\u1ee9ng t\u1ea7m. Kh\u00f4ng chuy\u1ec3n giao cho t\u1ed5ng \u0111\u00e0i t\u1ef1 \u0111\u1ed9ng h\u1eddi h\u1ee3t, Nexus Care \u0111\u1ed3ng h\u00e0nh tr\u1ef1c ti\u1ebfp t\u1eeb c\u1ea5p \u0111\u1ed9 k\u1ef9 s\u01b0 c\u1ed1t l\u00f5i, b\u1ea3o h\u00e0nh v\u0129nh vi\u1ec5n v\u00e0 ph\u1ea3n h\u1ed3i trong t\u00edch t\u1eafc.\n            <\/p>\n            \n            <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 max-w-4xl mx-auto mt-12 p-4 bg-nexus-card border border-white\/5 rounded-2xl text-center\">\n                <div>\n                    <span class=\"text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider block\">Th\u1eddi gian ho\u1ea1t \u0111\u1ed9ng (Uptime)<\/span>\n                    <p class=\"font-display font-extrabold text-white text-lg mt-0.5\">99.99%<\/p>\n                <\/div>\n                <div class=\"border-l border-white\/5\">\n                    <span class=\"text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider block\">SLA SOS S\u1ef1 C\u1ed1<\/span>\n                    <p class=\"font-display font-extrabold text-nexus-cyan text-lg mt-0.5\">&lt; 15 Ph\u00fat<\/p>\n                <\/div>\n                <div class=\"border-l border-white\/5\">\n                    <span class=\"text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider block\">B\u1ea3o h\u00e0nh m\u00e3 ngu\u1ed3n<\/span>\n                    <p class=\"font-display font-extrabold text-nexus-emeraldLight text-lg mt-0.5\">V\u0129nh Vi\u1ec5n<\/p>\n                <\/div>\n                <div class=\"border-l border-white\/5\">\n                    <span class=\"text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider block\">K\u1ef9 s\u01b0 t\u00fac tr\u1ef1c tr\u1ef1c ti\u1ebfp<\/span>\n                    <p class=\"font-display font-extrabold text-white text-lg mt-0.5\">24\/7\/365<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Diagnostic Section -->\n    <section id=\"chan-doan\" class=\"relative pb-20 z-10\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"bg-nexus-card border border-white\/10 rounded-3xl p-6 sm:p-8 shadow-2xl relative overflow-hidden\">\n                <div class=\"absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-nexus-cyan to-transparent\"><\/div>\n                \n                <div class=\"max-w-3xl mx-auto text-center space-y-4 mb-8\">\n                    <span class=\"text-xs font-extrabold tracking-widest text-nexus-cyan uppercase bg-nexus-cyan\/10 px-3 py-1 rounded-full\"><i class=\"fa-solid fa-terminal mr-1.5\"><\/i> NEXUS LIVE DIAGNOSTIC CONSOLE<\/span>\n                    <h2 class=\"font-display font-bold text-2xl sm:text-3xl text-white\">Ch\u1ea9n \u0110o\u00e1n S\u1ee9c Kh\u1ecfe Website T\u1ef1 \u0110\u1ed9ng<\/h2>\n                    <p class=\"text-nexus-slate text-xs sm:text-sm\">Nh\u1eadp \u0111\u1ecba ch\u1ec9 website c\u1ee7a b\u1ea1n \u0111\u1ec3 h\u1ec7 th\u1ed1ng Nexus Core gi\u1ea3 l\u1eadp qu\u00e9t m\u00e3 s\u1ea1ch, t\u1ed1c \u0111\u1ed9 t\u1ea3i v\u00e0 kh\u1ea3 n\u0103ng t\u00edch h\u1ee3p CRM trong v\u00f2ng 5 gi\u00e2y.<\/p>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 items-stretch\">\n                    <div class=\"lg:col-span-5 bg-nexus-darker border border-white\/5 rounded-2xl p-6 flex flex-col justify-between\">\n                        <div class=\"space-y-4\">\n                            <div>\n                                <label class=\"block text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider font-bold mb-1.5\">\u0110\u1ecba ch\u1ec9 Website c\u1ea7n qu\u00e9t *<\/label>\n                                <div class=\"relative\">\n                                    <input type=\"text\" id=\"diag-url\" class=\"w-full bg-nexus-dark text-white text-xs rounded-xl p-3 pl-10 border border-white\/5 focus:outline-none focus:border-nexus-cyan transition\" placeholder=\"V\u00ed d\u1ee5: yourbusiness.com\" value=\"demowebsite.com\">\n                                    <i class=\"fa-solid fa-globe absolute left-3.5 top-3.5 text-nexus-slate text-&#091;11px&#093;\"><\/i>\n                                <\/div>\n                            <\/div>\n\n                            <div>\n                                <label class=\"block text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider font-bold mb-1.5\">M\u1ee5c ti\u00eau ki\u1ec3m tra tr\u1ecdng \u0111i\u1ec3m<\/label>\n                                <div class=\"grid grid-cols-2 gap-2\">\n                                    <button type=\"button\" onclick=\"selectDiagType('performance')\" id=\"btn-diag-perf\" class=\"p-3 bg-nexus-cyan border border-nexus-cyan text-center rounded-xl transition text-nexus-darker\">\n                                        <i class=\"fa-solid fa-gauge-high block text-base mb-1\"><\/i>\n                                        <span class=\"text-&#091;10px&#093; font-bold block\">T\u1ed1c \u0110\u1ed9 T\u1ea3i<\/span>\n                                    <\/button>\n                                    <button type=\"button\" onclick=\"selectDiagType('crm')\" id=\"btn-diag-crm\" class=\"p-3 bg-nexus-dark border border-white\/5 text-center text-nexus-slate hover:text-white rounded-xl transition\">\n                                        <i class=\"fa-solid fa-circle-nodes block text-base mb-1\"><\/i>\n                                        <span class=\"text-&#091;10px&#093; font-bold block\">\u0110\u1ed3ng B\u1ed9 CRM<\/span>\n                                    <\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"pt-6\">\n                            <button type=\"button\" onclick=\"runDiagnosticScan()\" class=\"w-full py-3.5 rounded-xl gradient-cyan-btn text-white font-bold text-xs uppercase tracking-widest shadow-md shadow-nexus-cyan\/20 flex items-center justify-center space-x-2\">\n                                <i class=\"fa-solid fa-arrows-spin animate-spin hidden\" id=\"diag-spinner\"><\/i>\n                                <i class=\"fa-solid fa-circle-play\" id=\"diag-play-icon\"><\/i>\n                                <span id=\"diag-btn-text\">K\u00cdCH HO\u1ea0T CH\u1ea8N \u0110O\u00c1N T\u1ee8C TH\u00cc<\/span>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"lg:col-span-7 bg-nexus-darker border border-white\/10 rounded-2xl p-6 relative overflow-hidden flex flex-col justify-between min-h-&#091;320px&#093;\">\n                        <div id=\"diag-scanline\" class=\"absolute left-0 w-full h-&#091;2px&#093; bg-nexus-cyan\/50 blur-&#091;2px&#093; shadow-sm shadow-nexus-cyan\/80 z-20 pointer-events-none hidden\"><\/div>\n                        \n                        <div class=\"flex items-center justify-between border-b border-white\/5 pb-3\">\n                            <div class=\"flex items-center space-x-2\">\n                                <span class=\"w-2.5 h-2.5 rounded-full bg-nexus-rose\"><\/span>\n                                <span class=\"w-2.5 h-2.5 rounded-full bg-yellow-500\"><\/span>\n                                <span class=\"w-2.5 h-2.5 rounded-full bg-nexus-emerald\"><\/span>\n                                <span class=\"text-&#091;10px&#093; text-nexus-slate font-mono ml-2\">Console Output [v4.19_stable]<\/span>\n                            <\/div>\n                            <span class=\"text-&#091;9px&#093; bg-nexus-cyan\/15 text-nexus-cyan px-2 py-0.5 rounded font-mono\" id=\"diag-status-badge\">READY<\/span>\n                        <\/div>\n\n                        <div class=\"flex-1 font-mono text-xs text-nexus-slate py-4 overflow-y-auto max-h-&#091;220px&#093; space-y-2 select-none\" id=\"terminal-screen\">\n                            <p class=\"text-nexus-cyan\">\/\/ H\u1ec7 th\u1ed1ng ch\u1ea9n \u0111o\u00e1n Nexus Care \u0111\u00e3 s\u1eb5n s\u00e0ng.<\/p>\n                            <p class=\"text-gray-500\">\/\/ Vui l\u00f2ng nh\u1eadp \u0111\u1ecba ch\u1ec9 website v\u00e0 nh\u1ea5p qu\u00e9t \u0111\u1ec3 \u0111o l\u01b0\u1eddng t\u1ef1 \u0111\u1ed9ng.<\/p>\n                        <\/div>\n\n                        <div class=\"border-t border-white\/5 pt-3 grid grid-cols-3 gap-2 text-center\" id=\"diag-metrics-panel\">\n                            <div class=\"p-2 bg-nexus-dark rounded-xl border border-white\/5\">\n                                <span class=\"text-&#091;8px&#093; text-nexus-slate block\">CORE WEB VITALS<\/span>\n                                <p class=\"text-sm font-extrabold text-gray-500 font-mono\" id=\"metric-web-vitals\">&#8212;<\/p>\n                            <\/div>\n                            <div class=\"p-2 bg-nexus-dark rounded-xl border border-white\/5\">\n                                <span class=\"text-&#091;8px&#093; text-nexus-slate block\">PAGE SPEED SCORE<\/span>\n                                <p class=\"text-sm font-extrabold text-gray-500 font-mono\" id=\"metric-speed\">&#8212;<\/p>\n                            <\/div>\n                            <div class=\"p-2 bg-nexus-dark rounded-xl border border-white\/5\">\n                                <span class=\"text-&#091;8px&#093; text-nexus-slate block\">SECURITY &#038; SSL<\/span>\n                                <p class=\"text-sm font-extrabold text-gray-500 font-mono\" id=\"metric-security\">&#8212;<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Ticket Section -->\n    <main id=\"tao-ticket\" class=\"relative pb-24 z-10\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-stretch\">\n                \n                <div class=\"lg:col-span-5 flex flex-col justify-between space-y-8\">\n                    <div class=\"bg-nexus-card border border-white\/5 rounded-3xl p-6 sm:p-8 space-y-6 relative overflow-hidden\" id=\"sla-display-card\">\n                        <div class=\"absolute -right-12 -top-12 w-32 h-32 bg-nexus-cyan\/5 rounded-full blur-2xl pointer-events-none\"><\/div>\n                        \n                        <div class=\"flex justify-between items-center\">\n                            <h3 class=\"font-display font-bold text-xl text-white flex items-center space-x-3\">\n                                <span class=\"w-1.5 h-6 rounded-full bg-nexus-cyan\" id=\"sla-bar-indicator\"><\/span>\n                                <span>Cam K\u1ebft SLA Kh\u1eafc Ph\u1ee5c<\/span>\n                            <\/h3>\n                            <span class=\"text-&#091;10px&#093; font-bold px-2 py-1 rounded bg-nexus-cyan\/15 text-nexus-cyanLight\" id=\"sla-level-badge\">TI\u00caU CHU\u1ea8N<\/span>\n                        <\/div>\n\n                        <p class=\"text-xs text-nexus-slate\">Th\u1eddi gian ph\u1ea3n h\u1ed3i k\u1ef9 thu\u1eadt kh\u1ea9n c\u1ea5p v\u00e0 gi\u1ea3i quy\u1ebft v\u1ea5n \u0111\u1ec1 tr\u1ef1c ti\u1ebfp \u0111\u01b0\u1ee3c t\u00ednh to\u00e1n t\u1ef1 \u0111\u1ed9ng d\u1ef1a tr\u00ean m\u1ee9c \u0111\u1ed9 \u01b0u ti\u00ean c\u1ee7a phi\u1ebfu h\u1ed7 tr\u1ee3.<\/p>\n\n                        <div class=\"bg-nexus-darker p-5 rounded-2xl border border-white\/5 text-center space-y-2\">\n                            <span class=\"text-&#091;9px&#093; text-nexus-slate uppercase tracking-widest font-bold block\">TH\u1edcI GIAN PH\u1ea2N H\u1ed2I CAM K\u1ebeT (SLA)<\/span>\n                            <div class=\"text-3xl font-display font-black text-white font-mono tracking-wider\" id=\"sla-countdown-time\">\n                                02 <span class=\"text-xs font-sans text-nexus-slate font-medium\">Gi\u1edd<\/span> 00 <span class=\"text-xs font-sans text-nexus-slate font-medium\">Ph\u00fat<\/span>\n                            <\/div>\n                            <span class=\"text-&#091;9px&#093; text-nexus-emeraldLight font-mono block\"><i class=\"fa-solid fa-clock-rotate-left mr-1\"><\/i> Lu\u00f4n \u0111\u1ea3m b\u1ea3o t\u1ed1c \u0111\u1ed9 ph\u1ea3n h\u1ed3i t\u1ed1i \u01b0u<\/span>\n                        <\/div>\n\n                        <div class=\"border-t border-white\/5 pt-4 space-y-3\">\n                            <span class=\"text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider font-bold block\">Tuy\u1ebfn K\u1ef9 Thu\u1eadt D\u1ef1 Ph\u00f2ng<\/span>\n                            \n                            <div class=\"flex items-center justify-between bg-nexus-darker p-3 rounded-xl border border-white\/5\">\n                                <div class=\"flex items-center space-x-3\">\n                                    <div class=\"w-8 h-8 rounded-lg bg-nexus-cyan\/10 flex items-center justify-center text-nexus-cyan\">\n                                        <i class=\"fa-solid fa-phone-volume\"><\/i>\n                                    <\/div>\n                                    <div>\n                                        <h4 class=\"text-xs font-bold text-white\">Hotline SOS \u0110\u1ed9c Quy\u1ec1n<\/h4>\n                                        <p class=\"text-&#091;10px&#093; text-nexus-slate\">Ti\u1ebfp nh\u1eadn s\u1ef1 c\u1ed1 s\u1eadp trang 24\/7<\/p>\n                                    <\/div>\n                                <\/div>\n                                <span class=\"text-xs font-bold text-white\">1900 8888<\/span>\n                            <\/div>\n\n                            <div class=\"flex items-center justify-between bg-nexus-darker p-3 rounded-xl border border-white\/5\">\n                                <div class=\"flex items-center space-x-3\">\n                                    <div class=\"w-8 h-8 rounded-lg bg-nexus-violet\/10 flex items-center justify-center text-nexus-violet\">\n                                        <i class=\"fa-brands fa-discord\"><\/i>\n                                    <\/div>\n                                    <div>\n                                        <h4 class=\"text-xs font-bold text-white\">Discord Ops Channel<\/h4>\n                                        <p class=\"text-&#091;10px&#093; text-nexus-slate\">K\u1ebft n\u1ed1i tr\u1ef1c ti\u1ebfp Dev Team<\/p>\n                                    <\/div>\n                                <\/div>\n                                <span class=\"text-&#091;10px&#093; bg-nexus-emerald\/15 text-nexus-emeraldLight px-2 py-0.5 rounded font-bold\">ONLINE<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"bg-nexus-card border border-white\/5 rounded-3xl p-6 sm:p-8 space-y-4\">\n                        <h3 class=\"font-display font-bold text-lg text-white flex items-center space-x-3\">\n                            <span class=\"w-1.5 h-5 rounded-full bg-nexus-emerald\"><\/span>\n                            <span>Tr\u1ea1ng Th\u00e1i M\u00e1y Ch\u1ee7 Nexus<\/span>\n                        <\/h3>\n                        \n                        <div class=\"space-y-2.5\">\n                            <div class=\"flex items-center justify-between text-xs\">\n                                <span class=\"text-nexus-slate\">Cloud Server (Asia-East)<\/span>\n                                <span class=\"text-nexus-emeraldLight font-semibold flex items-center\"><span class=\"w-1.5 h-1.5 rounded-full bg-nexus-emerald animate-pulse mr-1.5\"><\/span>Ho\u1ea1t \u0111\u1ed9ng 100%<\/span>\n                            <\/div>\n                            <div class=\"flex items-center justify-between text-xs border-t border-white\/5 pt-2\">\n                                <span class=\"text-nexus-slate\">Database Replication Cluster<\/span>\n                                <span class=\"text-nexus-emeraldLight font-semibold flex items-center\"><span class=\"w-1.5 h-1.5 rounded-full bg-nexus-emerald animate-pulse mr-1.5\"><\/span>\u0110\u1ed3ng b\u1ed9 h\u00f3a 100%<\/span>\n                            <\/div>\n                            <div class=\"flex items-center justify-between text-xs border-t border-white\/5 pt-2\">\n                                <span class=\"text-nexus-slate\">T\u00edch h\u1ee3p API Webhook Gateway<\/span>\n                                <span class=\"text-nexus-emeraldLight font-semibold flex items-center\"><span class=\"w-1.5 h-1.5 rounded-full bg-nexus-emerald animate-pulse mr-1.5\"><\/span>B\u00ecnh th\u01b0\u1eddng<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"lg:col-span-7 bg-nexus-card border border-white\/10 rounded-3xl p-6 sm:p-8 shadow-2xl relative flex flex-col justify-between\">\n                    <div id=\"ticket-form-container\" class=\"space-y-6\">\n                        <div class=\"flex flex-col sm:flex-row justify-between sm:items-center gap-4 border-b border-white\/5 pb-4\">\n                            <div>\n                                <span class=\"text-xs text-nexus-cyan font-extrabold uppercase tracking-widest block\"><i class=\"fa-solid fa-clipboard-question mr-1.5\"><\/i> C\u1ed4NG KH\u1edeI T\u1ea0O TICKET Y\u00caU C\u1ea6U<\/span>\n                                <h2 class=\"font-display font-bold text-2xl text-white mt-1\">Y\u00eau C\u1ea7u H\u1ed7 Tr\u1ee3 K\u1ef9 Thu\u1eadt<\/h2>\n                            <\/div>\n                            <span class=\"self-start sm:self-center text-&#091;10px&#093; bg-nexus-cyan\/15 text-nexus-cyanLight font-bold px-3 py-1 rounded-full\"><i class=\"fa-solid fa-microchip mr-1\"><\/i> T\u1ef1 \u0111\u1ed9ng ph\u00e2n lu\u1ed3ng<\/span>\n                        <\/div>\n\n                        <form id=\"nexus-support-form\" onsubmit=\"submitSupportTicket(event)\" class=\"space-y-6\">\n                            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                                <div>\n                                    <label class=\"block text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider font-bold mb-1\">M\u00e3 H\u1ee3p \u0110\u1ed3ng \/ Website URL *<\/label>\n                                    <div class=\"relative\">\n                                        <input type=\"text\" id=\"contract-code\" required class=\"w-full bg-nexus-darker text-white text-xs rounded-xl p-3 pl-10 border border-white\/5 focus:outline-none focus:border-nexus-cyan transition\" placeholder=\"V\u00ed d\u1ee5: NEXUS-AUTO-409\">\n                                        <i class=\"fa-solid fa-file-contract absolute left-3.5 top-3.5 text-nexus-slate text-&#091;11px&#093;\"><\/i>\n                                    <\/div>\n                                <\/div>\n                                <div>\n                                    <label class=\"block text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider font-bold mb-1\">S\u1ed1 Zalo Li\u00ean H\u1ec7 *<\/label>\n                                    <div class=\"relative\">\n                                        <input type=\"tel\" id=\"support-phone\" required class=\"w-full bg-nexus-darker text-white text-xs rounded-xl p-3 pl-10 border border-white\/5 focus:outline-none focus:border-nexus-cyan transition\" placeholder=\"S\u0110T \u0111\u1ec3 nh\u1eadn c\u1eadp nh\u1eadt k\u1ef9 thu\u1eadt\">\n                                        <i class=\"fa-solid fa-mobile-screen-button absolute left-3.5 top-3.5 text-nexus-slate text-&#091;11px&#093;\"><\/i>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"space-y-2\">\n                                <label class=\"block text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider font-bold\">Ph\u00e2n C\u1ea5p M\u1ee9c \u0110\u1ed9 \u1ea2nh H\u01b0\u1edfng S\u1ef1 C\u1ed1 *<\/label>\n                                <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-2\">\n                                    <label class=\"flex flex-col bg-nexus-darker p-3 rounded-xl cursor-pointer border border-transparent hover:border-nexus-cyan\/30 transition text-left\" onclick=\"selectUrgency('low')\">\n                                        <div class=\"flex items-center space-x-2\">\n                                            <input type=\"radio\" name=\"urgency\" value=\"low\" checked class=\"text-nexus-cyan focus:ring-nexus-cyan\">\n                                            <span class=\"text-xs font-bold text-white\">Y\u00eau C\u1ea7u C\u1ea3i Ti\u1ebfn Nh\u1ecf<\/span>\n                                        <\/div>\n                                        <span class=\"text-&#091;9px&#093; text-nexus-slate block mt-1.5\">Thay \u0111\u1ed5i n\u1ed9i dung, tinh ch\u1ec9nh CSS, c\u1eadp nh\u1eadt h\u00ecnh \u1ea3nh.<\/span>\n                                    <\/label>\n                                    \n                                    <label class=\"flex flex-col bg-nexus-darker p-3 rounded-xl cursor-pointer border border-transparent hover:border-nexus-cyan\/30 transition text-left\" onclick=\"selectUrgency('medium')\">\n                                        <div class=\"flex items-center space-x-2\">\n                                            <input type=\"radio\" name=\"urgency\" value=\"medium\" class=\"text-nexus-cyan focus:ring-nexus-cyan\">\n                                            <span class=\"text-xs font-bold text-white\">L\u1ed7i Ch\u1ee9c N\u0103ng Ph\u1ee5<\/span>\n                                        <\/div>\n                                        <span class=\"text-&#091;9px&#093; text-nexus-slate block mt-1.5\">L\u1ed7i g\u1eedi form, h\u1ecfng li\u00ean k\u1ebft, kh\u00f4ng t\u1ea3i \u0111\u01b0\u1ee3c video\/m\u00f4 h\u00ecnh 3D.<\/span>\n                                    <\/label>\n\n                                    <label class=\"flex flex-col bg-nexus-darker p-3 rounded-xl cursor-pointer border border-transparent hover:border-nexus-cyan\/30 transition text-left\" onclick=\"selectUrgency('high')\">\n                                        <div class=\"flex items-center space-x-2\">\n                                            <input type=\"radio\" name=\"urgency\" value=\"high\" class=\"text-nexus-cyan focus:ring-nexus-cyan\">\n                                            <span class=\"text-xs font-rose-400 font-bold\">H\u1ec6 TH\u1ed0NG S\u1eacP KH\u1ea8N C\u1ea4P<\/span>\n                                        <\/div>\n                                        <span class=\"text-&#091;9px&#093; text-nexus-rose block mt-1.5\">Kh\u00f4ng truy c\u1eadp \u0111\u01b0\u1ee3c website, c\u1ed5ng thanh to\u00e1n treo, s\u1eadp to\u00e0n di\u1ec7n.<\/span>\n                                    <\/label>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"space-y-2\">\n                                <label class=\"block text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider font-bold\">Ph\u1ea1m vi k\u1ef9 thu\u1eadt c\u1ea7n can thi\u1ec7p<\/label>\n                                <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-2 text-center text-xs\">\n                                    <label class=\"flex items-center justify-center p-2 rounded-xl bg-nexus-darker border border-white\/5 cursor-pointer hover:border-nexus-cyan\/40 transition\">\n                                        <input type=\"checkbox\" name=\"tech_scope\" value=\"frontend\" class=\"rounded text-nexus-cyan focus:ring-nexus-cyan mr-1.5 bg-nexus-dark\">\n                                        <span class=\"text-&#091;10px&#093; font-semibold text-white\">Giao Di\u1ec7n \/ CSS<\/span>\n                                    <\/label>\n                                    <label class=\"flex items-center justify-center p-2 rounded-xl bg-nexus-darker border border-white\/5 cursor-pointer hover:border-nexus-cyan\/40 transition\">\n                                        <input type=\"checkbox\" name=\"tech_scope\" value=\"database\" class=\"rounded text-nexus-cyan focus:ring-nexus-cyan mr-1.5 bg-nexus-dark\">\n                                        <span class=\"text-&#091;10px&#093; font-semibold text-white\">C\u01a1 S\u1edf D\u1eef Li\u1ec7u<\/span>\n                                    <\/label>\n                                    <label class=\"flex items-center justify-center p-2 rounded-xl bg-nexus-darker border border-white\/5 cursor-pointer hover:border-nexus-cyan\/40 transition\">\n                                        <input type=\"checkbox\" name=\"tech_scope\" value=\"api_crm\" class=\"rounded text-nexus-cyan focus:ring-nexus-cyan mr-1.5 bg-nexus-dark\">\n                                        <span class=\"text-&#091;10px&#093; font-semibold text-white\">\u0110\u1ed3ng B\u1ed9 CRM\/API<\/span>\n                                    <\/label>\n                                    <label class=\"flex items-center justify-center p-2 rounded-xl bg-nexus-darker border border-white\/5 cursor-pointer hover:border-nexus-cyan\/40 transition\">\n                                        <input type=\"checkbox\" name=\"tech_scope\" value=\"hosting\" class=\"rounded text-nexus-cyan focus:ring-nexus-cyan mr-1.5 bg-nexus-dark\">\n                                        <span class=\"text-&#091;10px&#093; font-semibold text-white\">T\u00ean Mi\u1ec1n\/Hosting<\/span>\n                                    <\/label>\n                                <\/div>\n                            <\/div>\n\n                            <div>\n                                <label class=\"block text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider font-bold mb-1\">M\u00f4 t\u1ea3 chi ti\u1ebft s\u1ef1 c\u1ed1 ho\u1eb7c y\u00eau c\u1ea7u \u0111i\u1ec1u ch\u1ec9nh *<\/label>\n                                <textarea id=\"ticket-desc\" required rows=\"4\" class=\"w-full bg-nexus-darker text-white text-xs rounded-xl p-3 border border-white\/5 focus:outline-none focus:border-nexus-cyan transition\" placeholder=\"C\u00e0ng chi ti\u1ebft c\u00e0ng t\u1ed1t. V\u00ed d\u1ee5: Kh\u00e1ch h\u00e0ng click g\u1eedi \u0111\u1eb7t ph\u00f2ng \u1edf villa Deluxe b\u00e1o l\u1ed7i 'Error 502' sau khi thanh to\u00e1n qua Momo...\"><\/textarea>\n                            <\/div>\n\n                            <button type=\"submit\" class=\"w-full py-4 rounded-xl gradient-cyan-btn text-white font-bold text-xs uppercase tracking-widest shadow-lg shadow-nexus-cyan\/25 transition duration-300 transform hover:scale-&#091;1.01&#093; flex items-center justify-center space-x-2\">\n                                <i class=\"fa-solid fa-paper-plane animate-pulse\"><\/i>\n                                <span>G\u1eecI Y\u00caU C\u1ea6U \u0110\u1ebeN PH\u00d2NG K\u1ef8 THU\u1eacT<\/span>\n                            <\/button>\n                        <\/form>\n                    <\/div>\n\n                    <div id=\"ticket-success-box\" class=\"hidden p-8 bg-nexus-emerald\/10 border border-nexus-emerald\/30 rounded-3xl text-center space-y-4 my-auto\">\n                        <div class=\"w-16 h-16 rounded-full bg-nexus-emerald\/20 flex items-center justify-center mx-auto text-nexus-emerald text-3xl animate-bounce\">\n                            <i class=\"fa-solid fa-circle-check\"><\/i>\n                        <\/div>\n                        <h4 class=\"font-display font-bold text-2xl text-white\">Y\u00eau C\u1ea7u K\u1ef9 Thu\u1eadt \u0110\u00e3 \u0110\u01b0\u1ee3c Ti\u1ebfp Nh\u1eadn!<\/h4>\n                        <p class=\"text-xs text-nexus-slate leading-relaxed max-w-md mx-auto\">\n                            V\u00e9 h\u1ed7 tr\u1ee3 kh\u1ea9n c\u1ea5p c\u1ee7a b\u1ea1n \u0111\u00e3 \u0111\u01b0\u1ee3c m\u00e3 h\u00f3a v\u00e0 d\u1ed3n th\u1eb3ng t\u1edbi lu\u1ed3ng l\u00e0m vi\u1ec7c c\u1ee7a c\u00e1c k\u0129 s\u01b0 tr\u1ef1c thu\u1ed9c ph\u00f2ng v\u1eadn h\u00e0nh. Th\u1eddi gian ph\u1ea3n h\u1ed3i mu\u1ed9n nh\u1ea5t cam k\u1ebft tr\u01b0\u1edbc: <span id=\"success-sla-time\" class=\"text-nexus-cyan font-bold\">15 Ph\u00fat<\/span>.\n                        <\/p>\n                        \n                        <div class=\"p-4 bg-nexus-darker rounded-xl border border-white\/5 inline-block text-left text-xs max-w-sm w-full space-y-2\">\n                            <div>\n                                <p class=\"text-&#091;9px&#093; text-nexus-slate uppercase tracking-wider font-bold\">M\u00c3 TICKET B\u1ea2O AN<\/p>\n                                <p class=\"font-mono text-white select-all cursor-pointer\"><i class=\"fa-solid fa-barcode mr-2 text-nexus-cyan\"><\/i>NEXUS-TICKET-9942-SOS<\/p>\n                            <\/div>\n                            <div class=\"border-t border-white\/5 pt-2 flex justify-between text-&#091;11px&#093;\">\n                                <span class=\"text-nexus-slate\">\u0110\u1ed9 \u01b0u ti\u00ean:<\/span>\n                                <span class=\"text-nexus-rose font-bold\" id=\"success-priority-label\">H\u1ec6 TH\u1ed0NG S\u1eacP SOS<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <p class=\"text-&#091;11px&#093; text-nexus-slate\">M\u1ed9t tin nh\u1eafn t\u1ef1 \u0111\u1ed9ng c\u1eadp nh\u1eadt ti\u1ebfn \u0111\u1ed9 x\u1eed l\u00fd c\u1ee7a k\u1ef9 s\u01b0 tr\u01b0\u1edfng s\u1ebd \u0111\u01b0\u1ee3c g\u1eedi tr\u1ef1c ti\u1ebfp t\u1edbi Zalo c\u1ee7a b\u1ea1n trong v\u00e0i ph\u00fat.<\/p>\n                        <button type=\"button\" onclick=\"resetSupportForm()\" class=\"px-6 py-2.5 bg-nexus-card hover:bg-nexus-cardLight text-white font-semibold text-xs rounded-xl border border-white\/5 transition\">\n                            T\u1ea1o phi\u1ebfu y\u00eau c\u1ea7u kh\u00e1c\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/main>\n\n    <!-- FAQ Section -->\n    <section id=\"thu-vien-loi\" class=\"py-24 bg-nexus-darker border-t border-b border-white\/5 relative\">\n        <div class=\"absolute inset-0 bg-gradient-to-r from-nexus-cyan\/5 to-transparent pointer-events-none\"><\/div>\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"text-center max-w-3xl mx-auto space-y-4 mb-12\">\n                <span class=\"text-xs font-extrabold tracking-widest text-nexus-cyan uppercase bg-nexus-cyan\/10 px-3 py-1 rounded-full\">KHO T\u00c0I LI\u1ec6U K\u1ef8 THU\u1eacT<\/span>\n                <h2 class=\"font-display font-bold text-3xl sm:text-4xl text-white\">Th\u01b0 Vi\u1ec7n T\u1ef1 Kh\u1eafc Ph\u1ee5c S\u1ef1 C\u1ed1 Nhanh<\/h2>\n                <p class=\"text-nexus-slate text-sm sm:text-base\">Ch\u00fang t\u00f4i t\u00e0i li\u1ec7u h\u00f3a c\u00e1c b\u01b0\u1edbc t\u1ed1i \u01b0u h\u00f3a v\u1eadn h\u00e0nh th\u01b0\u1eddng g\u1eb7p nh\u1ea5t gi\u00fap b\u1ea1n ki\u1ec3m so\u00e1t ho\u00e0n to\u00e0n h\u1ec7 th\u1ed1ng website c\u1ee7a m\u00ecnh.<\/p>\n                \n                <div class=\"flex flex-wrap justify-center gap-2 pt-4\">\n                    <button onclick=\"filterTroubleshooter('all')\" id=\"tag-all\" class=\"px-4 py-1.5 rounded-full text-xs font-medium bg-nexus-cyan text-nexus-dark border border-nexus-cyan transition\">T\u1ea5t C\u1ea3<\/button>\n                    <button onclick=\"filterTroubleshooter('speed')\" id=\"tag-speed\" class=\"px-4 py-1.5 rounded-full text-xs font-medium bg-nexus-card text-nexus-slate border border-white\/5 hover:border-nexus-cyan\/40 transition\">T\u1ed1i \u01afu T\u1ed1c \u0110\u1ed9<\/button>\n                    <button onclick=\"filterTroubleshooter('crm')\" id=\"tag-crm\" class=\"px-4 py-1.5 rounded-full text-xs font-medium bg-nexus-card text-nexus-slate border border-white\/5 hover:border-nexus-cyan\/40 transition\">L\u1ed7i K\u1ebft N\u1ed1i CRM<\/button>\n                    <button onclick=\"filterTroubleshooter('dns')\" id=\"tag-dns\" class=\"px-4 py-1.5 rounded-full text-xs font-medium bg-nexus-card text-nexus-slate border border-white\/5 hover:border-nexus-cyan\/40 transition\">T\u00ean Mi\u1ec1n &#038; SSL<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto\" id=\"troubleshoot-grid\">\n                <div class=\"p-6 bg-nexus-card rounded-2xl border border-white\/5 space-y-3\" data-cat=\"speed\">\n                    <span class=\"text-&#091;9px&#093; bg-nexus-cyan\/15 text-nexus-cyan px-2.5 py-0.5 rounded-full font-bold uppercase\">T\u1ed1c \u0111\u1ed9 t\u1ea3i trang<\/span>\n                    <h4 class=\"font-display font-bold text-base text-white\">L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 duy tr\u00ec \u0111i\u1ec3m Google PageSpeed tr\u00ean 95?<\/h4>\n                    <p class=\"text-xs sm:text-sm text-nexus-slate leading-relaxed\">\n                        H\u1ec7 th\u1ed1ng website Nexus \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u c\u1ef1c h\u1ea1n m\u00e3 ngu\u1ed3n s\u1ea1ch. Tuy nhi\u00ean, n\u1ebfu b\u1ea1n t\u1ef1 t\u1ea3i l\u00ean c\u00e1c h\u00ecnh \u1ea3nh bi\u1ec3u ng\u1eef dung l\u01b0\u1ee3ng qu\u00e1 l\u1edbn (ch\u01b0a qua n\u00e9n WebP) ho\u1eb7c ch\u00e8n qu\u00e1 nhi\u1ec1u m\u00e3 theo d\u00f5i b\u00ean th\u1ee9 ba (Pixel, Tag Manager h\u1ecfng), \u0111i\u1ec3m t\u1ed1c \u0111\u1ed9 c\u00f3 th\u1ec3 b\u1ecb \u1ea3nh h\u01b0\u1edfng. H\u00e3y t\u1ed1i \u01b0u h\u00ecnh \u1ea3nh qua <span class=\"text-nexus-cyan\">TinyPNG<\/span> v\u00e0 t\u1ea3i l\u00ean \u0111\u1ecbnh d\u1ea1ng WebP\/SVG tr\u01b0\u1edbc khi \u0111\u01b0a l\u00ean trang.\n                    <\/p>\n                <\/div>\n\n                <div class=\"p-6 bg-nexus-card rounded-2xl border border-white\/5 space-y-3\" data-cat=\"crm\">\n                    <span class=\"text-&#091;9px&#093; bg-nexus-violet\/15 text-nexus-violet px-2.5 py-0.5 rounded-full font-bold uppercase\">K\u1ebft n\u1ed1i API CRM<\/span>\n                    <h4 class=\"font-display font-bold text-base text-white\">D\u1eef li\u1ec7u \u0111i\u1ec1n Form kh\u00f4ng \u0111\u1ed3ng b\u1ed9 v\u1ec1 HubSpot\/KiotViet?<\/h4>\n                    <p class=\"text-xs sm:text-sm text-nexus-slate leading-relaxed\">\n                        \u0110i\u1ec1u n\u00e0y th\u01b0\u1eddng x\u1ea3y ra khi Token k\u1ebft n\u1ed1i API (API Key) h\u1ebft h\u1ea1n ho\u1eb7c h\u1ec7 th\u1ed1ng CRM ph\u00eda b\u1ea1n c\u1eadp nh\u1eadt tr\u01b0\u1eddng d\u1eef li\u1ec7u m\u1edbi (Custom Field) b\u1eaft bu\u1ed9c nh\u01b0ng ch\u01b0a map v\u1edbi form tr\u00ean website. H\u00e3y li\u00ean h\u1ec7 b\u1ed9 ph\u1eadn h\u1ed7 tr\u1ee3 ho\u1eb7c truy c\u1eadp trang qu\u1ea3n tr\u1ecb Admin, c\u1eadp nh\u1eadt m\u00e3 Token b\u1ea3o m\u1eadt c\u1ee7a c\u1ed5ng CRM \u0111\u1ec3 k\u00edch ho\u1ea1t l\u1ea1i c\u1ed5ng k\u1ebft n\u1ed1i t\u1ef1 \u0111\u1ed9ng.\n                    <\/p>\n                <\/div>\n\n                <div class=\"p-6 bg-nexus-card rounded-2xl border border-white\/5 space-y-3\" data-cat=\"dns\">\n                    <span class=\"text-&#091;9px&#093; bg-nexus-emerald\/15 text-nexus-emeraldLight px-2.5 py-0.5 rounded-full font-bold uppercase\">T\u00ean mi\u1ec1n &#038; B\u1ea3o m\u1eadt<\/span>\n                    <h4 class=\"font-display font-bold text-base text-white\">C\u1ea3nh b\u00e1o &#8220;K\u1ebft n\u1ed1i kh\u00f4ng an to\u00e0n&#8221; (L\u1ed7i ch\u1ee9ng ch\u1ec9 SSL)?<\/h4>\n                    <p class=\"text-xs sm:text-sm text-nexus-slate leading-relaxed\">\n                        M\u1ecdi website Nexus b\u00e0n giao \u0111\u1ec1u t\u00edch h\u1ee3p ch\u1ee9ng ch\u1ec9 Let&#8217;s Encrypt SSL t\u1ef1 \u0111\u1ed9ng gia h\u1ea1n. N\u1ebfu b\u1ea1n \u0111\u1ed9t ng\u1ed9t th\u1ea5y c\u1ea3nh b\u00e1o n\u00e0y, c\u00f3 th\u1ec3 t\u00ean mi\u1ec1n c\u1ee7a b\u1ea1n ch\u01b0a \u0111\u01b0\u1ee3c tr\u1ecf c\u1ea5u h\u00ecnh \u0111\u00fang IP m\u00e1y ch\u1ee7 Cloudflare ho\u1eb7c ch\u1ee9ng ch\u1ec9 SSL b\u1ecb ngh\u1ebdn gia h\u1ea1n do thay \u0111\u1ed5i nh\u00e0 \u0111\u0103ng k\u00fd t\u00ean mi\u1ec1n. Ch\u1ec9 c\u1ea7n m\u1edf ticket kh\u1ea9n c\u1ea5p, k\u1ef9 thu\u1eadt s\u1ebd kh\u1edfi \u0111\u1ed9ng l\u1ea1i c\u1ea5u h\u00ecnh m\u00e1y ch\u1ee7 SSL trong 5 ph\u00fat.\n                    <\/p>\n                <\/div>\n\n                <div class=\"p-6 bg-nexus-card rounded-2xl border border-white\/5 space-y-3\" data-cat=\"speed\">\n                    <span class=\"text-&#091;9px&#093; bg-nexus-cyan\/15 text-nexus-cyan px-2.5 py-0.5 rounded-full font-bold uppercase\">Hi\u1ec3n th\u1ecb t\u01b0\u01a1ng t\u00e1c<\/span>\n                    <h4 class=\"font-display font-bold text-base text-white\">M\u00f4 h\u00ecnh xe 3D ho\u1eb7c t\u01b0\u01a1ng t\u00e1c ThreeJS t\u1ea3i ch\u1eadm tr\u00ean \u0111i\u1ec7n tho\u1ea1i?<\/h4>\n                    <p class=\"text-xs sm:text-sm text-nexus-slate leading-relaxed\">\n                        Nexus ph\u00e1t tri\u1ec3n c\u00f4ng c\u1ee5 t\u01b0\u01a1ng t\u00e1c 3D t\u1ed1i \u01b0u h\u00f3a ph\u1ea7n c\u1ee9ng di \u0111\u1ed9ng. H\u00e3y \u0111\u1ea3m b\u1ea3o kh\u00e1ch h\u00e0ng c\u1ee7a b\u1ea1n kh\u00f4ng b\u1eadt ch\u1ebf \u0111\u1ed9 &#8220;Ti\u1ebft ki\u1ec7m pin c\u1ef1c \u0111\u1ed9&#8221; tr\u00ean tr\u00ecnh duy\u1ec7t, v\u1ed1n h\u1ea1n ch\u1ebf kh\u1ea3 n\u0103ng render GPU c\u1ee7a WebGL. \u0110\u1ed3ng th\u1eddi, c\u1ea5u h\u00ecnh render t\u1ef1 \u0111\u1ed9ng h\u1ea1 \u0111\u1ed9 ph\u00e2n gi\u1ea3i l\u01b0\u1edbi 3D tr\u00ean c\u00e1c thi\u1ebft b\u1ecb c\u1ea5u h\u00ecnh th\u1ea5p \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o m\u01b0\u1ee3t m\u00e0.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Core Philosophy Section -->\n    <section id=\"vi-the\" class=\"py-24 relative overflow-hidden\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"text-center max-w-3xl mx-auto space-y-4 mb-16\">\n                <span class=\"text-xs font-extrabold tracking-widest text-nexus-cyan uppercase bg-nexus-cyan\/10 px-3 py-1 rounded-full\">TRI\u1ebeT L\u00dd V\u1eacN H\u00c0NH<\/span>\n                <h2 class=\"font-display font-bold text-3xl sm:text-4xl text-white\">Cam K\u1ebft K\u1ef9 Thu\u1eadt Ch\u1ec9 C\u00f3 T\u1ea1i Nexus Care<\/h2>\n                <p class=\"text-nexus-slate text-sm sm:text-base\">Ch\u00fang t\u00f4i kh\u00f4ng coi b\u1ea3o tr\u00ec l\u00e0 m\u1ed9t ngh\u0129a v\u1ee5 b\u1eaft bu\u1ed9c, \u0111\u00f3 l\u00e0 ngh\u1ec7 thu\u1eadt n\u00e2ng cao tu\u1ed5i th\u1ecd c\u1ee7a c\u1ed7 m\u00e1y b\u00e1n h\u00e0ng k\u1ef9 thu\u1eadt s\u1ed1 \u0111\u1ec9nh cao.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                <div class=\"p-8 bg-nexus-card rounded-3xl border border-white\/5 space-y-4 relative group hover:border-nexus-cyan\/30 transition duration-300\">\n                    <div class=\"w-12 h-12 rounded-2xl bg-nexus-cyan\/10 flex items-center justify-center text-nexus-cyan text-xl group-hover:scale-110 transition duration-300\">\n                        <i class=\"fa-solid fa-shield-halved\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white\">An Ninh Kh\u00e9p K\u00edn<\/h3>\n                    <p class=\"text-xs sm:text-sm text-nexus-slate leading-relaxed\">Website m\u00e3 ngu\u1ed3n \u0111\u1ed9c b\u1ea3n \u0111\u01b0\u1ee3c m\u00e3 h\u00f3a c\u00e1c \u0111i\u1ec3m v\u00e0o API, t\u00edch h\u1ee3p t\u01b0\u1eddng l\u1eeda b\u1ea3o v\u1ec7 Cloudflare Enterprise gi\u00fap ch\u1ed1ng l\u1ea1i 99% c\u00e1c cu\u1ed9c t\u1ea5n c\u00f4ng DDoS v\u00e0 chi\u1ebfm quy\u1ec1n.<\/p>\n                <\/div>\n\n                <div class=\"p-8 bg-nexus-card rounded-3xl border border-white\/5 space-y-4 relative group hover:border-nexus-cyan\/30 transition duration-300\">\n                    <div class=\"w-12 h-12 rounded-2xl bg-nexus-emerald\/10 flex items-center justify-center text-nexus-emeraldLight text-xl group-hover:scale-110 transition duration-300\">\n                        <i class=\"fa-solid fa-code-compare\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white\">Ki\u1ec3m Th\u1eed Phi\u00ean B\u1ea3n H\u1eb1ng Ng\u00e0y<\/h3>\n                    <p class=\"text-xs sm:text-sm text-nexus-slate leading-relaxed\">Ch\u00fang t\u00f4i s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng CI\/CD t\u1ef1 \u0111\u1ed9ng ki\u1ec3m th\u1eed hi\u1ec7u n\u0103ng website h\u1eb1ng ng\u00e0y \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o kh\u00f4ng ph\u00e1t sinh b\u1ea5t c\u1ee9 xung \u0111\u1ed9t n\u00e0o do b\u00ean th\u1ee9 ba c\u1eadp nh\u1eadt API.<\/p>\n                <\/div>\n\n                <div class=\"p-8 bg-nexus-card rounded-3xl border border-white\/5 space-y-4 relative group hover:border-nexus-cyan\/30 transition duration-300\">\n                    <div class=\"w-12 h-12 rounded-2xl bg-nexus-violet\/10 flex items-center justify-center text-nexus-violet text-xl group-hover:scale-110 transition duration-300\">\n                        <i class=\"fa-solid fa-user-gear\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white\">\u0110\u1ed9c Quy\u1ec1n K\u1ef9 S\u01b0 C\u1ed1t L\u00f5i<\/h3>\n                    <p class=\"text-xs sm:text-sm text-nexus-slate leading-relaxed\">Khi c\u00f3 s\u1ef1 c\u1ed1 x\u1ea3y ra, ng\u01b0\u1eddi can thi\u1ec7p tr\u1ef1c ti\u1ebfp ch\u00ednh l\u00e0 k\u0129 s\u01b0 \u0111\u00e3 tr\u1ef1c ti\u1ebfp l\u1eadp tr\u00ecnh ra website c\u1ee7a b\u1ea1n, gi\u00fap th\u1ea5u hi\u1ec3u c\u1ea5u tr\u00fac m\u00e3 ngu\u1ed3n v\u00e0 x\u1eed l\u00fd t\u1eadn g\u1ed1c trong ph\u00fat ch\u1ed1c.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<script>\n    let selectedDiagCategory = 'performance';\n\n    function selectDiagType(type) {\n        selectedDiagCategory = type;\n        const btnPerf = document.getElementById('btn-diag-perf');\n        const btnCrm = document.getElementById('btn-diag-crm');\n        \n        const activeClass = \"p-3 bg-nexus-cyan border border-nexus-cyan text-center rounded-xl transition text-nexus-darker\";\n        const defaultClass = \"p-3 bg-nexus-dark border border-white\/5 text-center text-nexus-slate hover:text-white rounded-xl transition\";\n\n        if (type === 'performance') {\n            btnPerf.className = activeClass;\n            btnCrm.className = defaultClass;\n        } else {\n            btnPerf.className = defaultClass;\n            btnCrm.className = activeClass;\n        }\n    }\n\n    function runDiagnosticScan() {\n        const urlInput = document.getElementById('diag-url').value.trim() || 'yourwebsite.com';\n        const terminal = document.getElementById('terminal-screen');\n        const scanline = document.getElementById('diag-scanline');\n        const statusBadge = document.getElementById('diag-status-badge');\n        const spinner = document.getElementById('diag-spinner');\n        const playIcon = document.getElementById('diag-play-icon');\n        const btnText = document.getElementById('diag-btn-text');\n\n        statusBadge.innerText = 'SCANNING...';\n        statusBadge.className = \"text-[9px] bg-yellow-500\/15 text-yellow-500 px-2 py-0.5 rounded font-mono\";\n        spinner.classList.remove('hidden');\n        playIcon.classList.add('hidden');\n        btnText.innerText = '\u0110ANG PH\u00c2N T\u00cdCH...';\n        scanline.classList.remove('hidden');\n        scanline.classList.add('animate-scan');\n\n        document.getElementById('metric-web-vitals').innerText = '--';\n        document.getElementById('metric-web-vitals').className = \"text-sm font-extrabold text-gray-500 font-mono\";\n        document.getElementById('metric-speed').innerText = '--';\n        document.getElementById('metric-speed').className = \"text-sm font-extrabold text-gray-500 font-mono\";\n        document.getElementById('metric-security').innerText = '--';\n        document.getElementById('metric-security').className = \"text-sm font-extrabold text-gray-500 font-mono\";\n\n        terminal.innerHTML = `<p class=\"text-yellow-400\">&gt; Kh\u1edfi \u0111\u1ed9ng ti\u1ebfn tr\u00ecnh ch\u1ea9n \u0111o\u00e1n h\u1ec7 th\u1ed1ng cho domain: ${urlInput}...<\/p>`;\n        \n        const logs = [\n            { time: 600, text: `&gt; \u0110ang k\u1ebft n\u1ed1i ph\u00e2n gi\u1ea3i \u0111\u1ecba ch\u1ec9 DNS IP c\u1ee7a m\u00e1y ch\u1ee7... OK` },\n            { time: 1400, text: `&gt; \u0110ang ki\u1ec3m tra c\u1ea5u tr\u00fac ch\u1ee9ng ch\u1ec9 b\u1ea3o an SSL Let's Encrypt... \u0110\u1ea1t ti\u00eau chu\u1ea9n SHA-256` },\n            { time: 2200, text: `&gt; \u0110ang ch\u1ea1y tr\u00ecnh gi\u1ea3 l\u1eadp Lighthouse ph\u00e2n t\u00edch t\u1ed1c \u0111\u1ed9 ph\u1ea3n h\u1ed3i m\u00e1y ch\u1ee7 (TTFB)...` },\n            { time: 3000, text: `&gt; \u0110ang gi\u1ea3 l\u1eadp ki\u1ec3m tra handshake lu\u1ed3ng API Webhook c\u1ee7a b\u00ean th\u1ee9 ba...` },\n            { time: 3800, text: `&gt; Ph\u00e2n t\u00edch ho\u00e0n t\u1ea5t. \u0110ang tr\u00edch xu\u1ea5t b\u00e1o c\u00e1o k\u1ef9 thu\u1eadt...` }\n        ];\n\n        logs.forEach(log => {\n            setTimeout(() => {\n                const p = document.createElement('p');\n                p.innerHTML = log.text;\n                p.className = \"text-nexus-slate\";\n                terminal.appendChild(p);\n                terminal.scrollTop = terminal.scrollHeight;\n            }, log.time);\n        });\n\n        setTimeout(() => {\n            statusBadge.innerText = 'SUCCESS';\n            statusBadge.className = \"text-[9px] bg-nexus-emerald\/15 text-nexus-emeraldLight px-2 py-0.5 rounded font-mono\";\n            spinner.classList.add('hidden');\n            playIcon.classList.remove('hidden');\n            btnText.innerText = 'K\u00cdCH HO\u1ea0T CH\u1ea8N \u0110O\u00c1N T\u1ee8C TH\u00cc';\n            scanline.classList.add('hidden');\n            scanline.classList.remove('animate-scan');\n\n            const metricVitals = document.getElementById('metric-web-vitals');\n            const metricSpeed = document.getElementById('metric-speed');\n            const metricSecurity = document.getElementById('metric-security');\n\n            if (selectedDiagCategory === 'performance') {\n                terminal.innerHTML += `<p class=\"text-nexus-emeraldLight\">[B\u00c1O C\u00c1O T\u1ed0C \u0110\u1ed8]: \u0110i\u1ec3m t\u1ed5ng hi\u1ec7u su\u1ea5t \u0111\u1ea1t 98\/100. T\u1ed1c \u0111\u1ed9 t\u1ea3i n\u1ed9i dung ch\u00ednh (LCP) c\u1ef1c nhanh 0.8s. M\u00e3 ngu\u1ed3n \u0111\u1ea1t t\u1ed1i \u01b0u tuy\u1ec7t \u0111\u1ed1i.<\/p>`;\n                metricVitals.innerText = 'PASS';\n                metricVitals.className = \"text-sm font-extrabold text-nexus-emeraldLight font-mono\";\n                metricSpeed.innerText = '98\/100';\n                metricSpeed.className = \"text-sm font-extrabold text-nexus-emeraldLight font-mono\";\n                metricSecurity.innerText = 'A+';\n                metricSecurity.className = \"text-sm font-extrabold text-nexus-emeraldLight font-mono\";\n            } else {\n                terminal.innerHTML += `<p class=\"text-yellow-400\">[B\u00c1O C\u00c1O API]: C\u1ed5ng Webhook HubSpot b\u1ecb tr\u00ec ho\u00e3n do Token b\u1ea3o m\u1eadt h\u1ebft h\u1ea1n. \u0110\u1ed3ng b\u1ed9 d\u1eef li\u1ec7u b\u1ecb ng\u1eaft qu\u00e3ng.<\/p>`;\n                metricVitals.innerText = 'WARNING';\n                metricVitals.className = \"text-sm font-extrabold text-yellow-400 font-mono\";\n                metricSpeed.innerText = '92\/100';\n                metricSpeed.className = \"text-sm font-extrabold text-yellow-400 font-mono\";\n                metricSecurity.innerText = 'SSL OK';\n                metricSecurity.className = \"text-sm font-extrabold text-nexus-emeraldLight font-mono\";\n                \n                terminal.innerHTML += `<p class=\"text-nexus-cyan underline cursor-pointer mt-2\" onclick=\"autoFillSupportTicket()\">[Click v\u00e0o \u0111\u00e2y] \u0111\u1ec3 t\u1ef1 \u0111\u1ed9ng \u0111i\u1ec1n m\u00e3 l\u1ed7i v\u00e0 chuy\u1ec3n ti\u1ebfp y\u00eau c\u1ea7u kh\u1eafc ph\u1ee5c l\u1ed7i CRM t\u1edbi Dev Team ngay l\u1eadp t\u1ee9c.<\/p>`;\n            }\n            terminal.scrollTop = terminal.scrollHeight;\n        }, 4500);\n    }\n\n    let selectedUrgencyLevel = 'low';\n\n    function selectUrgency(level) {\n        selectedUrgencyLevel = level;\n        updatePriorityAndSLA();\n    }\n\n    function updatePriorityAndSLA() {\n        const bar = document.getElementById('sla-bar-indicator');\n        const badge = document.getElementById('sla-level-badge');\n        const countdown = document.getElementById('sla-countdown-time');\n        const card = document.getElementById('sla-display-card');\n\n        badge.className = \"text-[10px] font-bold px-2 py-1 rounded\";\n        bar.className = \"w-1.5 h-6 rounded-full\";\n        card.classList.remove('border-nexus-rose\/30', 'border-yellow-500\/30', 'border-white\/5');\n\n        if (selectedUrgencyLevel === 'low') {\n            badge.innerText = \"Y\u00caU C\u1ea6U \u0110I\u1ec0U CH\u1ec8NH NH\u1ece\";\n            badge.classList.add('bg-nexus-cyan\/15', 'text-nexus-cyanLight');\n            bar.classList.add('bg-nexus-cyan');\n            countdown.innerHTML = `24 <span class=\"text-xs font-sans text-nexus-slate font-medium\">Gi\u1edd<\/span> 00 <span class=\"text-xs font-sans text-nexus-slate font-medium\">Ph\u00fat<\/span>`;\n            card.classList.add('border-white\/5');\n        } else if (selectedUrgencyLevel === 'medium') {\n            badge.innerText = \"L\u1ed6I CH\u1ee8C N\u0102NG PH\u1ee4\";\n            badge.classList.add('bg-yellow-500\/15', 'text-yellow-500');\n            bar.classList.add('bg-yellow-500');\n            countdown.innerHTML = `02 <span class=\"text-xs font-sans text-nexus-slate font-medium\">Gi\u1edd<\/span> 00 <span class=\"text-xs font-sans text-nexus-slate font-medium\">Ph\u00fat<\/span>`;\n            card.classList.add('border-yellow-500\/30');\n        } else {\n            badge.innerText = \"H\u1ec6 TH\u1ed0NG S\u1eacP KH\u1ea8N C\u1ea4P SOS\";\n            badge.classList.add('bg-nexus-rose\/15', 'text-nexus-rose');\n            bar.classList.add('bg-nexus-rose');\n            countdown.innerHTML = `15 <span class=\"text-xs font-sans text-nexus-slate font-medium\">Ph\u00fat<\/span> 00 <span class=\"text-xs font-sans text-nexus-slate font-medium\">Gi\u00e2y<\/span>`;\n            card.classList.add('border-nexus-rose\/30');\n        }\n    }\n\n    function autoFillSupportTicket() {\n        document.getElementById('contract-code').value = 'NEXUS-CRM-ERR';\n        document.getElementById('ticket-desc').value = 'Y\u00eau c\u1ea7u ki\u1ec3m tra s\u1ef1 c\u1ed1 c\u1ed5ng k\u1ebft n\u1ed1i webhook CRM HubSpot v\u1eeba qu\u00e9t ph\u00e1t hi\u1ec7n l\u1ed7i Token h\u1ebft h\u1ea1n tr\u00ean console ch\u1ea9n \u0111o\u00e1n.';\n        document.getElementById('tao-ticket').scrollIntoView({ behavior: 'smooth' });\n        \n        const radios = document.getElementsByName('urgency');\n        for(let i=0; i<radios.length; i++) {\n            if(radios&#091;i&#093;.value === 'medium') {\n                radios&#091;i&#093;.checked = true;\n                selectUrgency('medium');\n            }\n        }\n    }\n\n    function submitSupportTicket(event) {\n        event.preventDefault();\n\n        const priorityLabel = document.getElementById('success-priority-label');\n        const slaTime = document.getElementById('success-sla-time');\n\n        if (selectedUrgencyLevel === 'low') {\n            priorityLabel.innerText = 'Y\u00caU C\u1ea6U C\u1ea2I TI\u1ebeN NH\u1ece';\n            priorityLabel.className = 'text-nexus-cyan font-bold';\n            slaTime.innerText = '24 Gi\u1edd';\n        } else if (selectedUrgencyLevel === 'medium') {\n            priorityLabel.innerText = 'L\u1ed6I CH\u1ee8C N\u0102NG PH\u1ee4';\n            priorityLabel.className = 'text-yellow-500 font-bold';\n            slaTime.innerText = '02 Gi\u1edd';\n        } else {\n            priorityLabel.innerText = 'H\u1ec6 TH\u1ed0NG S\u1eacP SOS KH\u1ea8N C\u1ea4P';\n            priorityLabel.className = 'text-nexus-rose font-bold animate-pulse';\n            slaTime.innerText = '15 Ph\u00fat';\n        }\n\n        document.getElementById('ticket-form-container').classList.add('hidden');\n        document.getElementById('ticket-success-box').classList.remove('hidden');\n\n        document.getElementById('tao-ticket').scrollIntoView({ behavior: 'smooth' });\n    }\n\n    function resetSupportForm() {\n        document.getElementById('nexus-support-form').reset();\n        document.getElementById('ticket-form-container').classList.remove('hidden');\n        document.getElementById('ticket-success-box').classList.add('hidden');\n        selectUrgency('low');\n    }\n\n    function filterTroubleshooter(cat) {\n        const grid = document.getElementById('troubleshoot-grid');\n        const cards = grid.children;\n        \n        const btnAll = document.getElementById('tag-all');\n        const btnSpeed = document.getElementById('tag-speed');\n        const btnCrm = document.getElementById('tag-crm');\n        const btnDns = document.getElementById('tag-dns');\n\n        const defaultClass = \"px-4 py-1.5 rounded-full text-xs font-medium bg-nexus-card text-nexus-slate border border-white\/5 hover:border-nexus-cyan\/40 transition\";\n        const activeClass = \"px-4 py-1.5 rounded-full text-xs font-medium bg-nexus-cyan text-nexus-dark border border-nexus-cyan transition\";\n\n        btnAll.className = defaultClass;\n        btnSpeed.className = defaultClass;\n        btnCrm.className = defaultClass;\n        btnDns.className = defaultClass;\n\n        if (cat === 'all') btnAll.className = activeClass;\n        else if (cat === 'speed') btnSpeed.className = activeClass;\n        else if (cat === 'crm') btnCrm.className = activeClass;\n        else if (cat === 'dns') btnDns.className = activeClass;\n\n        for (let i = 0; i < cards.length; i++) {\n            const card = cards&#091;i&#093;;\n            if (cat === 'all' || card.getAttribute('data-cat') === cat) {\n                card.classList.remove('hidden');\n            } else {\n                card.classList.add('hidden');\n            }\n        }\n    }\n\n    window.onload = function() {\n        updatePriorityAndSLA();\n    }\n<\/script>\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-1643530394 > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_165861523 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: #050814;\n}\n<\/style>\n\t<\/section>\n\t\n\n\t<section class=\"section\" id=\"section_1591005917\">\n\t\t<div class=\"section-bg fill\" >\n\t\t\t\t\t\t\t\t\t\n\t\t\t\n\n\t\t<\/div>\n\n\t\t\n\n\t\t<div class=\"section-content relative\">\n\t\t\t\n\n<div class=\"row row-full-width align-center\"  id=\"row-893378187\">\n\n\n\t<div id=\"col-638160670\" class=\"col small-12 large-12\"  >\n\t\t\t\t<div class=\"col-inner\"  >\n\t\t\t\n\t\t\t\n\n\n\n<!-- Tailwind CSS & Font Awesome Integration -->\n<script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@300;400;500;600;700&#038;family=Plus+Jakarta+Sans:ital,wght@0,400;0,600;0,700;0,800;1,700&#038;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<script>\n    tailwind.config = {\n        theme: {\n            extend: {\n                fontFamily: {\n                    sans: ['Inter', 'sans-serif'],\n                    display: ['Plus Jakarta Sans', 'sans-serif'],\n                },\n                colors: {\n                    nexus: {\n                        dark: '#050814',\n                        darker: '#02040A',\n                        card: '#0D1326',\n                        cardLight: '#161F38',\n                        cyan: '#06B6D4',\n                        cyanLight: '#67E8F9',\n                        cyanDark: '#0891B2',\n                        emerald: '#10B981',\n                        emeraldLight: '#34D399',\n                        violet: '#6366F1',\n                        rose: '#F43F5E',\n                        slate: '#94A3B8',\n                    }\n                },\n                animation: {\n                    'pulse-slow': 'pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite',\n                    'float': 'float 4s ease-in-out infinite',\n                    'scan': 'scan 2s linear infinite',\n                },\n                keyframes: {\n                    float: {\n                        '0%, 100%': { transform: 'translateY(0)' },\n                        '50%': { transform: 'translateY(-10px)' }\n                    },\n                    scan: {\n                        '0%': { top: '0%' },\n                        '50%': { top: '100%' },\n                        '100%': { top: '0%' }\n                    }\n                }\n            }\n        }\n    }\n<\/script>\n\n<style>\n    .gradient-cyan-text {\n        background: linear-gradient(135deg, #67E8F9 0%, #06B6D4 50%, #0891B2 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n    .gradient-rose-text {\n        background: linear-gradient(135deg, #FDA4AF 0%, #F43F5E 50%, #BE123C 100%);\n        -webkit-background-clip: text;\n        -webkit-text-fill-color: transparent;\n    }\n    .gradient-cyan-btn {\n        background: linear-gradient(135deg, #0891B2 0%, #06B6D4 50%, #0891B2 100%);\n        background-size: 200% auto;\n        transition: 0.5s;\n    }\n    .gradient-cyan-btn:hover {\n        background-position: right center;\n    }\n    .custom-scrollbar::-webkit-scrollbar {\n        width: 6px;\n    }\n    .custom-scrollbar::-webkit-scrollbar-track {\n        background: #02040A;\n    }\n    .custom-scrollbar::-webkit-scrollbar-thumb {\n        background: #111827;\n        border-radius: 3px;\n    }\n    .custom-scrollbar::-webkit-scrollbar-thumb:hover {\n        background: #06B6D4;\n    }\n    .code-font {\n        font-family: 'Courier New', Courier, monospace;\n    }\n<\/style>\n\n<div class=\"bg-nexus-dark text-gray-200 font-sans antialiased overflow-x-hidden custom-scrollbar\">\n\n    <!-- Hero Section -->\n    <header class=\"relative pt-12 pb-16 lg:pt-20 lg:pb-24 bg-gradient-to-b from-nexus-darker via-nexus-dark to-nexus-dark overflow-hidden\">\n        <div class=\"absolute top-1\/4 left-1\/2 -translate-x-1\/2 -translate-y-1\/2 w-&#091;600px&#093; h-&#091;600px&#093; bg-nexus-cyan\/10 rounded-full blur-&#091;140px&#093; pointer-events-none animate-pulse-slow\"><\/div>\n        <div class=\"absolute bottom-0 right-1\/4 w-&#091;400px&#093; h-&#091;400px&#093; bg-nexus-violet\/5 rounded-full blur-&#091;150px&#093; pointer-events-none\"><\/div>\n        \n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10 text-center\">\n            <span class=\"inline-flex items-center space-x-2 px-4 py-1.5 rounded-full bg-nexus-cyan\/10 border border-nexus-cyan\/30 text-xs font-semibold tracking-wider text-nexus-cyanLight uppercase mb-6 animate-float\">\n                <span class=\"w-2 h-2 rounded-full bg-nexus-emerald animate-ping\"><\/span>\n                <span>CH\u1ee6 \u0110\u1ed8NG B\u1ea2O V\u1ec6 \u2013 GI\u1eee TH\u1edcI GIAN HO\u1ea0T \u0110\u1ed8NG 99.99%<\/span>\n            <\/span>\n            <h1 class=\"font-display font-extrabold text-4xl sm:text-5xl lg:text-6xl text-white leading-tight max-w-4xl mx-auto\">\n                K\u1ef9 Ngh\u1ec7 V\u1eadn H\u00e0nh & <br>\n                <span class=\"gradient-cyan-text\">H\u1ed7 Tr\u1ee3 C\u00f4ng Ngh\u1ec7 T\u1ed1c \u0110\u1ed9 \u00c1nh S\u00e1ng<\/span>\n            <\/h1>\n            <p class=\"text-base sm:text-lg text-nexus-slate max-w-3xl mx-auto mt-6 leading-relaxed\">\n                H\u1ec7 th\u1ed1ng website \u0111\u1ed9c b\u1ea3n c\u1ea7n m\u1ed9t s\u1ef1 b\u1ea3o an x\u1ee9ng t\u1ea7m. Kh\u00f4ng chuy\u1ec3n giao cho t\u1ed5ng \u0111\u00e0i t\u1ef1 \u0111\u1ed9ng h\u1eddi h\u1ee3t, Nexus Care \u0111\u1ed3ng h\u00e0nh tr\u1ef1c ti\u1ebfp t\u1eeb c\u1ea5p \u0111\u1ed9 k\u1ef9 s\u01b0 c\u1ed1t l\u00f5i, b\u1ea3o h\u00e0nh v\u0129nh vi\u1ec5n v\u00e0 ph\u1ea3n h\u1ed3i trong t\u00edch t\u1eafc.\n            <\/p>\n            \n            <div class=\"grid grid-cols-2 md:grid-cols-4 gap-4 max-w-4xl mx-auto mt-12 p-4 bg-nexus-card border border-white\/5 rounded-2xl text-center\">\n                <div>\n                    <span class=\"text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider block\">Th\u1eddi gian ho\u1ea1t \u0111\u1ed9ng (Uptime)<\/span>\n                    <p class=\"font-display font-extrabold text-white text-lg mt-0.5\">99.99%<\/p>\n                <\/div>\n                <div class=\"border-l border-white\/5\">\n                    <span class=\"text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider block\">SLA SOS S\u1ef1 C\u1ed1<\/span>\n                    <p class=\"font-display font-extrabold text-nexus-cyan text-lg mt-0.5\">&lt; 15 Ph\u00fat<\/p>\n                <\/div>\n                <div class=\"border-l border-white\/5\">\n                    <span class=\"text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider block\">B\u1ea3o h\u00e0nh m\u00e3 ngu\u1ed3n<\/span>\n                    <p class=\"font-display font-extrabold text-nexus-emeraldLight text-lg mt-0.5\">V\u0129nh Vi\u1ec5n<\/p>\n                <\/div>\n                <div class=\"border-l border-white\/5\">\n                    <span class=\"text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider block\">K\u1ef9 s\u01b0 t\u00fac tr\u1ef1c tr\u1ef1c ti\u1ebfp<\/span>\n                    <p class=\"font-display font-extrabold text-white text-lg mt-0.5\">24\/7\/365<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/header>\n\n    <!-- Diagnostic Section -->\n    <section id=\"chan-doan\" class=\"relative pb-20 z-10\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"bg-nexus-card border border-white\/10 rounded-3xl p-6 sm:p-8 shadow-2xl relative overflow-hidden\">\n                <div class=\"absolute top-0 left-0 w-full h-1 bg-gradient-to-r from-transparent via-nexus-cyan to-transparent\"><\/div>\n                \n                <div class=\"max-w-3xl mx-auto text-center space-y-4 mb-8\">\n                    <span class=\"text-xs font-extrabold tracking-widest text-nexus-cyan uppercase bg-nexus-cyan\/10 px-3 py-1 rounded-full\"><i class=\"fa-solid fa-terminal mr-1.5\"><\/i> NEXUS LIVE DIAGNOSTIC CONSOLE<\/span>\n                    <h2 class=\"font-display font-bold text-2xl sm:text-3xl text-white\">Ch\u1ea9n \u0110o\u00e1n S\u1ee9c Kh\u1ecfe Website T\u1ef1 \u0110\u1ed9ng<\/h2>\n                    <p class=\"text-nexus-slate text-xs sm:text-sm\">Nh\u1eadp \u0111\u1ecba ch\u1ec9 website c\u1ee7a b\u1ea1n \u0111\u1ec3 h\u1ec7 th\u1ed1ng Nexus Core gi\u1ea3 l\u1eadp qu\u00e9t m\u00e3 s\u1ea1ch, t\u1ed1c \u0111\u1ed9 t\u1ea3i v\u00e0 kh\u1ea3 n\u0103ng t\u00edch h\u1ee3p CRM trong v\u00f2ng 5 gi\u00e2y.<\/p>\n                <\/div>\n\n                <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-8 items-stretch\">\n                    <div class=\"lg:col-span-5 bg-nexus-darker border border-white\/5 rounded-2xl p-6 flex flex-col justify-between\">\n                        <div class=\"space-y-4\">\n                            <div>\n                                <label class=\"block text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider font-bold mb-1.5\">\u0110\u1ecba ch\u1ec9 Website c\u1ea7n qu\u00e9t *<\/label>\n                                <div class=\"relative\">\n                                    <input type=\"text\" id=\"diag-url\" class=\"w-full bg-nexus-dark text-white text-xs rounded-xl p-3 pl-10 border border-white\/5 focus:outline-none focus:border-nexus-cyan transition\" placeholder=\"V\u00ed d\u1ee5: yourbusiness.com\" value=\"demowebsite.com\">\n                                    <i class=\"fa-solid fa-globe absolute left-3.5 top-3.5 text-nexus-slate text-&#091;11px&#093;\"><\/i>\n                                <\/div>\n                            <\/div>\n\n                            <div>\n                                <label class=\"block text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider font-bold mb-1.5\">M\u1ee5c ti\u00eau ki\u1ec3m tra tr\u1ecdng \u0111i\u1ec3m<\/label>\n                                <div class=\"grid grid-cols-2 gap-2\">\n                                    <button type=\"button\" onclick=\"selectDiagType('performance')\" id=\"btn-diag-perf\" class=\"p-3 bg-nexus-cyan border border-nexus-cyan text-center rounded-xl transition text-nexus-darker\">\n                                        <i class=\"fa-solid fa-gauge-high block text-base mb-1\"><\/i>\n                                        <span class=\"text-&#091;10px&#093; font-bold block\">T\u1ed1c \u0110\u1ed9 T\u1ea3i<\/span>\n                                    <\/button>\n                                    <button type=\"button\" onclick=\"selectDiagType('crm')\" id=\"btn-diag-crm\" class=\"p-3 bg-nexus-dark border border-white\/5 text-center text-nexus-slate hover:text-white rounded-xl transition\">\n                                        <i class=\"fa-solid fa-circle-nodes block text-base mb-1\"><\/i>\n                                        <span class=\"text-&#091;10px&#093; font-bold block\">\u0110\u1ed3ng B\u1ed9 CRM<\/span>\n                                    <\/button>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n\n                        <div class=\"pt-6\">\n                            <button type=\"button\" onclick=\"runDiagnosticScan()\" class=\"w-full py-3.5 rounded-xl gradient-cyan-btn text-white font-bold text-xs uppercase tracking-widest shadow-md shadow-nexus-cyan\/20 flex items-center justify-center space-x-2\">\n                                <i class=\"fa-solid fa-arrows-spin animate-spin hidden\" id=\"diag-spinner\"><\/i>\n                                <i class=\"fa-solid fa-circle-play\" id=\"diag-play-icon\"><\/i>\n                                <span id=\"diag-btn-text\">K\u00cdCH HO\u1ea0T CH\u1ea8N \u0110O\u00c1N T\u1ee8C TH\u00cc<\/span>\n                            <\/button>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"lg:col-span-7 bg-nexus-darker border border-white\/10 rounded-2xl p-6 relative overflow-hidden flex flex-col justify-between min-h-&#091;320px&#093;\">\n                        <div id=\"diag-scanline\" class=\"absolute left-0 w-full h-&#091;2px&#093; bg-nexus-cyan\/50 blur-&#091;2px&#093; shadow-sm shadow-nexus-cyan\/80 z-20 pointer-events-none hidden\"><\/div>\n                        \n                        <div class=\"flex items-center justify-between border-b border-white\/5 pb-3\">\n                            <div class=\"flex items-center space-x-2\">\n                                <span class=\"w-2.5 h-2.5 rounded-full bg-nexus-rose\"><\/span>\n                                <span class=\"w-2.5 h-2.5 rounded-full bg-yellow-500\"><\/span>\n                                <span class=\"w-2.5 h-2.5 rounded-full bg-nexus-emerald\"><\/span>\n                                <span class=\"text-&#091;10px&#093; text-nexus-slate font-mono ml-2\">Console Output [v4.19_stable]<\/span>\n                            <\/div>\n                            <span class=\"text-&#091;9px&#093; bg-nexus-cyan\/15 text-nexus-cyan px-2 py-0.5 rounded font-mono\" id=\"diag-status-badge\">READY<\/span>\n                        <\/div>\n\n                        <div class=\"flex-1 font-mono text-xs text-nexus-slate py-4 overflow-y-auto max-h-&#091;220px&#093; space-y-2 select-none\" id=\"terminal-screen\">\n                            <p class=\"text-nexus-cyan\">\/\/ H\u1ec7 th\u1ed1ng ch\u1ea9n \u0111o\u00e1n Nexus Care \u0111\u00e3 s\u1eb5n s\u00e0ng.<\/p>\n                            <p class=\"text-gray-500\">\/\/ Vui l\u00f2ng nh\u1eadp \u0111\u1ecba ch\u1ec9 website v\u00e0 nh\u1ea5p qu\u00e9t \u0111\u1ec3 \u0111o l\u01b0\u1eddng t\u1ef1 \u0111\u1ed9ng.<\/p>\n                        <\/div>\n\n                        <div class=\"border-t border-white\/5 pt-3 grid grid-cols-3 gap-2 text-center\" id=\"diag-metrics-panel\">\n                            <div class=\"p-2 bg-nexus-dark rounded-xl border border-white\/5\">\n                                <span class=\"text-&#091;8px&#093; text-nexus-slate block\">CORE WEB VITALS<\/span>\n                                <p class=\"text-sm font-extrabold text-gray-500 font-mono\" id=\"metric-web-vitals\">--<\/p>\n                            <\/div>\n                            <div class=\"p-2 bg-nexus-dark rounded-xl border border-white\/5\">\n                                <span class=\"text-&#091;8px&#093; text-nexus-slate block\">PAGE SPEED SCORE<\/span>\n                                <p class=\"text-sm font-extrabold text-gray-500 font-mono\" id=\"metric-speed\">--<\/p>\n                            <\/div>\n                            <div class=\"p-2 bg-nexus-dark rounded-xl border border-white\/5\">\n                                <span class=\"text-&#091;8px&#093; text-nexus-slate block\">SECURITY & SSL<\/span>\n                                <p class=\"text-sm font-extrabold text-gray-500 font-mono\" id=\"metric-security\">--<\/p>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Ticket Section -->\n    <main id=\"tao-ticket\" class=\"relative pb-24 z-10\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8\">\n            <div class=\"grid grid-cols-1 lg:grid-cols-12 gap-12 items-stretch\">\n                \n                <div class=\"lg:col-span-5 flex flex-col justify-between space-y-8\">\n                    <div class=\"bg-nexus-card border border-white\/5 rounded-3xl p-6 sm:p-8 space-y-6 relative overflow-hidden\" id=\"sla-display-card\">\n                        <div class=\"absolute -right-12 -top-12 w-32 h-32 bg-nexus-cyan\/5 rounded-full blur-2xl pointer-events-none\"><\/div>\n                        \n                        <div class=\"flex justify-between items-center\">\n                            <h3 class=\"font-display font-bold text-xl text-white flex items-center space-x-3\">\n                                <span class=\"w-1.5 h-6 rounded-full bg-nexus-cyan\" id=\"sla-bar-indicator\"><\/span>\n                                <span>Cam K\u1ebft SLA Kh\u1eafc Ph\u1ee5c<\/span>\n                            <\/h3>\n                            <span class=\"text-&#091;10px&#093; font-bold px-2 py-1 rounded bg-nexus-cyan\/15 text-nexus-cyanLight\" id=\"sla-level-badge\">TI\u00caU CHU\u1ea8N<\/span>\n                        <\/div>\n\n                        <p class=\"text-xs text-nexus-slate\">Th\u1eddi gian ph\u1ea3n h\u1ed3i k\u1ef9 thu\u1eadt kh\u1ea9n c\u1ea5p v\u00e0 gi\u1ea3i quy\u1ebft v\u1ea5n \u0111\u1ec1 tr\u1ef1c ti\u1ebfp \u0111\u01b0\u1ee3c t\u00ednh to\u00e1n t\u1ef1 \u0111\u1ed9ng d\u1ef1a tr\u00ean m\u1ee9c \u0111\u1ed9 \u01b0u ti\u00ean c\u1ee7a phi\u1ebfu h\u1ed7 tr\u1ee3.<\/p>\n\n                        <div class=\"bg-nexus-darker p-5 rounded-2xl border border-white\/5 text-center space-y-2\">\n                            <span class=\"text-&#091;9px&#093; text-nexus-slate uppercase tracking-widest font-bold block\">TH\u1edcI GIAN PH\u1ea2N H\u1ed2I CAM K\u1ebeT (SLA)<\/span>\n                            <div class=\"text-3xl font-display font-black text-white font-mono tracking-wider\" id=\"sla-countdown-time\">\n                                02 <span class=\"text-xs font-sans text-nexus-slate font-medium\">Gi\u1edd<\/span> 00 <span class=\"text-xs font-sans text-nexus-slate font-medium\">Ph\u00fat<\/span>\n                            <\/div>\n                            <span class=\"text-&#091;9px&#093; text-nexus-emeraldLight font-mono block\"><i class=\"fa-solid fa-clock-rotate-left mr-1\"><\/i> Lu\u00f4n \u0111\u1ea3m b\u1ea3o t\u1ed1c \u0111\u1ed9 ph\u1ea3n h\u1ed3i t\u1ed1i \u01b0u<\/span>\n                        <\/div>\n\n                        <div class=\"border-t border-white\/5 pt-4 space-y-3\">\n                            <span class=\"text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider font-bold block\">Tuy\u1ebfn K\u1ef9 Thu\u1eadt D\u1ef1 Ph\u00f2ng<\/span>\n                            \n                            <div class=\"flex items-center justify-between bg-nexus-darker p-3 rounded-xl border border-white\/5\">\n                                <div class=\"flex items-center space-x-3\">\n                                    <div class=\"w-8 h-8 rounded-lg bg-nexus-cyan\/10 flex items-center justify-center text-nexus-cyan\">\n                                        <i class=\"fa-solid fa-phone-volume\"><\/i>\n                                    <\/div>\n                                    <div>\n                                        <h4 class=\"text-xs font-bold text-white\">Hotline SOS \u0110\u1ed9c Quy\u1ec1n<\/h4>\n                                        <p class=\"text-&#091;10px&#093; text-nexus-slate\">Ti\u1ebfp nh\u1eadn s\u1ef1 c\u1ed1 s\u1eadp trang 24\/7<\/p>\n                                    <\/div>\n                                <\/div>\n                                <span class=\"text-xs font-bold text-white\">1900 8888<\/span>\n                            <\/div>\n\n                            <div class=\"flex items-center justify-between bg-nexus-darker p-3 rounded-xl border border-white\/5\">\n                                <div class=\"flex items-center space-x-3\">\n                                    <div class=\"w-8 h-8 rounded-lg bg-nexus-violet\/10 flex items-center justify-center text-nexus-violet\">\n                                        <i class=\"fa-brands fa-discord\"><\/i>\n                                    <\/div>\n                                    <div>\n                                        <h4 class=\"text-xs font-bold text-white\">Discord Ops Channel<\/h4>\n                                        <p class=\"text-&#091;10px&#093; text-nexus-slate\">K\u1ebft n\u1ed1i tr\u1ef1c ti\u1ebfp Dev Team<\/p>\n                                    <\/div>\n                                <\/div>\n                                <span class=\"text-&#091;10px&#093; bg-nexus-emerald\/15 text-nexus-emeraldLight px-2 py-0.5 rounded font-bold\">ONLINE<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n\n                    <div class=\"bg-nexus-card border border-white\/5 rounded-3xl p-6 sm:p-8 space-y-4\">\n                        <h3 class=\"font-display font-bold text-lg text-white flex items-center space-x-3\">\n                            <span class=\"w-1.5 h-5 rounded-full bg-nexus-emerald\"><\/span>\n                            <span>Tr\u1ea1ng Th\u00e1i M\u00e1y Ch\u1ee7 Nexus<\/span>\n                        <\/h3>\n                        \n                        <div class=\"space-y-2.5\">\n                            <div class=\"flex items-center justify-between text-xs\">\n                                <span class=\"text-nexus-slate\">Cloud Server (Asia-East)<\/span>\n                                <span class=\"text-nexus-emeraldLight font-semibold flex items-center\"><span class=\"w-1.5 h-1.5 rounded-full bg-nexus-emerald animate-pulse mr-1.5\"><\/span>Ho\u1ea1t \u0111\u1ed9ng 100%<\/span>\n                            <\/div>\n                            <div class=\"flex items-center justify-between text-xs border-t border-white\/5 pt-2\">\n                                <span class=\"text-nexus-slate\">Database Replication Cluster<\/span>\n                                <span class=\"text-nexus-emeraldLight font-semibold flex items-center\"><span class=\"w-1.5 h-1.5 rounded-full bg-nexus-emerald animate-pulse mr-1.5\"><\/span>\u0110\u1ed3ng b\u1ed9 h\u00f3a 100%<\/span>\n                            <\/div>\n                            <div class=\"flex items-center justify-between text-xs border-t border-white\/5 pt-2\">\n                                <span class=\"text-nexus-slate\">T\u00edch h\u1ee3p API Webhook Gateway<\/span>\n                                <span class=\"text-nexus-emeraldLight font-semibold flex items-center\"><span class=\"w-1.5 h-1.5 rounded-full bg-nexus-emerald animate-pulse mr-1.5\"><\/span>B\u00ecnh th\u01b0\u1eddng<\/span>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <div class=\"lg:col-span-7 bg-nexus-card border border-white\/10 rounded-3xl p-6 sm:p-8 shadow-2xl relative flex flex-col justify-between\">\n                    <div id=\"ticket-form-container\" class=\"space-y-6\">\n                        <div class=\"flex flex-col sm:flex-row justify-between sm:items-center gap-4 border-b border-white\/5 pb-4\">\n                            <div>\n                                <span class=\"text-xs text-nexus-cyan font-extrabold uppercase tracking-widest block\"><i class=\"fa-solid fa-clipboard-question mr-1.5\"><\/i> C\u1ed4NG KH\u1edeI T\u1ea0O TICKET Y\u00caU C\u1ea6U<\/span>\n                                <h2 class=\"font-display font-bold text-2xl text-white mt-1\">Y\u00eau C\u1ea7u H\u1ed7 Tr\u1ee3 K\u1ef9 Thu\u1eadt<\/h2>\n                            <\/div>\n                            <span class=\"self-start sm:self-center text-&#091;10px&#093; bg-nexus-cyan\/15 text-nexus-cyanLight font-bold px-3 py-1 rounded-full\"><i class=\"fa-solid fa-microchip mr-1\"><\/i> T\u1ef1 \u0111\u1ed9ng ph\u00e2n lu\u1ed3ng<\/span>\n                        <\/div>\n\n                        <form id=\"nexus-support-form\" onsubmit=\"submitSupportTicket(event)\" class=\"space-y-6\">\n                            <div class=\"grid grid-cols-1 sm:grid-cols-2 gap-4\">\n                                <div>\n                                    <label class=\"block text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider font-bold mb-1\">M\u00e3 H\u1ee3p \u0110\u1ed3ng \/ Website URL *<\/label>\n                                    <div class=\"relative\">\n                                        <input type=\"text\" id=\"contract-code\" required class=\"w-full bg-nexus-darker text-white text-xs rounded-xl p-3 pl-10 border border-white\/5 focus:outline-none focus:border-nexus-cyan transition\" placeholder=\"V\u00ed d\u1ee5: NEXUS-AUTO-409\">\n                                        <i class=\"fa-solid fa-file-contract absolute left-3.5 top-3.5 text-nexus-slate text-&#091;11px&#093;\"><\/i>\n                                    <\/div>\n                                <\/div>\n                                <div>\n                                    <label class=\"block text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider font-bold mb-1\">S\u1ed1 Zalo Li\u00ean H\u1ec7 *<\/label>\n                                    <div class=\"relative\">\n                                        <input type=\"tel\" id=\"support-phone\" required class=\"w-full bg-nexus-darker text-white text-xs rounded-xl p-3 pl-10 border border-white\/5 focus:outline-none focus:border-nexus-cyan transition\" placeholder=\"S\u0110T \u0111\u1ec3 nh\u1eadn c\u1eadp nh\u1eadt k\u1ef9 thu\u1eadt\">\n                                        <i class=\"fa-solid fa-mobile-screen-button absolute left-3.5 top-3.5 text-nexus-slate text-&#091;11px&#093;\"><\/i>\n                                    <\/div>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"space-y-2\">\n                                <label class=\"block text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider font-bold\">Ph\u00e2n C\u1ea5p M\u1ee9c \u0110\u1ed9 \u1ea2nh H\u01b0\u1edfng S\u1ef1 C\u1ed1 *<\/label>\n                                <div class=\"grid grid-cols-1 sm:grid-cols-3 gap-2\">\n                                    <label class=\"flex flex-col bg-nexus-darker p-3 rounded-xl cursor-pointer border border-transparent hover:border-nexus-cyan\/30 transition text-left\" onclick=\"selectUrgency('low')\">\n                                        <div class=\"flex items-center space-x-2\">\n                                            <input type=\"radio\" name=\"urgency\" value=\"low\" checked class=\"text-nexus-cyan focus:ring-nexus-cyan\">\n                                            <span class=\"text-xs font-bold text-white\">Y\u00eau C\u1ea7u C\u1ea3i Ti\u1ebfn Nh\u1ecf<\/span>\n                                        <\/div>\n                                        <span class=\"text-&#091;9px&#093; text-nexus-slate block mt-1.5\">Thay \u0111\u1ed5i n\u1ed9i dung, tinh ch\u1ec9nh CSS, c\u1eadp nh\u1eadt h\u00ecnh \u1ea3nh.<\/span>\n                                    <\/label>\n                                    \n                                    <label class=\"flex flex-col bg-nexus-darker p-3 rounded-xl cursor-pointer border border-transparent hover:border-nexus-cyan\/30 transition text-left\" onclick=\"selectUrgency('medium')\">\n                                        <div class=\"flex items-center space-x-2\">\n                                            <input type=\"radio\" name=\"urgency\" value=\"medium\" class=\"text-nexus-cyan focus:ring-nexus-cyan\">\n                                            <span class=\"text-xs font-bold text-white\">L\u1ed7i Ch\u1ee9c N\u0103ng Ph\u1ee5<\/span>\n                                        <\/div>\n                                        <span class=\"text-&#091;9px&#093; text-nexus-slate block mt-1.5\">L\u1ed7i g\u1eedi form, h\u1ecfng li\u00ean k\u1ebft, kh\u00f4ng t\u1ea3i \u0111\u01b0\u1ee3c video\/m\u00f4 h\u00ecnh 3D.<\/span>\n                                    <\/label>\n\n                                    <label class=\"flex flex-col bg-nexus-darker p-3 rounded-xl cursor-pointer border border-transparent hover:border-nexus-cyan\/30 transition text-left\" onclick=\"selectUrgency('high')\">\n                                        <div class=\"flex items-center space-x-2\">\n                                            <input type=\"radio\" name=\"urgency\" value=\"high\" class=\"text-nexus-cyan focus:ring-nexus-cyan\">\n                                            <span class=\"text-xs font-rose-400 font-bold\">H\u1ec6 TH\u1ed0NG S\u1eacP KH\u1ea8N C\u1ea4P<\/span>\n                                        <\/div>\n                                        <span class=\"text-&#091;9px&#093; text-nexus-rose block mt-1.5\">Kh\u00f4ng truy c\u1eadp \u0111\u01b0\u1ee3c website, c\u1ed5ng thanh to\u00e1n treo, s\u1eadp to\u00e0n di\u1ec7n.<\/span>\n                                    <\/label>\n                                <\/div>\n                            <\/div>\n\n                            <div class=\"space-y-2\">\n                                <label class=\"block text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider font-bold\">Ph\u1ea1m vi k\u1ef9 thu\u1eadt c\u1ea7n can thi\u1ec7p<\/label>\n                                <div class=\"grid grid-cols-2 sm:grid-cols-4 gap-2 text-center text-xs\">\n                                    <label class=\"flex items-center justify-center p-2 rounded-xl bg-nexus-darker border border-white\/5 cursor-pointer hover:border-nexus-cyan\/40 transition\">\n                                        <input type=\"checkbox\" name=\"tech_scope\" value=\"frontend\" class=\"rounded text-nexus-cyan focus:ring-nexus-cyan mr-1.5 bg-nexus-dark\">\n                                        <span class=\"text-&#091;10px&#093; font-semibold text-white\">Giao Di\u1ec7n \/ CSS<\/span>\n                                    <\/label>\n                                    <label class=\"flex items-center justify-center p-2 rounded-xl bg-nexus-darker border border-white\/5 cursor-pointer hover:border-nexus-cyan\/40 transition\">\n                                        <input type=\"checkbox\" name=\"tech_scope\" value=\"database\" class=\"rounded text-nexus-cyan focus:ring-nexus-cyan mr-1.5 bg-nexus-dark\">\n                                        <span class=\"text-&#091;10px&#093; font-semibold text-white\">C\u01a1 S\u1edf D\u1eef Li\u1ec7u<\/span>\n                                    <\/label>\n                                    <label class=\"flex items-center justify-center p-2 rounded-xl bg-nexus-darker border border-white\/5 cursor-pointer hover:border-nexus-cyan\/40 transition\">\n                                        <input type=\"checkbox\" name=\"tech_scope\" value=\"api_crm\" class=\"rounded text-nexus-cyan focus:ring-nexus-cyan mr-1.5 bg-nexus-dark\">\n                                        <span class=\"text-&#091;10px&#093; font-semibold text-white\">\u0110\u1ed3ng B\u1ed9 CRM\/API<\/span>\n                                    <\/label>\n                                    <label class=\"flex items-center justify-center p-2 rounded-xl bg-nexus-darker border border-white\/5 cursor-pointer hover:border-nexus-cyan\/40 transition\">\n                                        <input type=\"checkbox\" name=\"tech_scope\" value=\"hosting\" class=\"rounded text-nexus-cyan focus:ring-nexus-cyan mr-1.5 bg-nexus-dark\">\n                                        <span class=\"text-&#091;10px&#093; font-semibold text-white\">T\u00ean Mi\u1ec1n\/Hosting<\/span>\n                                    <\/label>\n                                <\/div>\n                            <\/div>\n\n                            <div>\n                                <label class=\"block text-&#091;10px&#093; text-nexus-slate uppercase tracking-wider font-bold mb-1\">M\u00f4 t\u1ea3 chi ti\u1ebft s\u1ef1 c\u1ed1 ho\u1eb7c y\u00eau c\u1ea7u \u0111i\u1ec1u ch\u1ec9nh *<\/label>\n                                <textarea id=\"ticket-desc\" required rows=\"4\" class=\"w-full bg-nexus-darker text-white text-xs rounded-xl p-3 border border-white\/5 focus:outline-none focus:border-nexus-cyan transition\" placeholder=\"C\u00e0ng chi ti\u1ebft c\u00e0ng t\u1ed1t. V\u00ed d\u1ee5: Kh\u00e1ch h\u00e0ng click g\u1eedi \u0111\u1eb7t ph\u00f2ng \u1edf villa Deluxe b\u00e1o l\u1ed7i 'Error 502' sau khi thanh to\u00e1n qua Momo...\"><\/textarea>\n                            <\/div>\n\n                            <button type=\"submit\" class=\"w-full py-4 rounded-xl gradient-cyan-btn text-white font-bold text-xs uppercase tracking-widest shadow-lg shadow-nexus-cyan\/25 transition duration-300 transform hover:scale-&#091;1.01&#093; flex items-center justify-center space-x-2\">\n                                <i class=\"fa-solid fa-paper-plane animate-pulse\"><\/i>\n                                <span>G\u1eecI Y\u00caU C\u1ea6U \u0110\u1ebeN PH\u00d2NG K\u1ef8 THU\u1eacT<\/span>\n                            <\/button>\n                        <\/form>\n                    <\/div>\n\n                    <div id=\"ticket-success-box\" class=\"hidden p-8 bg-nexus-emerald\/10 border border-nexus-emerald\/30 rounded-3xl text-center space-y-4 my-auto\">\n                        <div class=\"w-16 h-16 rounded-full bg-nexus-emerald\/20 flex items-center justify-center mx-auto text-nexus-emerald text-3xl animate-bounce\">\n                            <i class=\"fa-solid fa-circle-check\"><\/i>\n                        <\/div>\n                        <h4 class=\"font-display font-bold text-2xl text-white\">Y\u00eau C\u1ea7u K\u1ef9 Thu\u1eadt \u0110\u00e3 \u0110\u01b0\u1ee3c Ti\u1ebfp Nh\u1eadn!<\/h4>\n                        <p class=\"text-xs text-nexus-slate leading-relaxed max-w-md mx-auto\">\n                            V\u00e9 h\u1ed7 tr\u1ee3 kh\u1ea9n c\u1ea5p c\u1ee7a b\u1ea1n \u0111\u00e3 \u0111\u01b0\u1ee3c m\u00e3 h\u00f3a v\u00e0 d\u1ed3n th\u1eb3ng t\u1edbi lu\u1ed3ng l\u00e0m vi\u1ec7c c\u1ee7a c\u00e1c k\u0129 s\u01b0 tr\u1ef1c thu\u1ed9c ph\u00f2ng v\u1eadn h\u00e0nh. Th\u1eddi gian ph\u1ea3n h\u1ed3i mu\u1ed9n nh\u1ea5t cam k\u1ebft tr\u01b0\u1edbc: <span id=\"success-sla-time\" class=\"text-nexus-cyan font-bold\">15 Ph\u00fat<\/span>.\n                        <\/p>\n                        \n                        <div class=\"p-4 bg-nexus-darker rounded-xl border border-white\/5 inline-block text-left text-xs max-w-sm w-full space-y-2\">\n                            <div>\n                                <p class=\"text-&#091;9px&#093; text-nexus-slate uppercase tracking-wider font-bold\">M\u00c3 TICKET B\u1ea2O AN<\/p>\n                                <p class=\"font-mono text-white select-all cursor-pointer\"><i class=\"fa-solid fa-barcode mr-2 text-nexus-cyan\"><\/i>NEXUS-TICKET-9942-SOS<\/p>\n                            <\/div>\n                            <div class=\"border-t border-white\/5 pt-2 flex justify-between text-&#091;11px&#093;\">\n                                <span class=\"text-nexus-slate\">\u0110\u1ed9 \u01b0u ti\u00ean:<\/span>\n                                <span class=\"text-nexus-rose font-bold\" id=\"success-priority-label\">H\u1ec6 TH\u1ed0NG S\u1eacP SOS<\/span>\n                            <\/div>\n                        <\/div>\n\n                        <p class=\"text-&#091;11px&#093; text-nexus-slate\">M\u1ed9t tin nh\u1eafn t\u1ef1 \u0111\u1ed9ng c\u1eadp nh\u1eadt ti\u1ebfn \u0111\u1ed9 x\u1eed l\u00fd c\u1ee7a k\u1ef9 s\u01b0 tr\u01b0\u1edfng s\u1ebd \u0111\u01b0\u1ee3c g\u1eedi tr\u1ef1c ti\u1ebfp t\u1edbi Zalo c\u1ee7a b\u1ea1n trong v\u00e0i ph\u00fat.<\/p>\n                        <button type=\"button\" onclick=\"resetSupportForm()\" class=\"px-6 py-2.5 bg-nexus-card hover:bg-nexus-cardLight text-white font-semibold text-xs rounded-xl border border-white\/5 transition\">\n                            T\u1ea1o phi\u1ebfu y\u00eau c\u1ea7u kh\u00e1c\n                        <\/button>\n                    <\/div>\n                <\/div>\n\n            <\/div>\n        <\/div>\n    <\/main>\n\n    <!-- FAQ Section -->\n    <section id=\"thu-vien-loi\" class=\"py-24 bg-nexus-darker border-t border-b border-white\/5 relative\">\n        <div class=\"absolute inset-0 bg-gradient-to-r from-nexus-cyan\/5 to-transparent pointer-events-none\"><\/div>\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"text-center max-w-3xl mx-auto space-y-4 mb-12\">\n                <span class=\"text-xs font-extrabold tracking-widest text-nexus-cyan uppercase bg-nexus-cyan\/10 px-3 py-1 rounded-full\">KHO T\u00c0I LI\u1ec6U K\u1ef8 THU\u1eacT<\/span>\n                <h2 class=\"font-display font-bold text-3xl sm:text-4xl text-white\">Th\u01b0 Vi\u1ec7n T\u1ef1 Kh\u1eafc Ph\u1ee5c S\u1ef1 C\u1ed1 Nhanh<\/h2>\n                <p class=\"text-nexus-slate text-sm sm:text-base\">Ch\u00fang t\u00f4i t\u00e0i li\u1ec7u h\u00f3a c\u00e1c b\u01b0\u1edbc t\u1ed1i \u01b0u h\u00f3a v\u1eadn h\u00e0nh th\u01b0\u1eddng g\u1eb7p nh\u1ea5t gi\u00fap b\u1ea1n ki\u1ec3m so\u00e1t ho\u00e0n to\u00e0n h\u1ec7 th\u1ed1ng website c\u1ee7a m\u00ecnh.<\/p>\n                \n                <div class=\"flex flex-wrap justify-center gap-2 pt-4\">\n                    <button onclick=\"filterTroubleshooter('all')\" id=\"tag-all\" class=\"px-4 py-1.5 rounded-full text-xs font-medium bg-nexus-cyan text-nexus-dark border border-nexus-cyan transition\">T\u1ea5t C\u1ea3<\/button>\n                    <button onclick=\"filterTroubleshooter('speed')\" id=\"tag-speed\" class=\"px-4 py-1.5 rounded-full text-xs font-medium bg-nexus-card text-nexus-slate border border-white\/5 hover:border-nexus-cyan\/40 transition\">T\u1ed1i \u01afu T\u1ed1c \u0110\u1ed9<\/button>\n                    <button onclick=\"filterTroubleshooter('crm')\" id=\"tag-crm\" class=\"px-4 py-1.5 rounded-full text-xs font-medium bg-nexus-card text-nexus-slate border border-white\/5 hover:border-nexus-cyan\/40 transition\">L\u1ed7i K\u1ebft N\u1ed1i CRM<\/button>\n                    <button onclick=\"filterTroubleshooter('dns')\" id=\"tag-dns\" class=\"px-4 py-1.5 rounded-full text-xs font-medium bg-nexus-card text-nexus-slate border border-white\/5 hover:border-nexus-cyan\/40 transition\">T\u00ean Mi\u1ec1n & SSL<\/button>\n                <\/div>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-2 gap-8 max-w-5xl mx-auto\" id=\"troubleshoot-grid\">\n                <div class=\"p-6 bg-nexus-card rounded-2xl border border-white\/5 space-y-3\" data-cat=\"speed\">\n                    <span class=\"text-&#091;9px&#093; bg-nexus-cyan\/15 text-nexus-cyan px-2.5 py-0.5 rounded-full font-bold uppercase\">T\u1ed1c \u0111\u1ed9 t\u1ea3i trang<\/span>\n                    <h4 class=\"font-display font-bold text-base text-white\">L\u00e0m th\u1ebf n\u00e0o \u0111\u1ec3 duy tr\u00ec \u0111i\u1ec3m Google PageSpeed tr\u00ean 95?<\/h4>\n                    <p class=\"text-xs sm:text-sm text-nexus-slate leading-relaxed\">\n                        H\u1ec7 th\u1ed1ng website Nexus \u0111\u01b0\u1ee3c t\u1ed1i \u01b0u c\u1ef1c h\u1ea1n m\u00e3 ngu\u1ed3n s\u1ea1ch. Tuy nhi\u00ean, n\u1ebfu b\u1ea1n t\u1ef1 t\u1ea3i l\u00ean c\u00e1c h\u00ecnh \u1ea3nh bi\u1ec3u ng\u1eef dung l\u01b0\u1ee3ng qu\u00e1 l\u1edbn (ch\u01b0a qua n\u00e9n WebP) ho\u1eb7c ch\u00e8n qu\u00e1 nhi\u1ec1u m\u00e3 theo d\u00f5i b\u00ean th\u1ee9 ba (Pixel, Tag Manager h\u1ecfng), \u0111i\u1ec3m t\u1ed1c \u0111\u1ed9 c\u00f3 th\u1ec3 b\u1ecb \u1ea3nh h\u01b0\u1edfng. H\u00e3y t\u1ed1i \u01b0u h\u00ecnh \u1ea3nh qua <span class=\"text-nexus-cyan\">TinyPNG<\/span> v\u00e0 t\u1ea3i l\u00ean \u0111\u1ecbnh d\u1ea1ng WebP\/SVG tr\u01b0\u1edbc khi \u0111\u01b0a l\u00ean trang.\n                    <\/p>\n                <\/div>\n\n                <div class=\"p-6 bg-nexus-card rounded-2xl border border-white\/5 space-y-3\" data-cat=\"crm\">\n                    <span class=\"text-&#091;9px&#093; bg-nexus-violet\/15 text-nexus-violet px-2.5 py-0.5 rounded-full font-bold uppercase\">K\u1ebft n\u1ed1i API CRM<\/span>\n                    <h4 class=\"font-display font-bold text-base text-white\">D\u1eef li\u1ec7u \u0111i\u1ec1n Form kh\u00f4ng \u0111\u1ed3ng b\u1ed9 v\u1ec1 HubSpot\/KiotViet?<\/h4>\n                    <p class=\"text-xs sm:text-sm text-nexus-slate leading-relaxed\">\n                        \u0110i\u1ec1u n\u00e0y th\u01b0\u1eddng x\u1ea3y ra khi Token k\u1ebft n\u1ed1i API (API Key) h\u1ebft h\u1ea1n ho\u1eb7c h\u1ec7 th\u1ed1ng CRM ph\u00eda b\u1ea1n c\u1eadp nh\u1eadt tr\u01b0\u1eddng d\u1eef li\u1ec7u m\u1edbi (Custom Field) b\u1eaft bu\u1ed9c nh\u01b0ng ch\u01b0a map v\u1edbi form tr\u00ean website. H\u00e3y li\u00ean h\u1ec7 b\u1ed9 ph\u1eadn h\u1ed7 tr\u1ee3 ho\u1eb7c truy c\u1eadp trang qu\u1ea3n tr\u1ecb Admin, c\u1eadp nh\u1eadt m\u00e3 Token b\u1ea3o m\u1eadt c\u1ee7a c\u1ed5ng CRM \u0111\u1ec3 k\u00edch ho\u1ea1t l\u1ea1i c\u1ed5ng k\u1ebft n\u1ed1i t\u1ef1 \u0111\u1ed9ng.\n                    <\/p>\n                <\/div>\n\n                <div class=\"p-6 bg-nexus-card rounded-2xl border border-white\/5 space-y-3\" data-cat=\"dns\">\n                    <span class=\"text-&#091;9px&#093; bg-nexus-emerald\/15 text-nexus-emeraldLight px-2.5 py-0.5 rounded-full font-bold uppercase\">T\u00ean mi\u1ec1n & B\u1ea3o m\u1eadt<\/span>\n                    <h4 class=\"font-display font-bold text-base text-white\">C\u1ea3nh b\u00e1o \"K\u1ebft n\u1ed1i kh\u00f4ng an to\u00e0n\" (L\u1ed7i ch\u1ee9ng ch\u1ec9 SSL)?<\/h4>\n                    <p class=\"text-xs sm:text-sm text-nexus-slate leading-relaxed\">\n                        M\u1ecdi website Nexus b\u00e0n giao \u0111\u1ec1u t\u00edch h\u1ee3p ch\u1ee9ng ch\u1ec9 Let's Encrypt SSL t\u1ef1 \u0111\u1ed9ng gia h\u1ea1n. N\u1ebfu b\u1ea1n \u0111\u1ed9t ng\u1ed9t th\u1ea5y c\u1ea3nh b\u00e1o n\u00e0y, c\u00f3 th\u1ec3 t\u00ean mi\u1ec1n c\u1ee7a b\u1ea1n ch\u01b0a \u0111\u01b0\u1ee3c tr\u1ecf c\u1ea5u h\u00ecnh \u0111\u00fang IP m\u00e1y ch\u1ee7 Cloudflare ho\u1eb7c ch\u1ee9ng ch\u1ec9 SSL b\u1ecb ngh\u1ebdn gia h\u1ea1n do thay \u0111\u1ed5i nh\u00e0 \u0111\u0103ng k\u00fd t\u00ean mi\u1ec1n. Ch\u1ec9 c\u1ea7n m\u1edf ticket kh\u1ea9n c\u1ea5p, k\u1ef9 thu\u1eadt s\u1ebd kh\u1edfi \u0111\u1ed9ng l\u1ea1i c\u1ea5u h\u00ecnh m\u00e1y ch\u1ee7 SSL trong 5 ph\u00fat.\n                    <\/p>\n                <\/div>\n\n                <div class=\"p-6 bg-nexus-card rounded-2xl border border-white\/5 space-y-3\" data-cat=\"speed\">\n                    <span class=\"text-&#091;9px&#093; bg-nexus-cyan\/15 text-nexus-cyan px-2.5 py-0.5 rounded-full font-bold uppercase\">Hi\u1ec3n th\u1ecb t\u01b0\u01a1ng t\u00e1c<\/span>\n                    <h4 class=\"font-display font-bold text-base text-white\">M\u00f4 h\u00ecnh xe 3D ho\u1eb7c t\u01b0\u01a1ng t\u00e1c ThreeJS t\u1ea3i ch\u1eadm tr\u00ean \u0111i\u1ec7n tho\u1ea1i?<\/h4>\n                    <p class=\"text-xs sm:text-sm text-nexus-slate leading-relaxed\">\n                        Nexus ph\u00e1t tri\u1ec3n c\u00f4ng c\u1ee5 t\u01b0\u01a1ng t\u00e1c 3D t\u1ed1i \u01b0u h\u00f3a ph\u1ea7n c\u1ee9ng di \u0111\u1ed9ng. H\u00e3y \u0111\u1ea3m b\u1ea3o kh\u00e1ch h\u00e0ng c\u1ee7a b\u1ea1n kh\u00f4ng b\u1eadt ch\u1ebf \u0111\u1ed9 \"Ti\u1ebft ki\u1ec7m pin c\u1ef1c \u0111\u1ed9\" tr\u00ean tr\u00ecnh duy\u1ec7t, v\u1ed1n h\u1ea1n ch\u1ebf kh\u1ea3 n\u0103ng render GPU c\u1ee7a WebGL. \u0110\u1ed3ng th\u1eddi, c\u1ea5u h\u00ecnh render t\u1ef1 \u0111\u1ed9ng h\u1ea1 \u0111\u1ed9 ph\u00e2n gi\u1ea3i l\u01b0\u1edbi 3D tr\u00ean c\u00e1c thi\u1ebft b\u1ecb c\u1ea5u h\u00ecnh th\u1ea5p \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o m\u01b0\u1ee3t m\u00e0.\n                    <\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n    <!-- Core Philosophy Section -->\n    <section id=\"vi-the\" class=\"py-24 relative overflow-hidden\">\n        <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10\">\n            <div class=\"text-center max-w-3xl mx-auto space-y-4 mb-16\">\n                <span class=\"text-xs font-extrabold tracking-widest text-nexus-cyan uppercase bg-nexus-cyan\/10 px-3 py-1 rounded-full\">TRI\u1ebeT L\u00dd V\u1eacN H\u00c0NH<\/span>\n                <h2 class=\"font-display font-bold text-3xl sm:text-4xl text-white\">Cam K\u1ebft K\u1ef9 Thu\u1eadt Ch\u1ec9 C\u00f3 T\u1ea1i Nexus Care<\/h2>\n                <p class=\"text-nexus-slate text-sm sm:text-base\">Ch\u00fang t\u00f4i kh\u00f4ng coi b\u1ea3o tr\u00ec l\u00e0 m\u1ed9t ngh\u0129a v\u1ee5 b\u1eaft bu\u1ed9c, \u0111\u00f3 l\u00e0 ngh\u1ec7 thu\u1eadt n\u00e2ng cao tu\u1ed5i th\u1ecd c\u1ee7a c\u1ed7 m\u00e1y b\u00e1n h\u00e0ng k\u1ef9 thu\u1eadt s\u1ed1 \u0111\u1ec9nh cao.<\/p>\n            <\/div>\n\n            <div class=\"grid grid-cols-1 md:grid-cols-3 gap-8\">\n                <div class=\"p-8 bg-nexus-card rounded-3xl border border-white\/5 space-y-4 relative group hover:border-nexus-cyan\/30 transition duration-300\">\n                    <div class=\"w-12 h-12 rounded-2xl bg-nexus-cyan\/10 flex items-center justify-center text-nexus-cyan text-xl group-hover:scale-110 transition duration-300\">\n                        <i class=\"fa-solid fa-shield-halved\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white\">An Ninh Kh\u00e9p K\u00edn<\/h3>\n                    <p class=\"text-xs sm:text-sm text-nexus-slate leading-relaxed\">Website m\u00e3 ngu\u1ed3n \u0111\u1ed9c b\u1ea3n \u0111\u01b0\u1ee3c m\u00e3 h\u00f3a c\u00e1c \u0111i\u1ec3m v\u00e0o API, t\u00edch h\u1ee3p t\u01b0\u1eddng l\u1eeda b\u1ea3o v\u1ec7 Cloudflare Enterprise gi\u00fap ch\u1ed1ng l\u1ea1i 99% c\u00e1c cu\u1ed9c t\u1ea5n c\u00f4ng DDoS v\u00e0 chi\u1ebfm quy\u1ec1n.<\/p>\n                <\/div>\n\n                <div class=\"p-8 bg-nexus-card rounded-3xl border border-white\/5 space-y-4 relative group hover:border-nexus-cyan\/30 transition duration-300\">\n                    <div class=\"w-12 h-12 rounded-2xl bg-nexus-emerald\/10 flex items-center justify-center text-nexus-emeraldLight text-xl group-hover:scale-110 transition duration-300\">\n                        <i class=\"fa-solid fa-code-compare\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white\">Ki\u1ec3m Th\u1eed Phi\u00ean B\u1ea3n H\u1eb1ng Ng\u00e0y<\/h3>\n                    <p class=\"text-xs sm:text-sm text-nexus-slate leading-relaxed\">Ch\u00fang t\u00f4i s\u1eed d\u1ee5ng h\u1ec7 th\u1ed1ng CI\/CD t\u1ef1 \u0111\u1ed9ng ki\u1ec3m th\u1eed hi\u1ec7u n\u0103ng website h\u1eb1ng ng\u00e0y \u0111\u1ec3 \u0111\u1ea3m b\u1ea3o kh\u00f4ng ph\u00e1t sinh b\u1ea5t c\u1ee9 xung \u0111\u1ed9t n\u00e0o do b\u00ean th\u1ee9 ba c\u1eadp nh\u1eadt API.<\/p>\n                <\/div>\n\n                <div class=\"p-8 bg-nexus-card rounded-3xl border border-white\/5 space-y-4 relative group hover:border-nexus-cyan\/30 transition duration-300\">\n                    <div class=\"w-12 h-12 rounded-2xl bg-nexus-violet\/10 flex items-center justify-center text-nexus-violet text-xl group-hover:scale-110 transition duration-300\">\n                        <i class=\"fa-solid fa-user-gear\"><\/i>\n                    <\/div>\n                    <h3 class=\"font-display font-bold text-lg text-white\">\u0110\u1ed9c Quy\u1ec1n K\u1ef9 S\u01b0 C\u1ed1t L\u00f5i<\/h3>\n                    <p class=\"text-xs sm:text-sm text-nexus-slate leading-relaxed\">Khi c\u00f3 s\u1ef1 c\u1ed1 x\u1ea3y ra, ng\u01b0\u1eddi can thi\u1ec7p tr\u1ef1c ti\u1ebfp ch\u00ednh l\u00e0 k\u0129 s\u01b0 \u0111\u00e3 tr\u1ef1c ti\u1ebfp l\u1eadp tr\u00ecnh ra website c\u1ee7a b\u1ea1n, gi\u00fap th\u1ea5u hi\u1ec3u c\u1ea5u tr\u00fac m\u00e3 ngu\u1ed3n v\u00e0 x\u1eed l\u00fd t\u1eadn g\u1ed1c trong ph\u00fat ch\u1ed1c.<\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/section>\n\n<\/div>\n\n<script>\n    let selectedDiagCategory = 'performance';\n\n    function selectDiagType(type) {\n        selectedDiagCategory = type;\n        const btnPerf = document.getElementById('btn-diag-perf');\n        const btnCrm = document.getElementById('btn-diag-crm');\n        \n        const activeClass = \"p-3 bg-nexus-cyan border border-nexus-cyan text-center rounded-xl transition text-nexus-darker\";\n        const defaultClass = \"p-3 bg-nexus-dark border border-white\/5 text-center text-nexus-slate hover:text-white rounded-xl transition\";\n\n        if (type === 'performance') {\n            btnPerf.className = activeClass;\n            btnCrm.className = defaultClass;\n        } else {\n            btnPerf.className = defaultClass;\n            btnCrm.className = activeClass;\n        }\n    }\n\n    function runDiagnosticScan() {\n        const urlInput = document.getElementById('diag-url').value.trim() || 'yourwebsite.com';\n        const terminal = document.getElementById('terminal-screen');\n        const scanline = document.getElementById('diag-scanline');\n        const statusBadge = document.getElementById('diag-status-badge');\n        const spinner = document.getElementById('diag-spinner');\n        const playIcon = document.getElementById('diag-play-icon');\n        const btnText = document.getElementById('diag-btn-text');\n\n        statusBadge.innerText = 'SCANNING...';\n        statusBadge.className = \"text-[9px] bg-yellow-500\/15 text-yellow-500 px-2 py-0.5 rounded font-mono\";\n        spinner.classList.remove('hidden');\n        playIcon.classList.add('hidden');\n        btnText.innerText = '\u0110ANG PH\u00c2N T\u00cdCH...';\n        scanline.classList.remove('hidden');\n        scanline.classList.add('animate-scan');\n\n        document.getElementById('metric-web-vitals').innerText = '--';\n        document.getElementById('metric-web-vitals').className = \"text-sm font-extrabold text-gray-500 font-mono\";\n        document.getElementById('metric-speed').innerText = '--';\n        document.getElementById('metric-speed').className = \"text-sm font-extrabold text-gray-500 font-mono\";\n        document.getElementById('metric-security').innerText = '--';\n        document.getElementById('metric-security').className = \"text-sm font-extrabold text-gray-500 font-mono\";\n\n        terminal.innerHTML = `<p class=\"text-yellow-400\">&gt; Kh\u1edfi \u0111\u1ed9ng ti\u1ebfn tr\u00ecnh ch\u1ea9n \u0111o\u00e1n h\u1ec7 th\u1ed1ng cho domain: ${urlInput}...<\/p>`;\n        \n        const logs = [\n            { time: 600, text: `&gt; \u0110ang k\u1ebft n\u1ed1i ph\u00e2n gi\u1ea3i \u0111\u1ecba ch\u1ec9 DNS IP c\u1ee7a m\u00e1y ch\u1ee7... OK` },\n            { time: 1400, text: `&gt; \u0110ang ki\u1ec3m tra c\u1ea5u tr\u00fac ch\u1ee9ng ch\u1ec9 b\u1ea3o an SSL Let's Encrypt... \u0110\u1ea1t ti\u00eau chu\u1ea9n SHA-256` },\n            { time: 2200, text: `&gt; \u0110ang ch\u1ea1y tr\u00ecnh gi\u1ea3 l\u1eadp Lighthouse ph\u00e2n t\u00edch t\u1ed1c \u0111\u1ed9 ph\u1ea3n h\u1ed3i m\u00e1y ch\u1ee7 (TTFB)...` },\n            { time: 3000, text: `&gt; \u0110ang gi\u1ea3 l\u1eadp ki\u1ec3m tra handshake lu\u1ed3ng API Webhook c\u1ee7a b\u00ean th\u1ee9 ba...` },\n            { time: 3800, text: `&gt; Ph\u00e2n t\u00edch ho\u00e0n t\u1ea5t. \u0110ang tr\u00edch xu\u1ea5t b\u00e1o c\u00e1o k\u1ef9 thu\u1eadt...` }\n        ];\n\n        logs.forEach(log => {\n            setTimeout(() => {\n                const p = document.createElement('p');\n                p.innerHTML = log.text;\n                p.className = \"text-nexus-slate\";\n                terminal.appendChild(p);\n                terminal.scrollTop = terminal.scrollHeight;\n            }, log.time);\n        });\n\n        setTimeout(() => {\n            statusBadge.innerText = 'SUCCESS';\n            statusBadge.className = \"text-[9px] bg-nexus-emerald\/15 text-nexus-emeraldLight px-2 py-0.5 rounded font-mono\";\n            spinner.classList.add('hidden');\n            playIcon.classList.remove('hidden');\n            btnText.innerText = 'K\u00cdCH HO\u1ea0T CH\u1ea8N \u0110O\u00c1N T\u1ee8C TH\u00cc';\n            scanline.classList.add('hidden');\n            scanline.classList.remove('animate-scan');\n\n            const metricVitals = document.getElementById('metric-web-vitals');\n            const metricSpeed = document.getElementById('metric-speed');\n            const metricSecurity = document.getElementById('metric-security');\n\n            if (selectedDiagCategory === 'performance') {\n                terminal.innerHTML += `<p class=\"text-nexus-emeraldLight\">[B\u00c1O C\u00c1O T\u1ed0C \u0110\u1ed8]: \u0110i\u1ec3m t\u1ed5ng hi\u1ec7u su\u1ea5t \u0111\u1ea1t 98\/100. T\u1ed1c \u0111\u1ed9 t\u1ea3i n\u1ed9i dung ch\u00ednh (LCP) c\u1ef1c nhanh 0.8s. M\u00e3 ngu\u1ed3n \u0111\u1ea1t t\u1ed1i \u01b0u tuy\u1ec7t \u0111\u1ed1i.<\/p>`;\n                metricVitals.innerText = 'PASS';\n                metricVitals.className = \"text-sm font-extrabold text-nexus-emeraldLight font-mono\";\n                metricSpeed.innerText = '98\/100';\n                metricSpeed.className = \"text-sm font-extrabold text-nexus-emeraldLight font-mono\";\n                metricSecurity.innerText = 'A+';\n                metricSecurity.className = \"text-sm font-extrabold text-nexus-emeraldLight font-mono\";\n            } else {\n                terminal.innerHTML += `<p class=\"text-yellow-400\">[B\u00c1O C\u00c1O API]: C\u1ed5ng Webhook HubSpot b\u1ecb tr\u00ec ho\u00e3n do Token b\u1ea3o m\u1eadt h\u1ebft h\u1ea1n. \u0110\u1ed3ng b\u1ed9 d\u1eef li\u1ec7u b\u1ecb ng\u1eaft qu\u00e3ng.<\/p>`;\n                metricVitals.innerText = 'WARNING';\n                metricVitals.className = \"text-sm font-extrabold text-yellow-400 font-mono\";\n                metricSpeed.innerText = '92\/100';\n                metricSpeed.className = \"text-sm font-extrabold text-yellow-400 font-mono\";\n                metricSecurity.innerText = 'SSL OK';\n                metricSecurity.className = \"text-sm font-extrabold text-nexus-emeraldLight font-mono\";\n                \n                terminal.innerHTML += `<p class=\"text-nexus-cyan underline cursor-pointer mt-2\" onclick=\"autoFillSupportTicket()\">[Click v\u00e0o \u0111\u00e2y] \u0111\u1ec3 t\u1ef1 \u0111\u1ed9ng \u0111i\u1ec1n m\u00e3 l\u1ed7i v\u00e0 chuy\u1ec3n ti\u1ebfp y\u00eau c\u1ea7u kh\u1eafc ph\u1ee5c l\u1ed7i CRM t\u1edbi Dev Team ngay l\u1eadp t\u1ee9c.<\/p>`;\n            }\n            terminal.scrollTop = terminal.scrollHeight;\n        }, 4500);\n    }\n\n    let selectedUrgencyLevel = 'low';\n\n    function selectUrgency(level) {\n        selectedUrgencyLevel = level;\n        updatePriorityAndSLA();\n    }\n\n    function updatePriorityAndSLA() {\n        const bar = document.getElementById('sla-bar-indicator');\n        const badge = document.getElementById('sla-level-badge');\n        const countdown = document.getElementById('sla-countdown-time');\n        const card = document.getElementById('sla-display-card');\n\n        badge.className = \"text-[10px] font-bold px-2 py-1 rounded\";\n        bar.className = \"w-1.5 h-6 rounded-full\";\n        card.classList.remove('border-nexus-rose\/30', 'border-yellow-500\/30', 'border-white\/5');\n\n        if (selectedUrgencyLevel === 'low') {\n            badge.innerText = \"Y\u00caU C\u1ea6U \u0110I\u1ec0U CH\u1ec8NH NH\u1ece\";\n            badge.classList.add('bg-nexus-cyan\/15', 'text-nexus-cyanLight');\n            bar.classList.add('bg-nexus-cyan');\n            countdown.innerHTML = `24 <span class=\"text-xs font-sans text-nexus-slate font-medium\">Gi\u1edd<\/span> 00 <span class=\"text-xs font-sans text-nexus-slate font-medium\">Ph\u00fat<\/span>`;\n            card.classList.add('border-white\/5');\n        } else if (selectedUrgencyLevel === 'medium') {\n            badge.innerText = \"L\u1ed6I CH\u1ee8C N\u0102NG PH\u1ee4\";\n            badge.classList.add('bg-yellow-500\/15', 'text-yellow-500');\n            bar.classList.add('bg-yellow-500');\n            countdown.innerHTML = `02 <span class=\"text-xs font-sans text-nexus-slate font-medium\">Gi\u1edd<\/span> 00 <span class=\"text-xs font-sans text-nexus-slate font-medium\">Ph\u00fat<\/span>`;\n            card.classList.add('border-yellow-500\/30');\n        } else {\n            badge.innerText = \"H\u1ec6 TH\u1ed0NG S\u1eacP KH\u1ea8N C\u1ea4P SOS\";\n            badge.classList.add('bg-nexus-rose\/15', 'text-nexus-rose');\n            bar.classList.add('bg-nexus-rose');\n            countdown.innerHTML = `15 <span class=\"text-xs font-sans text-nexus-slate font-medium\">Ph\u00fat<\/span> 00 <span class=\"text-xs font-sans text-nexus-slate font-medium\">Gi\u00e2y<\/span>`;\n            card.classList.add('border-nexus-rose\/30');\n        }\n    }\n\n    function autoFillSupportTicket() {\n        document.getElementById('contract-code').value = 'NEXUS-CRM-ERR';\n        document.getElementById('ticket-desc').value = 'Y\u00eau c\u1ea7u ki\u1ec3m tra s\u1ef1 c\u1ed1 c\u1ed5ng k\u1ebft n\u1ed1i webhook CRM HubSpot v\u1eeba qu\u00e9t ph\u00e1t hi\u1ec7n l\u1ed7i Token h\u1ebft h\u1ea1n tr\u00ean console ch\u1ea9n \u0111o\u00e1n.';\n        document.getElementById('tao-ticket').scrollIntoView({ behavior: 'smooth' });\n        \n        const radios = document.getElementsByName('urgency');\n        for(let i=0; i<radios.length; i++) {\n            if(radios&#091;i&#093;.value === 'medium') {\n                radios&#091;i&#093;.checked = true;\n                selectUrgency('medium');\n            }\n        }\n    }\n\n    function submitSupportTicket(event) {\n        event.preventDefault();\n\n        const priorityLabel = document.getElementById('success-priority-label');\n        const slaTime = document.getElementById('success-sla-time');\n\n        if (selectedUrgencyLevel === 'low') {\n            priorityLabel.innerText = 'Y\u00caU C\u1ea6U C\u1ea2I TI\u1ebeN NH\u1ece';\n            priorityLabel.className = 'text-nexus-cyan font-bold';\n            slaTime.innerText = '24 Gi\u1edd';\n        } else if (selectedUrgencyLevel === 'medium') {\n            priorityLabel.innerText = 'L\u1ed6I CH\u1ee8C N\u0102NG PH\u1ee4';\n            priorityLabel.className = 'text-yellow-500 font-bold';\n            slaTime.innerText = '02 Gi\u1edd';\n        } else {\n            priorityLabel.innerText = 'H\u1ec6 TH\u1ed0NG S\u1eacP SOS KH\u1ea8N C\u1ea4P';\n            priorityLabel.className = 'text-nexus-rose font-bold animate-pulse';\n            slaTime.innerText = '15 Ph\u00fat';\n        }\n\n        document.getElementById('ticket-form-container').classList.add('hidden');\n        document.getElementById('ticket-success-box').classList.remove('hidden');\n\n        document.getElementById('tao-ticket').scrollIntoView({ behavior: 'smooth' });\n    }\n\n    function resetSupportForm() {\n        document.getElementById('nexus-support-form').reset();\n        document.getElementById('ticket-form-container').classList.remove('hidden');\n        document.getElementById('ticket-success-box').classList.add('hidden');\n        selectUrgency('low');\n    }\n\n    function filterTroubleshooter(cat) {\n        const grid = document.getElementById('troubleshoot-grid');\n        const cards = grid.children;\n        \n        const btnAll = document.getElementById('tag-all');\n        const btnSpeed = document.getElementById('tag-speed');\n        const btnCrm = document.getElementById('tag-crm');\n        const btnDns = document.getElementById('tag-dns');\n\n        const defaultClass = \"px-4 py-1.5 rounded-full text-xs font-medium bg-nexus-card text-nexus-slate border border-white\/5 hover:border-nexus-cyan\/40 transition\";\n        const activeClass = \"px-4 py-1.5 rounded-full text-xs font-medium bg-nexus-cyan text-nexus-dark border border-nexus-cyan transition\";\n\n        btnAll.className = defaultClass;\n        btnSpeed.className = defaultClass;\n        btnCrm.className = defaultClass;\n        btnDns.className = defaultClass;\n\n        if (cat === 'all') btnAll.className = activeClass;\n        else if (cat === 'speed') btnSpeed.className = activeClass;\n        else if (cat === 'crm') btnCrm.className = activeClass;\n        else if (cat === 'dns') btnDns.className = activeClass;\n\n        for (let i = 0; i < cards.length; i++) {\n            const card = cards&#091;i&#093;;\n            if (cat === 'all' || card.getAttribute('data-cat') === cat) {\n                card.classList.remove('hidden');\n            } else {\n                card.classList.add('hidden');\n            }\n        }\n    }\n\n    window.onload = function() {\n        updatePriorityAndSLA();\n    }\n<\/script>\n\n\n\t\t<\/div>\n\t\t\t\t\n<style>\n#col-638160670 > .col-inner {\n  padding: 0px 0px 0px 0px;\n}\n<\/style>\n\t<\/div>\n\n\t\n\n<\/div>\n\n\t\t<\/div>\n\n\t\t\n<style>\n#section_1591005917 {\n  padding-top: 0px;\n  padding-bottom: 0px;\n  background-color: #050814;\n}\n<\/style>\n\t<\/section>\n\t\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-352","page","type-page","status-publish","hentry"],"_hostinger_reach_plugin_has_subscription_block":false,"_hostinger_reach_plugin_is_elementor":false,"_links":{"self":[{"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/pages\/352","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/comments?post=352"}],"version-history":[{"count":2,"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/pages\/352\/revisions"}],"predecessor-version":[{"id":354,"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/pages\/352\/revisions\/354"}],"wp:attachment":[{"href":"https:\/\/webbe.vn\/final\/wp-json\/wp\/v2\/media?parent=352"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}