:root{--paper:#faf9f7;--panel:#fff;--ink:#1c2226;--ink-soft:#6b7075;--line:#e7e2d9;--line-dark:#c9c0b2;--accent:#e8590c;--accent-soft:#fff0e6;--boss:#6e3a8c;--boss-soft:#f3ecf8;--green:#2e7a45;--green-soft:#eaf5ee;--amber:#b07d10;--red:#a5372b;--mono:"JetBrains Mono",ui-monospace,Menlo,monospace;--sans:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",sans-serif;--display:"Bricolage Grotesque","Be Vietnam Pro",system-ui,sans-serif}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans);margin:0}a{color:var(--green)}.bao{width:min(1080px,100% - 40px);margin:0 auto}.eyebrow{font:700 11px/1 var(--mono);letter-spacing:2px;color:var(--ink-soft);text-transform:uppercase}h1,h2,h3{letter-spacing:-.02em;font-family:var(--display);margin:0;font-weight:800}h2{margin:10px 0 12px;font-size:clamp(26px,3.2vw,34px);line-height:1.2}.dan{color:var(--ink-soft);max-width:640px;margin:0}section{border-top:1px solid var(--line);padding:64px 0}.dau{z-index:10;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);background:#faf9f7eb;position:sticky;top:0}.dau .bao{align-items:center;gap:18px;height:60px;display:flex}.logo{font:800 13px/1.2 var(--mono);letter-spacing:2px;color:var(--ink);white-space:nowrap;text-decoration:none}.logo span{color:var(--ink-soft);letter-spacing:1px;font-weight:600}nav{align-items:center;gap:18px;margin-left:auto;display:flex}nav a{font:600 13px var(--sans);color:var(--ink-soft);text-decoration:none}nav a:hover{color:var(--ink)}.nut{font:700 14px var(--sans);cursor:pointer;border:1.5px solid #0000;border-radius:99px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;text-decoration:none;transition:transform .12s;display:inline-flex}.nut:active{transform:scale(.98)}.nut.chinh{background:var(--accent);color:#fff}.nut.chinh:hover{background:#d24f09}.nut.chinh:disabled{opacity:.6;cursor:default}.nut.phu{background:var(--panel);color:var(--ink);border-color:var(--line-dark)}.nut.phu:hover{border-color:var(--ink)}.nut.nho{padding:9px 14px;font-size:13px}.hero{border-top:0;padding:56px 0 48px}.hero .bao{grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;display:grid}.hero h1{margin:14px 0 18px;font-size:clamp(32px,4.6vw,52px);line-height:1.08}.hero .dan{font-size:18px}.hero .hanh-dong{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.hero .chung{font:12px/1.6 var(--mono);color:var(--ink-soft);margin-top:22px}.hero .chung b{color:var(--ink);font-weight:600}.orb-khung{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;flex-direction:column;align-items:center;gap:14px;padding:0;text-decoration:none;display:flex}.orb{border-radius:50%;place-items:center;width:230px;height:230px;display:grid;position:relative}.orb:before{content:"";opacity:.7;border:1.5px solid #cdbfe0;border-radius:50%;position:absolute;inset:-18px}.orb:after{content:"";opacity:.6;border:1px solid #e3d9ef;border-radius:50%;position:absolute;inset:-34px}.orb .cau{background:radial-gradient(circle at 32% 30%,#b592cc 0%,#6e3a8c 45%,#3d1f52 100%);border-radius:58% 42% 52% 48%/46% 55% 45% 54%;width:100%;height:100%;animation:9s ease-in-out infinite morph;position:relative;overflow:hidden;box-shadow:0 24px 50px -20px #6e3a8c8c}.orb .cau:after{content:"";background-image:radial-gradient(#00000047 1.2px,#0000 1.3px);background-size:11px 11px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(135deg,#0000 30%,#000 100%);mask-image:linear-gradient(135deg,#0000 30%,#000 100%)}.orb .vach{align-items:center;gap:9px;display:flex;position:absolute}.orb .vach i{background:#fff;border-radius:3px;width:14px;height:22px;animation:1.6s ease-in-out infinite nhip;display:block}.orb .vach i:first-child{height:34px;animation-delay:0s}.orb .vach i:nth-child(2){height:22px;animation-delay:.2s}.orb .vach i:nth-child(3){height:26px;animation-delay:.4s}.orb .vach i:nth-child(4){height:18px;animation-delay:.6s}.orb .vach i:nth-child(5){height:24px;animation-delay:.8s}.orb-nhan{font:700 10.5px/1 var(--mono);letter-spacing:1.8px;color:var(--ink-soft)}.orb-phu{font:12px var(--mono);color:var(--green)}@keyframes morph{0%,to{border-radius:58% 42% 52% 48%/46% 55% 45% 54%}50%{border-radius:45% 55% 47% 53%/55% 44% 56% 45%}}@keyframes nhip{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}@media (prefers-reduced-motion:reduce){.orb .cau,.orb .vach i{animation:none}}.may{background:#111;border-radius:44px;width:min(372px,100%);height:min(760px,82vh);margin:0 auto;padding:12px;display:block;position:relative;box-shadow:0 30px 60px -30px #00000080,inset 0 0 0 1.5px #3a3a3a}.may iframe{background:var(--paper);border:0;border-radius:34px;width:100%;height:100%;display:block}.may-nhan{text-align:center;font:12px/1.6 var(--mono);color:var(--ink-soft);margin-top:12px}.may-nhan a{color:var(--green)}.luoi-goi{grid-template-columns:repeat(3,1fr);gap:18px;margin-top:28px;display:grid}.goi{background:var(--panel);border:1px solid var(--line);border-radius:18px;flex-direction:column;gap:14px;padding:24px;display:flex;position:relative}.goi.noi{border-color:var(--boss);box-shadow:0 18px 40px -28px #6e3a8c80}.goi .tag{font:700 10px/1 var(--mono);letter-spacing:1.5px;background:var(--boss);color:#fff;border-radius:99px;padding:6px 10px;position:absolute;top:-11px;left:22px}.goi .tag.moi{background:var(--green)}.goi h3{font-size:20px}.goi .mo-ta{color:var(--ink-soft);min-height:48px;margin:0}.goi ul{gap:8px;margin:0;padding:0;font-size:14.5px;list-style:none;display:grid}.goi li{padding-left:22px;position:relative}.goi li:before{content:"✓";color:var(--green);font-weight:700;position:absolute;top:0;left:0}.goi .kenh{flex-wrap:wrap;gap:6px;display:flex}.goi .kenh span{font:600 11px var(--mono);letter-spacing:.5px;background:var(--boss-soft);color:var(--boss);border-radius:99px;padding:5px 9px}.goi .gia{border-top:1px dashed var(--line-dark);gap:4px;margin-top:auto;padding-top:14px;display:grid}.goi .gia .dong{color:var(--ink-soft);justify-content:space-between;gap:10px;font-size:14px;display:flex}.goi .gia .dong b{color:var(--ink);white-space:nowrap;font-weight:600}.goi .gia .tong{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:10px;margin-top:6px;padding-top:8px;display:flex}.goi .gia .tong .so{font:800 26px/1.1 var(--sans);letter-spacing:-.02em}.goi .gia .tong .so small{font:600 13px var(--sans);color:var(--ink-soft);letter-spacing:0}.goi .gia .nho{font:12px/1.5 var(--mono);color:var(--ink-soft)}.goi .nut{margin-top:4px}.can{font:13px/1.6 var(--sans);color:var(--ink-soft);background:var(--paper);border-radius:12px;padding:10px 12px}.can b{color:var(--ink);font-weight:600}.bang-bao{border:1px solid var(--line);background:var(--panel);border-radius:16px;margin-top:24px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:640px;font-size:14.5px}th,td{text-align:left;border-bottom:1px solid var(--line);vertical-align:top;padding:14px 16px}th{font:700 11px/1 var(--mono);letter-spacing:1.5px;color:var(--ink-soft);text-transform:uppercase;background:var(--paper)}tr:last-child td{border-bottom:0}td b{font-weight:600}.ghi{font:13px/1.6 var(--sans);color:var(--ink-soft);margin-top:14px}.luoi-2{grid-template-columns:repeat(2,1fr);gap:18px;margin-top:28px;display:grid}.the{background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:22px}.the h3{margin-bottom:6px;font-size:17px}.the p{color:var(--ink-soft);margin:0;font-size:15px}.buoc{counter-reset:b;border:1px solid var(--line);background:var(--panel);border-radius:16px;gap:0;margin-top:28px;display:grid;overflow:hidden}.buoc>div{border-bottom:1px solid var(--line);grid-template-columns:56px 1fr auto;align-items:start;gap:16px;padding:18px 22px;display:grid}.buoc>div:last-child{border-bottom:0}.buoc>div:before{counter-increment:b;content:"0" counter(b);font:800 22px/1 var(--mono);color:var(--boss)}.buoc h3{margin-bottom:4px;font-size:16px}.buoc p{color:var(--ink-soft);margin:0;font-size:14.5px}.buoc .ai{font:700 10px/1 var(--mono);letter-spacing:1.5px;color:var(--ink-soft);white-space:nowrap;padding-top:5px}.buoc .ai.ban{color:var(--accent)}.hd{border-top:1px solid var(--line);margin-top:24px}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;justify-content:space-between;gap:12px;padding:16px 0;font-weight:600;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"+";font:600 18px var(--mono);color:var(--ink-soft)}details[open] summary:after{content:"–"}details p{color:var(--ink-soft);margin:0 0 16px}.dk{background:var(--panel);border:1px solid var(--line);border-radius:20px;grid-template-columns:.8fr 1.2fr;gap:26px;margin-top:28px;padding:28px;display:grid}.dk .ben{color:var(--ink-soft);font-size:15px}.dk .ben b{color:var(--ink);font-weight:600}.dk .ben ol{gap:6px;margin:8px 0 0;padding-left:20px;display:grid}.dk .ben ol.tien-trinh{gap:12px;margin:10px 0 18px;padding:0;list-style:none}.tien-trinh li{align-items:flex-start;gap:12px;display:flex}.tien-trinh .dau{width:26px;height:26px;font:700 12px var(--mono);background:var(--paper);border:1px solid var(--line-dark);color:var(--ink-soft);border-radius:50%;flex:none;place-items:center;display:grid}.tien-trinh li.xong .dau{background:var(--green);border-color:var(--green);color:#fff}.tien-trinh li.xong em{color:var(--green);margin-left:4px;font-style:normal;font-weight:600}.tien-trinh li.dang .dau{background:var(--accent);border-color:var(--accent);color:#fff}.tien-trinh li.dang b{color:var(--ink)}.tien-trinh small{font:600 12px var(--sans);color:var(--accent);margin-top:2px;display:block}.dk .ben .ma-sau{font-family:var(--mono);color:var(--boss);letter-spacing:.5px}.f{gap:14px;display:grid}.f .muc{font:700 11px/1 var(--mono);letter-spacing:1.5px;color:var(--boss);text-transform:uppercase;border-top:1px dashed var(--line-dark);margin-top:8px;padding-top:14px}label.o{font:600 13px var(--sans);gap:6px;display:grid}label.o small{font:400 12px var(--sans);color:var(--ink-soft)}input,textarea{width:100%;font:16px/1.4 var(--sans);border:1px solid var(--line-dark);color:var(--ink);background:#fff;border-radius:12px;padding:11px 13px}input:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:#0000}input.sai,textarea.sai{border-color:var(--red)}textarea{resize:vertical;min-height:80px}.chon-goi{gap:8px;display:grid}.chon-goi label{border:1px solid var(--line-dark);cursor:pointer;border-radius:12px;align-items:center;gap:10px;padding:10px 12px;font-size:14.5px;display:flex}.chon-goi label:has(input:checked){border-color:var(--boss);background:var(--boss-soft)}.chon-goi input{width:auto;accent-color:var(--boss);margin:0}.chon-goi .g{font:600 13px var(--mono);color:var(--ink-soft);white-space:nowrap;margin-left:auto}.loi{color:var(--red);min-height:20px;font-size:14px}.gap-tl{border:1px dashed var(--line-dark);background:#fbfaf8;border-radius:14px;padding:12px 14px}.gap-tl>summary{cursor:pointer;flex-wrap:wrap;align-items:center;gap:10px;list-style:none;display:flex}.gap-tl>summary::-webkit-details-marker{display:none}.gap-tl>summary:before{content:"▸";color:var(--boss);font-size:13px}.gap-tl[open]>summary:before{content:"▾"}.gap-tl .tuy{font:400 12px var(--sans);color:var(--ink-soft)}.gap-tl .gap-note{font:400 13px/1.55 var(--sans);color:var(--ink-soft);margin:10px 0 2px}.gap-tl .gap-note b{color:var(--ink)}.gap-tl>label.o,.gap-tl>.o{margin-top:14px}.hop-ma{background:var(--accent-soft);border:1.5px dashed var(--accent);border-radius:14px;gap:8px;padding:14px;display:grid}.hop-ma .tieu{font:700 15px var(--sans);color:var(--ink);align-items:center;gap:8px;display:flex}.hop-ma .tieu .ve{font-size:20px;line-height:1}.hop-ma .phu{font:400 13px/1.45 var(--sans);color:var(--ink-soft);margin:-4px 0 2px}.hop-ma .phu a{color:var(--accent);font-weight:600}.hop-ma input{border-color:var(--accent);background:#fff}.hop-ma .nut{background:var(--accent);color:#fff;border-color:var(--accent)}.hop-ma.da-ap{background:var(--green-soft);border-color:var(--green);border-style:solid}.hop-ma.da-ap input{border-color:var(--green)}.hang-ma{gap:8px;display:flex}.hang-ma input{text-transform:uppercase;letter-spacing:1px;min-width:0;font-family:var(--mono);flex:1}.hang-ma .nut{flex:none;padding:0 18px}.hang-ma input::placeholder{text-transform:none;letter-spacing:0;font-family:var(--sans)}.kq-ma{font:500 13px/1.5 var(--sans);min-height:0}.kq-ma.dung{color:var(--green)}.kq-ma.sai{color:var(--red)}.chon-goi .g s{color:var(--ink-soft);opacity:.7;margin-right:4px;font-weight:400}.chon-goi .g .moi{color:var(--green)}.hp{position:absolute;left:-9999px}.tt{background:var(--green-soft);border:1px solid #cfe6d6;border-radius:16px;padding:20px;display:none}.tt h3{color:var(--green);margin-bottom:6px;font-size:18px}.tt .luoi{grid-template-columns:200px 1fr;align-items:start;gap:18px;margin-top:14px;display:grid}.tt img{background:#fff;border:1px solid #cfe6d6;border-radius:12px;width:200px;height:200px;display:block}.tt dl{grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14.5px;display:grid}.tt dt{color:var(--ink-soft)}.tt dd{margin:0;font-weight:600}.tt dd.ma{font:700 18px var(--mono);color:var(--boss);letter-spacing:1px}.tt dd.tong{font-size:18px}.tt .sau{color:var(--ink-soft);margin:14px 0 0;font-size:14px}footer{border-top:1px solid var(--line);font:13px/1.8 var(--sans);color:var(--ink-soft);padding:36px 0 60px}footer .bao{flex-wrap:wrap;justify-content:space-between;gap:18px;display:flex}footer a{color:var(--ink-soft)}@media (max-width:860px){.hero .bao{grid-template-columns:1fr;gap:28px}.hero{padding:36px 0 32px}.hero .cot-cham{order:-1}.may{width:100%;height:min(620px,76vh);box-shadow:none;border:1px solid var(--line);background:0 0;border-radius:20px;padding:0;overflow:hidden}.may iframe{border-radius:0}.luoi-goi,.luoi-2,.dk{grid-template-columns:1fr}nav a:not(.nut){display:none}section{padding:48px 0}.buoc>div{grid-template-columns:40px 1fr}.buoc .ai{grid-column:2;padding-top:0}.tt .luoi{grid-template-columns:1fr}.tt img{margin:0 auto}}th .brand-logo{vertical-align:top!important}.demo-tab{border:1px solid var(--line-dark);background:var(--panel);border-radius:99px;gap:4px;margin-top:22px;padding:4px;display:inline-flex}.demo-tab button{font:600 14px var(--sans);color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:99px;padding:8px 16px}.demo-tab button[aria-selected=true]{background:var(--ink);color:#fff}.demo-mo{color:var(--ink-soft);margin:12px 0 0;font-size:14.5px}.demo-khung{background:#1f1e1d;border:1px solid #2c2b29;border-radius:14px;margin-top:18px;overflow:hidden;box-shadow:0 30px 70px -34px #1c22268c}.demo-thanh{height:38px;font:12px var(--mono);color:#9a978e;background:#2b2a27;border-bottom:1px solid #3a3936;align-items:center;gap:7px;padding:0 14px;display:flex}.demo-thanh i{background:#4a4945;border-radius:50%;width:10px;height:10px}.demo-thanh i:first-child{background:#ff5f57}.demo-thanh i:nth-child(2){background:#febc2e}.demo-thanh i:nth-child(3){background:#28c840}.demo-thanh span{text-overflow:ellipsis;white-space:nowrap;margin-left:10px;overflow:hidden}.demo-thanh a{color:#c3c0b6;white-space:nowrap;margin-left:auto;text-decoration:none}.demo-thanh a:hover{color:#fff}.demo-khung iframe{background:#1f1e1d;border:0;width:100%;height:680px;display:block}@media (max-width:640px){.demo-khung iframe{height:620px}.demo-thanh span{display:none}.demo-tab button{padding:8px 12px;font-size:13px}}html[data-theme=dark]{--paper:#191613;--panel:#24201b;--ink:#f2ede6;--ink-soft:#a99f93;--line:#38322b;--line-dark:#4a4239;--accent-soft:#3a2416;--boss:#b98ad6;--boss-soft:#2d2233;--green:#4cc26a;--green-soft:#1a2e1f;--amber:#d9a53a;--red:#f07167}html[data-theme=dark] .dau{background:#191613eb}html[data-theme=dark] input,html[data-theme=dark] textarea,html[data-theme=dark] .hop-ma input,html[data-theme=dark] .gap-tl{background:#1f1b17}html[data-theme=dark] .goi .tag{color:#191613}html[data-theme=dark] .tt,html[data-theme=dark] .tt img{border-color:#2c4a34}html[data-theme=dark] .tt img{background:#fff}html[data-theme=dark] .demo-tab button[aria-selected=true]{color:#191613}html[data-theme=dark] .orb:before{border-color:#5a4570}html[data-theme=dark] .orb:after{border-color:#3d3047}html[data-theme=dark] .goi.noi,html[data-theme=dark] .demo-khung{box-shadow:0 18px 40px -28px #000c}html[data-theme=dark] .may{background:#0f0d0b}.dau nav .cpgd{margin-left:4px}.dau .nut.nho{white-space:nowrap}@media (max-width:440px){.dau .bao{gap:10px}.dau nav{gap:8px}.dau nav .cpgd{margin-left:0}.dau .nut.nho{padding:9px 12px;font-size:12.5px}}.ve-bang{border:1.5px dashed var(--accent);background:var(--accent-soft);border-radius:12px;gap:4px;margin:4px 0 12px;padding:12px 14px;font-size:14.5px;display:grid}.ve-dem{font-family:var(--mono);color:var(--accent)}.ve-loi{color:var(--red);margin:0 0 10px;font-size:13.5px}
