:root{--bg:#edf4ff;--surface:#fff;--ink:#0b1d3b;--muted:#4f6286;--line:#cfddf5;--brand:#1f6feb;--brand-strong:#114fb8;--accent:#5bc0ff;--danger:#c62828;--shadow:0 16px 42px #0b28591f;--radius:16px;--max:1180px;--header-height:82px}*{box-sizing:border-box}html,body{color:var(--ink);background:radial-gradient(620px 240px at 10% -5%,#1f6feb38,transparent),radial-gradient(520px 260px at 100% 0%,#5bc0ff33,transparent),var(--bg);margin:0;padding:0;font-family:Be Vietnam Pro,Nunito Sans,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(92%,var(--max));margin:0 auto}.page{min-height:100vh;padding-top:var(--header-height)}.header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);will-change:opacity,transform;background:#edf4ffeb;transition:transform .26s,opacity .24s,border-color .2s,background-color .2s;position:fixed;top:0;left:0;right:0}.header--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.header--hidden{opacity:.01;pointer-events:none;border-bottom-color:#0000;transform:translateY(calc(-100% - 2px))}.header-inner{justify-content:space-between;align-items:center;gap:16px;padding:12px 0;display:flex}.brand{align-items:center;gap:10px;min-width:0;font-weight:800;display:flex}.brand span{word-break:break-word;min-width:0}.brand img{border-radius:12px;width:42px;height:42px}.nav{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.nav a{border-radius:999px;padding:10px 14px;font-weight:600}.nav a.btn-primary{background:linear-gradient(120deg,var(--brand),#3f8cff);color:#fff;box-shadow:0 10px 26px #1f6feb47}.nav a:hover{background:#dde9ff}.nav a.btn-primary:hover{background:linear-gradient(120deg,var(--brand),#3f8cff)}.btn{cursor:pointer;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-weight:700;transition:all .2s;display:inline-flex}.btn-primary{background:linear-gradient(120deg,var(--brand),#3f8cff);color:#fff;box-shadow:0 10px 26px #1f6feb47}.btn-primary:hover{transform:translateY(-1px)}.btn-outline{border:2px solid var(--brand-strong);color:var(--brand-strong);background:0 0}.section{padding:64px 0}.section h2{margin-top:0;margin-bottom:8px;font-size:clamp(28px,3.6vw,40px)}.sub{color:var(--muted);margin-top:0;margin-bottom:26px}.hero{padding:34px 0 28px}.hero-card{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:22px;overflow:hidden}.hero-banner{background:#07142f;border:1px solid #a9c4f7;border-radius:26px;min-height:520px;position:relative;overflow:hidden;box-shadow:0 22px 52px #10306738}.hero-banner-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero-banner-layer{background:linear-gradient(105deg,#04102bdb 0%,#04102bb8 38%,#04102b52 62%,#04102b2e 100%),radial-gradient(540px 240px at 20% 0,#3f8cff3d,#0000);position:absolute;inset:0}.hero-content{z-index:1;padding:30px;position:relative}.hero-banner-content{max-width:700px;padding:34px}.hero-content h1{color:#f2f7ff;margin-top:0;margin-bottom:10px;font-size:clamp(34px,5vw,56px);line-height:1.08}.hero-content p{color:#d8e7ff;margin-top:0}.hero-actions{flex-wrap:wrap;gap:10px;margin-top:14px;display:flex}.kpi-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:14px;display:grid}.kpi{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);text-align:center;background:#07153594;border:1px solid #9cc1ff73;border-radius:14px;padding:14px}.kpi strong{color:#f5f9ff;font-size:20px;display:block}.kpi span{color:#d5e5ff}.hero-banner .btn-outline{color:#e7f0ff;background:#05112e52;border-color:#9dc1ff}.cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.showcase-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.showcase-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #0b28591f}.showcase-card img{object-fit:cover;width:100%;height:210px}.showcase-body{padding:14px}.showcase-body h3{margin:0 0 8px;font-size:21px;line-height:1.28}.showcase-body p{color:var(--muted);margin:0}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:18px}.card h3{margin-top:0;margin-bottom:8px}.section-soft{position:relative}.section-soft .card{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#ffffffeb}.area-grid,.info-grid,.faq-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px;display:grid}.note-line{color:var(--muted);margin-top:12px}.cta-banner{box-shadow:var(--shadow);background:linear-gradient(130deg,#1f6feb24,#5bc0ff24);border:1px solid #a9c4f7;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;padding:20px;display:flex}.faq-item{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:16px}.faq-item h3{margin-top:0;margin-bottom:8px;font-size:19px}.faq-item p{color:var(--muted);margin:0}.check-list{gap:10px;margin:0;padding-left:18px;display:grid}.price-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px;display:grid}.price-card{background:var(--surface);border-radius:var(--radius);border:1px solid var(--line);padding:18px;position:relative}.price-card .tag{background:var(--accent);border-radius:999px;padding:4px 10px;font-size:13px;font-weight:800;position:absolute;top:-10px;right:14px}.price{color:var(--brand-strong);font-size:30px;font-weight:800}.timeline{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.step{border:1px solid var(--line);background:var(--surface);border-radius:14px;padding:14px}.posts{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px;display:grid}.post{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden}.post .body{padding:14px}.post img{object-fit:cover;width:100%;height:170px}.post h3{margin:0 0 8px;font-size:20px;line-height:1.25}.post p{color:var(--muted);margin:0}.post-keyword-row{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.post-keyword-chip{color:#1b4f9e;background:#f2f7ff;border:1px solid #bed3f8;border-radius:999px;align-items:center;padding:5px 9px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.meta{color:#6d7d77;margin-top:8px;font-size:14px}.article-page{padding-top:38px}.article-wrap{max-width:1220px}.article-breadcrumb{color:var(--muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;font-size:14px;display:flex}.article-breadcrumb strong{color:var(--ink);word-break:break-word;min-width:0}.article-shell{isolation:isolate;background:linear-gradient(165deg,#fffffffa,#f1f8fff5);border:1px solid #b8cef7;border-radius:20px;overflow:hidden;box-shadow:0 16px 42px #09255029}.article-hero{border-bottom:1px solid #c8daf8;grid-template-columns:minmax(0,60%) minmax(0,40%);align-items:stretch;gap:0;display:grid}.article-hero>*{min-width:0}.article-cover{aspect-ratio:16/10;z-index:0;min-width:0;min-height:340px;position:relative;overflow:hidden}.article-cover img{object-fit:cover;object-position:center;width:100%;max-width:100%;height:100%;display:block}.article-hero-body{z-index:1;background:linear-gradient(165deg,#fffffffc,#f4f9fffa);border-left:1px solid #c8daf8;min-width:0;padding:24px 24px 26px;position:relative;overflow:hidden}.article-kicker{color:#104ca6;background:#dceaff;border-radius:999px;margin-bottom:8px;padding:6px 10px;font-size:13px;font-weight:800;display:inline-flex}.article-hero-body h1{overflow-wrap:anywhere;margin:0;font-size:clamp(30px,4.2vw,48px);line-height:1.12}.article-excerpt{color:var(--muted);overflow-wrap:anywhere;margin:12px 0 0;font-size:18px;line-height:1.6}.article-meta-row{color:#4f6286;align-items:center;gap:8px;margin-top:14px;font-weight:600;display:flex}.article-keyword-row{flex-wrap:wrap;gap:6px;margin-top:12px;display:flex}.article-keyword-chip{color:#184b9b;background:#eef5ff;border:1px solid #b6cdf7;border-radius:999px;align-items:center;padding:6px 10px;font-size:12px;font-weight:700;line-height:1.2;display:inline-flex}.article-action-row{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.article-grid{grid-template-columns:minmax(260px,300px) minmax(0,1fr);gap:16px;padding:16px;display:grid}.article-side{align-content:start;gap:12px;height:fit-content;display:grid;position:sticky;top:90px}.article-side-card{background:#f7fbff;border:1px solid #bfd4fa;border-radius:14px;padding:14px}.article-side-card h3{margin:0 0 10px;font-size:20px}.article-side-card p{color:var(--muted);margin:0 0 12px}.article-toc{gap:8px;margin:0;padding-left:18px;display:grid}.article-toc li{line-height:1.45}.article-toc li.is-sub{margin-left:10px}.article-toc a{color:#143f83;font-weight:600}.article-main{gap:14px;min-width:0;display:grid}.article-content{overflow-wrap:anywhere;border:1px solid #bfd4fa;min-width:0;overflow:hidden}.article-h2{margin:0;padding-top:8px;font-size:clamp(28px,3vw,38px);line-height:1.2}.article-h3{margin:0;font-size:clamp(22px,2.2vw,28px);line-height:1.3}.article-p{color:#19315c;margin:0;font-size:17px;line-height:1.88}.article-ul{gap:8px;margin:0;padding-left:22px;line-height:1.75;display:grid}.article-ul li{color:#1b2f55}.article-content>*+*{margin-top:14px}.article-content img{object-fit:cover;border-radius:12px;width:100%;max-width:100%;height:auto}.article-faq h2{margin-top:0;margin-bottom:12px;font-size:clamp(26px,2.8vw,34px)}.article-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.article-related{margin-top:18px}.contact-wrap{grid-template-columns:1.1fr .9fr;gap:14px;display:grid}.form-row{gap:6px;margin-bottom:10px;display:grid}input,textarea,select{width:100%;font:inherit;border:1px solid #cfded9;border-radius:10px;padding:12px}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:14px}thead{background:#e6efff}th,td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px}.status{border-radius:999px;padding:4px 8px;font-size:12px;font-weight:700;display:inline-flex}.status-ok{color:#194ea9;background:#dde9ff}.status-off{color:#b42318;background:#fce8e8}.footer{border-top:1px solid var(--line);color:#5f7398;margin-top:20px;padding:24px 0}.admin-shell{grid-template-columns:250px 1fr;min-height:100vh;display:grid}.admin-sidebar{border-right:1px solid var(--line);background:#eef5ff;padding:22px 16px}.admin-sidebar nav{gap:8px;margin-top:14px;display:grid}.admin-sidebar a{border-radius:10px;padding:10px 12px;font-weight:600}.admin-sidebar a:hover,.admin-sidebar a.active{background:#dbe8ff}.admin-main{padding:24px}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.alert{border-radius:10px;margin-bottom:12px;padding:10px 12px;font-size:14px}.alert-ok{color:#0f7a5a;background:#d5f8ea}.alert-error{color:#9f2222;background:#fde5e5}.fabs{right:max(14px,env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));z-index:90;flex-direction:column;align-items:center;gap:16px;display:flex;position:fixed}.fab-shell{place-items:center;width:64px;height:64px;display:grid;position:relative}.fab-shell-call,.fab-shell-zalo{will-change:transform;transform-origin:50%;animation:1.8s ease-in-out infinite fab-wiggle}.fab-shell-zalo{animation-delay:.28s}.fab{border:none;border-radius:50%;place-items:center;width:60px;height:60px;padding:0;display:grid;position:relative;box-shadow:0 12px 30px #07202533}.fab-call{color:#fff;z-index:2;background:linear-gradient(120deg,#f04a4a,#c71f1f);border:2px solid #ff9b9b}.fab-zalo{color:#fff;background:linear-gradient(120deg,#2f84ff,#1f6feb);border:2px solid #9ac2ff}.fab-shell-call:before,.fab-shell-call:after{content:"";pointer-events:none;z-index:1;border:2px solid #ff5a5a99;border-radius:50%;animation:1.9s ease-out infinite fab-call-pulse;position:absolute;inset:-6px}.fab-shell-call:after{border-color:#ff828273;animation-delay:.95s}.fab-shell-zalo:before,.fab-shell-zalo:after{content:"";pointer-events:none;z-index:1;border:2px solid #4da1ff94;border-radius:50%;animation:2s ease-out infinite fab-zalo-pulse;position:absolute;inset:-6px}.fab-shell-zalo:after{border-color:#82c4ff6b;animation-delay:1s}.fab-icon{object-fit:contain;width:34px;height:34px;display:block}.fab-icon-call{width:30px;height:30px}.fab-icon-zalo{width:38px;height:38px}@keyframes fab-call-pulse{0%{opacity:.8;transform:scale(.94)}70%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}@keyframes fab-zalo-pulse{0%{opacity:.72;transform:scale(.94)}70%{opacity:0;transform:scale(1.5)}to{opacity:0;transform:scale(1.5)}}@keyframes fab-wiggle{0%{transform:rotate(0)}25%{transform:rotate(-9deg)}50%{transform:rotate(0)}75%{transform:rotate(9deg)}to{transform:rotate(0)}}@media (prefers-reduced-motion:reduce){.fab-shell-call:before,.fab-shell-call:after,.fab-shell-zalo:before,.fab-shell-zalo:after,.fab-shell-call,.fab-shell-zalo{animation:none}}@media (max-width:1024px){.hero-grid,.contact-wrap,.admin-shell,.grid-3{grid-template-columns:1fr}.section{padding:54px 0}.hero-banner{min-height:470px}.article-hero{grid-template-columns:1fr}.article-hero-body{border-top:1px solid #c8daf8;border-left:0}.article-grid{grid-template-columns:1fr}.article-side{position:static}.article-faq-grid{grid-template-columns:1fr}.admin-sidebar{border-right:none;border-bottom:1px solid var(--line)}.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){:root{--header-height:228px}.header-inner{flex-direction:column;align-items:stretch;gap:10px;padding:10px 0}.brand{width:100%}.brand span{font-size:20px;line-height:1.2}.nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;width:100%;display:grid}.nav a{border:1px solid var(--line);white-space:normal;text-align:center;background:#ffffffd9;justify-content:center;align-items:center;min-height:46px;padding:9px 12px;font-size:17px;display:flex}.nav .btn{grid-column:1/-1;width:100%;padding:10px 14px}.nav a.btn-primary{background:linear-gradient(120deg,var(--brand),#3f8cff);color:#fff;border:none}.hero-banner{border-radius:20px;min-height:430px}.hero-content,.hero-banner-content{padding:16px}.hero-content h1{font-size:clamp(30px,8.8vw,44px)}.section{padding:46px 0}.section h2{font-size:clamp(26px,8vw,34px)}.sub{margin-bottom:18px}.kpi-grid{grid-template-columns:1fr}.cta-banner{flex-direction:column;align-items:flex-start}.article-page{padding-top:20px}.article-breadcrumb{gap:6px;font-size:13px;line-height:1.45}.article-shell{border-radius:14px}.article-cover{aspect-ratio:4/3;min-height:0}.article-hero-body{padding:16px}.article-kicker{padding:5px 9px;font-size:12px}.article-hero-body h1{font-size:clamp(30px,9vw,40px)}.article-excerpt{margin-top:10px;font-size:16px}.article-meta-row{font-size:14px}.article-keyword-chip{padding:5px 8px;font-size:11px}.article-action-row .btn{width:100%}.article-grid{gap:12px;padding:12px}.article-side-card{padding:12px}.article-side-card h3{margin-bottom:8px;font-size:18px}.article-h2{font-size:clamp(24px,8.2vw,32px)}.article-h3{font-size:clamp(20px,6.4vw,26px)}.article-p{font-size:16px;line-height:1.75}.post h3{font-size:19px}.fabs{right:max(10px,env(safe-area-inset-right));bottom:calc(10px + env(safe-area-inset-bottom));gap:12px}.fab-shell{width:58px;height:58px}.fab{width:54px;height:54px}.fab-icon-call{width:26px;height:26px}.fab-icon-zalo{width:33px;height:33px}.fab-shell-call:before,.fab-shell-call:after,.fab-shell-zalo:before,.fab-shell-zalo:after{inset:-4px}}@media (max-width:420px){:root{--header-height:236px}.wrap{width:min(94%,var(--max))}.brand span{font-size:18px}.hero-banner{min-height:400px}.article-hero-body h1{font-size:clamp(28px,9.5vw,36px)}.article-breadcrumb strong{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}}.admin-page{color:#e8ecff;background:radial-gradient(900px 340px at 0 -8%,#1f6feb47,#0000),radial-gradient(920px 380px at 100% 0,#5bc0ff33,#0000),#020b1f;min-height:100vh;padding:32px 0 64px}.admin-hero{background:linear-gradient(120deg,#071437f5,#07102ef0);border:1px solid #2b4f93;border-radius:22px;justify-content:space-between;align-items:flex-start;gap:14px;padding:22px;display:flex}.admin-hero h1{margin:0;font-size:clamp(30px,3.8vw,44px)}.admin-hero p{color:#c8d8ff;max-width:840px;margin:10px 0 0;line-height:1.55}.admin-hero-actions{gap:10px;display:grid}.btn-danger{color:#fff;background:linear-gradient(120deg,#f23b48,#d4143b)}.btn-danger-outline{color:#ffb7c3;background:0 0;border:1px solid #f15772}.btn-outline-light{color:#deebff;background:0 0;border:1px solid #6f93de}.admin-tabs{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.admin-tab{color:#cbdbff;border:1px solid #31528f;border-radius:999px;padding:10px 14px;font-size:14px;font-weight:700}.admin-tab--active,.admin-tab:hover{color:#fff;background:linear-gradient(120deg,#2d79f0,#1b5fd0);border-color:#2d79f0}.admin-content{margin-top:12px}.admin-card{background:linear-gradient(160deg,#081332f5,#06102afa);border:1px solid #2c4f90;border-radius:18px;padding:18px;box-shadow:0 14px 44px #02051273}.admin-card-title{letter-spacing:-.01em;margin:0;font-size:clamp(28px,3vw,40px)}.admin-subpanel{background:#0814348f;border:1px solid #33589c;border-radius:14px;padding:14px}.admin-divider{border:0;border-top:1px solid #2d5296;margin:22px 0}.admin-page .sub{color:#c8d8ff}.admin-page input,.admin-page textarea,.admin-page select{color:#edf3ff;background:#07112bd6;border:1px solid #355a9c}.admin-page input:focus,.admin-page textarea:focus,.admin-page select:focus{border-color:#3f8cff;outline:2px solid #3f8cff61}.admin-page label{color:#dce8ff;font-weight:600}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.admin-stats-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;display:grid}.admin-stat{background:#08112ecc;border:1px solid #30508e;border-radius:14px;padding:14px}.admin-stat span{color:#adc2ee;font-size:13px;display:block}.admin-stat strong{color:#f3f7ff;margin-top:8px;font-size:44px;line-height:1;display:block}.admin-table thead{background:#0c1c46f7}.admin-table th,.admin-table td{border-bottom:1px solid #2a4a85}.admin-table td{color:#e2eeff}.admin-table th{color:#bfd2f8}.tracking-actions{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:10px;display:flex}.badge-ads{color:#d3efff;background:#5bc0ff38;border-radius:999px;margin-left:6px;padding:2px 6px;font-size:11px;display:inline-flex}.switch-row{color:#dce8ff;align-items:center;gap:10px;margin-bottom:14px;display:flex}@media (max-width:1200px){.admin-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:900px){.admin-hero{flex-direction:column}.grid-2{grid-template-columns:1fr}}@media (max-width:760px){.admin-stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}