:root{--indigo:#4f46e5;--indigo-dark:#3730a3;--violet:#7c3aed;--purple:#9333ea;--ink:#0f172a;--muted:#64748b;--line:#e7e9f2;--bg:#fff;--soft:#f6f7fb;--green:#16a34a;--amber:#f59e0b;--red:#dc2626;--grad:linear-gradient(135deg,#4f46e5 0%,#7c3aed 55%,#9333ea 100%);--radius:16px;--shadow:0 8px 30px #11182714;--shadow-lg:0 20px 50px #11182724}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:Be Vietnam Pro,system-ui,-apple-system,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}.wrap{max-width:1180px;margin:0 auto;padding:0 22px}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:12px;align-items:center;gap:8px;padding:12px 20px;font-family:inherit;font-size:15px;font-weight:600;transition:all .18s;display:inline-flex}.btn-primary{background:var(--indigo);color:#fff}.btn-primary:hover{background:var(--indigo-dark);transform:translateY(-1px)}.btn-ghost{color:var(--ink);border:1px solid var(--line);background:#fff}.btn-ghost:hover{border-color:var(--indigo);color:var(--indigo)}.btn-light{color:#fff;background:#ffffff26;border:1px solid #ffffff59}.btn-light:hover{background:#ffffff47}.btn-lg{padding:15px 28px;font-size:16px}header{z-index:50;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#ffffffeb;position:sticky;top:0}.nav{align-items:center;gap:26px;height:70px;display:flex}.brand{align-items:center;gap:10px;font-size:20px;font-weight:800;display:flex}.brand .mark{background:var(--grad);color:#fff;border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;font-size:17px;display:flex}.brand .tld{color:var(--indigo)}.menu{color:#334155;gap:22px;font-size:15px;font-weight:500;display:flex}.menu a:hover{color:var(--indigo)}.menu a.active{color:var(--indigo);font-weight:600}.nav-right{align-items:center;gap:12px;margin-left:auto;display:flex}.nav-right a.login{color:#334155;font-size:15px;font-weight:600}.burger{cursor:pointer;color:var(--ink);background:0 0;border:none;font-size:24px;display:none}.hero{background:var(--grad);color:#fff;padding:70px 0 90px;position:relative;overflow:hidden}.hero:after{content:"";background:radial-gradient(circle,#ffffff2e,#0000 70%);border-radius:50%;width:420px;height:420px;position:absolute;top:-120px;right:-120px}.hero .badge{background:#ffffff29;border:1px solid #ffffff4d;border-radius:999px;margin-bottom:18px;padding:6px 14px;font-size:13px;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.5px;max-width:760px;font-size:46px;font-weight:800;line-height:1.15}.hero h1 span{background:linear-gradient(90deg,#fde68a,#fca5a5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero p.sub{opacity:.92;max-width:600px;margin-top:16px;font-size:18px}.search{max-width:620px;box-shadow:var(--shadow);background:#fff;border-radius:14px;gap:8px;margin-top:30px;padding:8px;display:flex}.search input{color:var(--ink);border:none;outline:none;flex:1;padding:0 14px;font-family:inherit;font-size:16px}.stats{flex-wrap:wrap;gap:38px;margin-top:34px;display:flex}.stats .n{font-size:26px;font-weight:800}.stats .l{opacity:.85;font-size:13px}.cats{flex-wrap:wrap;gap:12px;margin-top:26px;display:flex}.chip{color:#fff;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;padding:8px 16px;font-size:14px;font-weight:500;transition:all .15s}.chip:hover{color:var(--indigo);background:#fff}section.block{padding:64px 0}.sec-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:10px;margin-bottom:28px;display:flex}.sec-head.center{text-align:center;justify-content:center;display:block}.sec-head h2{letter-spacing:-.4px;font-size:30px;font-weight:800}.sec-head p{color:var(--muted);margin-top:6px}.sec-head a.more{color:var(--indigo);font-size:15px;font-weight:600}.grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;flex-direction:column;transition:all .18s;display:flex;overflow:hidden}.card:hover{box-shadow:var(--shadow);border-color:#dcd9fb;transform:translateY(-4px)}.card .thumb{justify-content:center;align-items:center;height:128px;font-size:46px;display:flex;position:relative}.card .tag{color:var(--indigo);background:#fff;border-radius:7px;padding:4px 9px;font-size:11px;font-weight:700;position:absolute;top:10px;left:10px;box-shadow:0 2px 8px #00000014}.card .tag.hot{color:#dc2626;background:#fee2e2}.card .body{flex-direction:column;flex:1;padding:15px 16px 17px;display:flex}.card h3{min-height:42px;font-size:15.5px;font-weight:700;line-height:1.35}.card .seller{color:var(--muted);align-items:center;gap:7px;margin-top:9px;font-size:13px;display:flex}.card .seller .av{background:linear-gradient(135deg,#a5b4fc,#c4b5fd);border-radius:50%;width:20px;height:20px}.card .meta{color:var(--muted);align-items:center;gap:12px;margin-top:11px;font-size:12.5px;display:flex}.card .meta .star{color:var(--amber);font-weight:700}.card .foot{border-top:1px solid var(--line);justify-content:space-between;align-items:center;margin-top:14px;padding-top:13px;display:flex}.card .price{color:var(--ink);font-size:17px;font-weight:800}.card .price small{color:var(--muted);font-size:12px;font-weight:500}.card .buy{color:var(--indigo);font-size:13px;font-weight:700}.how{background:var(--soft)}.steps{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.step{border:1px solid var(--line);border-radius:var(--radius);text-align:center;background:#fff;padding:28px 24px}.step .ico{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin:0 auto 16px;font-size:26px;display:flex}.step h3{margin-bottom:8px;font-size:18px;font-weight:700}.step p{color:var(--muted);font-size:14.5px}.step .num{color:var(--indigo);letter-spacing:1px;margin-bottom:4px;font-size:13px;font-weight:800;display:inline-block}.seller-cta{color:#fff;background:linear-gradient(135deg,#1e1b4b,#4338ca);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:30px;padding:50px;display:flex}.seller-cta h2{letter-spacing:-.4px;max-width:520px;font-size:30px;font-weight:800}.seller-cta p{opacity:.88;max-width:520px;margin-top:12px}.seller-cta .perk{flex-wrap:wrap;gap:28px;margin-top:18px;display:flex}.seller-cta .perk b{font-size:22px;font-weight:800;display:block}.seller-cta .perk div{opacity:.9;font-size:14px}.trust{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.tcard{border:1px solid var(--line);border-radius:var(--radius);padding:24px}.tcard .q{color:#334155;font-size:15px;line-height:1.6}.tcard .who{align-items:center;gap:10px;margin-top:16px;display:flex}.tcard .who .av{background:linear-gradient(135deg,#a5b4fc,#f0abfc);border-radius:50%;width:38px;height:38px}.tcard .who b{font-size:14px}.tcard .who span{color:var(--muted);font-size:12.5px}.stars{color:var(--amber);margin-bottom:10px;font-weight:700}.news{background:var(--grad);text-align:center;color:#fff;border-radius:24px;padding:48px}.news h2{font-size:28px;font-weight:800}.news p{opacity:.9;max-width:520px;margin-top:8px;margin-left:auto;margin-right:auto}.news form{background:#fff;border-radius:14px;gap:8px;max-width:480px;margin:22px auto 0;padding:8px;display:flex}.news input{color:var(--ink);border:none;outline:none;flex:1;padding:0 14px;font-family:inherit;font-size:15px}.pay{text-align:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--soft);padding:40px 0}.pay p{color:var(--muted);margin-bottom:16px;font-size:14px}.pay .logos{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.pay .plog{border:1px solid var(--line);background:#fff;border-radius:10px;padding:10px 18px;font-size:14px;font-weight:700}.pay .plog.momo{color:#a50064}.pay .plog.vnpay{color:#005bab}.pay .plog.zalo{color:#0068ff}.pay .plog.visa{color:#1a1f71}footer{color:#cbd5e1;background:#0f172a;padding:54px 0 28px;font-size:14px}.fgrid{grid-template-columns:2fr 1fr 1fr 1fr;gap:34px;display:grid}footer .brand{color:#fff;margin-bottom:14px}footer .brand .tld{color:#a5b4fc}footer p.desc{color:#94a3b8;max-width:300px}footer .contact{color:#94a3b8;margin-top:14px;font-size:13.5px}footer .contact a{color:#c7d2fe}footer h4{color:#fff;margin-bottom:14px;font-size:14px;font-weight:700}footer ul{list-style:none}footer li{color:#94a3b8;margin-bottom:9px}footer li a:hover{color:#fff}.fbottom{color:#64748b;border-top:1px solid #1e293b;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:34px;padding-top:20px;font-size:13px;display:flex}.pagehead{background:var(--soft);border-bottom:1px solid var(--line);padding:40px 0}.crumb{color:var(--muted);margin-bottom:10px;font-size:13px}.crumb a:hover{color:var(--indigo)}.pagehead h1{letter-spacing:-.4px;font-size:34px;font-weight:800}.pagehead p{color:var(--muted);max-width:640px;margin-top:8px}.pd{grid-template-columns:1.6fr 1fr;align-items:start;gap:36px;display:grid}.pd .gallery{border-radius:var(--radius);background:linear-gradient(135deg,#eef2ff,#e0e7ff);justify-content:center;align-items:center;height:300px;font-size:90px;display:flex}.pd .ptitle{margin-top:22px;font-size:26px;font-weight:800}.pd .pmeta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px;font-size:14px;display:flex}.pd .pmeta .star{color:var(--amber);font-weight:700}.pd h3.sub{margin:26px 0 10px;font-size:18px;font-weight:700}.pd p.txt{color:#334155;margin-bottom:10px;font-size:15px}.pd ul.feat{margin-top:6px;list-style:none}.pd ul.feat li{color:#334155;padding:7px 0 7px 28px;font-size:15px;position:relative}.pd ul.feat li:before{content:"✓";color:var(--green);font-weight:800;position:absolute;left:0}.buybox{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:24px;position:sticky;top:90px}.buybox .price{font-size:32px;font-weight:800}.buybox .price small{color:var(--muted);font-size:15px;font-weight:500}.buybox .old{color:var(--muted);margin-left:8px;font-size:15px;text-decoration:line-through}.buybox .row{color:#334155;align-items:center;gap:8px;margin-top:12px;font-size:14px;display:flex}.buybox .btn{justify-content:center;width:100%;margin-top:16px}.sellerbox{border-top:1px solid var(--line);align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.sellerbox .av{background:linear-gradient(135deg,#a5b4fc,#c4b5fd);border-radius:50%;width:44px;height:44px}.sellerbox b{font-size:15px}.sellerbox span{color:var(--muted);font-size:13px}.feature-row{grid-template-columns:repeat(3,1fr);gap:24px;margin-top:10px;display:grid}.fbox{border:1px solid var(--line);border-radius:var(--radius);padding:26px}.fbox .ico{margin-bottom:12px;font-size:30px}.fbox h3{margin-bottom:6px;font-size:17px;font-weight:700}.fbox p{color:var(--muted);font-size:14.5px}.pricing{grid-template-columns:repeat(3,1fr);gap:20px;margin-top:10px;display:grid}.plan{border:1px solid var(--line);border-radius:var(--radius);text-align:center;padding:28px}.plan.pop{border:2px solid var(--indigo);position:relative}.plan.pop .tagpop{background:var(--indigo);color:#fff;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan h3{font-size:18px;font-weight:700}.plan .big{margin:10px 0;font-size:34px;font-weight:800}.plan ul{text-align:left;margin:16px 0;list-style:none}.plan li{color:#334155;padding:7px 0 7px 26px;font-size:14px;position:relative}.plan li:before{content:"✓";color:var(--green);font-weight:800;position:absolute;left:0}.two{grid-template-columns:1fr 1fr;align-items:start;gap:40px;display:grid}.prose p{color:#334155;margin-bottom:14px;font-size:15.5px}.contact-card{border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:28px}.field{margin-bottom:14px}.field label{margin-bottom:6px;font-size:13.5px;font-weight:600;display:block}.field input,.field textarea{border:1px solid var(--line);border-radius:10px;outline:none;width:100%;padding:11px 13px;font-family:inherit;font-size:15px}.field input:focus,.field textarea:focus{border-color:var(--indigo)}.info-line{align-items:center;gap:12px;margin-bottom:14px;font-size:15px;display:flex}.info-line .ic{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;font-size:20px;display:flex}.swatches{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.sw{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.sw .color{height:90px}.sw .lbl{padding:12px 14px}.sw .lbl b{font-size:14px}.sw .lbl span{color:var(--muted);margin-top:2px;font-size:12.5px;display:block}.type-demo{border:1px solid var(--line);border-radius:var(--radius);margin-top:10px;padding:28px}.logo-show{flex-wrap:wrap;gap:20px;margin-top:10px;display:flex}.logo-tile{border:1px solid var(--line);border-radius:var(--radius);justify-content:center;align-items:center;min-width:240px;padding:30px;display:flex}.logo-tile.dark{background:#0f172a}.note{color:#92400e;text-align:center;background:#fffbeb;border:1px dashed #f59e0b;padding:10px;font-size:13px;font-weight:600}@media (max-width:980px){.grid{grid-template-columns:repeat(2,1fr)}.steps,.trust,.feature-row,.pricing,.two,.pd{grid-template-columns:1fr}.fgrid{grid-template-columns:1fr 1fr}.swatches{grid-template-columns:repeat(2,1fr)}.menu{border-bottom:1px solid var(--line);background:#fff;flex-direction:column;gap:14px;padding:18px 22px;display:none;position:absolute;top:70px;left:0;right:0}.menu.open{display:flex}.burger{margin-left:auto;display:block}.nav-right{margin-left:0}.hero h1{font-size:34px}.buybox{position:static}}@media (max-width:560px){.grid{grid-template-columns:1fr}.seller-cta,.news{padding:30px}.hero h1{font-size:28px}.nav-right a.login{display:none}}
.hero-pro{border-bottom:1px solid var(--line);background:linear-gradient(#fbfbfe 0%,#f3f4fb 100%);padding:60px 0 70px}.hero-pro .grid2{grid-template-columns:1.05fr .95fr;align-items:center;gap:54px;display:grid}.hero-pro .eyebrow{color:var(--indigo);background:#eef0fe;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:7px 14px;font-size:13px;font-weight:600;display:inline-flex}.hero-pro h1{letter-spacing:-1.5px;color:var(--ink);font-size:52px;font-weight:800;line-height:1.06}.hero-pro h1 .grad{background:linear-gradient(120deg,#4f46e5,#9333ea);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-pro .lead{color:var(--muted);max-width:520px;margin:18px 0 26px;font-size:18px}.hero-pro .cta{flex-wrap:wrap;gap:12px;margin-bottom:26px;display:flex}.checklist{grid-template-columns:1fr 1fr;gap:11px 22px;margin-bottom:8px;display:grid}.checklist div{color:#334155;align-items:center;gap:8px;font-size:14.5px;font-weight:500;display:flex}.checklist .ck{color:var(--green);font-weight:800}.search-pro{border:1px solid var(--line);max-width:520px;box-shadow:var(--shadow);background:#fff;border-radius:14px;gap:8px;margin-top:24px;padding:7px;display:flex}.search-pro input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:0 12px;font-family:inherit;font-size:15.5px}.chips-pro{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.chips-pro a{border:1px solid var(--line);color:#475569;background:#fff;border-radius:999px;padding:7px 13px;font-size:13px}.chips-pro a:hover{border-color:var(--indigo);color:var(--indigo)}.float{flex-direction:column;gap:14px;display:flex}.float .top-badge{color:#92400e;background:#fef3c7;border-radius:999px;align-self:flex-start;padding:4px 11px;font-size:12px;font-weight:700}.float .fc{border:1px solid var(--line);background:#fff;border-radius:16px;align-items:center;gap:14px;padding:15px 18px;transition:all .18s;display:flex;box-shadow:0 10px 30px #1118270f}.float .fc:hover{transform:translateY(-3px);box-shadow:0 16px 40px #1118271f}.float .fc .av{border-radius:12px;flex:none;place-items:center;width:46px;height:46px;font-size:24px;display:grid}.float .fc .t{flex:1;min-width:0}.float .fc .t b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:15px;font-weight:700;display:block;overflow:hidden}.float .fc .t span{color:var(--muted);font-size:13px}.float .fc .pr{color:var(--ink);white-space:nowrap;font-size:15px;font-weight:800}.float .fc .pr.free{color:var(--green)}.card h3 .verified{color:var(--indigo);margin-left:5px;font-size:12px}.card .tags{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.card .tags span{background:var(--soft);color:#475569;border-radius:6px;padding:3px 9px;font-size:11.5px;font-weight:600}.install-box{color:#e2e8f0;background:#0f172a;border-radius:16px;margin-top:22px;padding:22px}.install-box h4{color:#fff;align-items:center;gap:8px;margin-bottom:4px;font-size:16px;display:flex}.install-box .sub{color:#94a3b8;margin-bottom:16px;font-size:13.5px}.compat-row{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.compat-row span{color:#cbd5e1;background:#1e293b;border:1px solid #334155;border-radius:999px;padding:4px 11px;font-size:12.5px;font-weight:600}.install-box .cmd{background:#1e293b;border:1px solid #334155;border-radius:10px;align-items:center;gap:10px;padding:9px 10px 9px 14px;display:flex}.install-box .cmd code{color:#86efac;white-space:nowrap;flex:1;font-family:ui-monospace,Menlo,monospace;font-size:13.5px;overflow:auto}.install-box .cmd-note{color:#64748b;margin:7px 0 0;font-size:12px}.install-box ol{color:#cbd5e1;margin:16px 0 0 18px;font-size:14px}.install-box ol li{margin-bottom:8px}.install-box ol code{color:#86efac;background:#1e293b;border-radius:6px;padding:2px 7px;font-size:12.5px}.md h3{color:var(--ink);margin:20px 0 8px;font-size:18px;font-weight:700}.md h4{color:var(--ink);margin:16px 0 6px;font-size:16px;font-weight:700}.md p{color:#334155;margin:0 0 10px}.md ul{color:#334155;margin:0 0 12px 20px}.md li{margin-bottom:5px}.md strong{color:var(--ink)}.md code{background:var(--soft);border-radius:5px;padding:2px 6px;font-size:13px}.md a{color:var(--indigo);font-weight:600;text-decoration:underline}.md a:hover{color:var(--indigo-dark)}.md img{border:1px solid var(--line);border-radius:14px;max-width:100%;height:auto;margin:22px 0;display:block}.post-cover{object-fit:cover;border:1px solid var(--line);border-radius:18px;width:100%;max-height:420px;margin:8px 0}.card .thumb img.cover,.float .cover{object-fit:cover;width:100%;height:100%}.card .thumb{padding:0;overflow:hidden}@media (max-width:820px){.hero-pro .grid2{grid-template-columns:1fr;gap:30px}.hero-pro h1{font-size:36px}.checklist{grid-template-columns:1fr}}