:root{--bg:#f5f7fb;--surface:#ffffff;--surface-2:#f0f4fb;--text:#0b1324;--text-2:#50607c;--text-3:#7887a3;--border:#d9e2f1;--border-strong:#bccae2;--primary:#0a5bd8;--primary-2:#2d7ef7;--success:#1a8f62;--shadow-sm:0 6px 16px rgba(15,34,71,.06);--transition:.22s cubic-bezier(.4,0,.2,1)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;color:var(--text);background:radial-gradient(900px 360px at 10% -10%,rgba(10,91,216,.08),transparent 55%),linear-gradient(180deg,#f8fbff 0%,var(--bg) 42%,#f7f9fc 100%);line-height:1.62;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}.wrap{max-width:1180px;margin:0 auto;padding:0 24px}.en-only{display:none}[data-lang=en] .en-only{display:inline}[data-lang=en] .vi-only{display:none}.header{position:sticky;top:0;z-index:30;background:#f8fbffe6;-webkit-backdrop-filter:blur(14px) saturate(180%);backdrop-filter:blur(14px) saturate(180%);border-bottom:1px solid rgba(217,226,241,.8)}.header-in{min-height:55px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px}.logo{display:flex;align-items:center}.logo img{height:34px;width:auto}.nav{display:flex;justify-content:center;gap:6px;align-items:center}.nav>a,.nav-link{display:inline-flex;align-items:center;height:40px;color:var(--text-2);font-size:.88rem;font-weight:600;padding:0 14px;border-radius:10px;transition:background var(--transition),color var(--transition);white-space:nowrap}.nav>a:hover,.nav-link:hover{background:var(--surface-2);color:var(--text)}.nav-item{position:relative;padding-bottom:12px;margin-bottom:-12px}.nav-link i{font-size:.72rem;margin-left:8px}.nav-item:after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}.dropdown-menu{position:absolute;top:100%;left:50%;transform:translate(-50%) translateY(8px);width:660px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:18px;background:#fff;border:1px solid var(--border);border-radius:18px;box-shadow:0 22px 48px #0f22471f;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--transition),transform var(--transition),visibility var(--transition);z-index:40}.nav-item:hover .dropdown-menu,.nav-item:focus-within .dropdown-menu{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%) translateY(0)}.dropdown-group h4{font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px}.dropdown-group ul{list-style:none;display:grid;gap:6px}.dropdown-group a{display:block;padding:8px 10px;border-radius:10px;color:var(--text-2);font-size:.86rem;line-height:1.45;transition:background var(--transition),color var(--transition)}.dropdown-group a:hover{background:var(--surface-2);color:var(--text)}.actions{display:flex;gap:10px;align-items:center;justify-content:flex-end}.lang-btn,.btn-ghost-top{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 14px;border:1px solid var(--border);background:var(--surface);border-radius:10px;color:var(--text-2);font-size:.82rem;font-weight:700;cursor:pointer}.lang-switch{position:relative}.lang-flag-btn{width:38px;padding:0}.lang-flag-btn i{font-size:.95rem}.lang-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:158px;background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 34px #0f22471a;padding:6px;display:none;z-index:50}.lang-menu.show{display:grid;gap:4px}.lang-menu-item{width:100%;border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;color:var(--text-2);font-size:.84rem;font-weight:600;cursor:pointer;text-align:left}.lang-menu-item:hover{background:var(--surface-2);color:var(--text)}.lang-menu-item.active{background:var(--surface-2);color:var(--primary)}.flag-emoji{font-size:1rem;line-height:1}.btn-top{display:inline-flex;align-items:center;justify-content:center;height:38px;padding:0 16px;border-radius:10px;background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;font-size:.84rem;font-weight:700;box-shadow:0 10px 24px #0a5bd833;white-space:nowrap}.section{padding:78px 0}.section-head{max-width:780px;margin-bottom:26px}.section-head.center{text-align:center;margin-left:auto;margin-right:auto}.section-label{display:inline-block;font-size:.75rem;font-weight:800;color:var(--primary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px}.section-head h2{font-size:clamp(1.8rem,3.5vw,3rem);line-height:1.08;letter-spacing:-.04em}.section-head p{margin-top:10px;color:var(--text-2);font-size:.98rem}.card{background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:var(--shadow-sm);padding:22px;transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition)}.card:hover{transform:translateY(-2px);box-shadow:0 16px 34px #0f224714;border-color:var(--border-strong)}.icon{width:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;border-radius:12px;background:var(--surface-2);color:var(--primary);margin-bottom:14px;font-size:1.05rem}.card h3{font-size:1.05rem;letter-spacing:-.02em;margin-bottom:8px}.card p{color:var(--text-2);font-size:.9rem}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:10px;font-size:.92rem;font-weight:700;transition:transform var(--transition),box-shadow var(--transition)}.btn:hover{transform:translateY(-1px)}.btn-fill{background:linear-gradient(135deg,var(--primary),var(--primary-2));color:#fff;box-shadow:0 10px 24px #0a5bd833}.btn-ghost{background:var(--surface);border:1px solid var(--border);color:var(--text)}.hero-meta{display:flex;flex-wrap:wrap;gap:22px;margin-top:22px;padding-top:18px;border-top:1px solid var(--border)}.meta-item strong{display:block;font-size:1.1rem;line-height:1.05;margin-bottom:4px}.meta-item span{font-size:.82rem;color:var(--text-2)}.grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.grid-4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.pricing,.footer-quick,.footer-grid{display:grid;gap:14px}.pricing{grid-template-columns:repeat(3,minmax(0,1fr))}.plan small{display:block;text-transform:uppercase;letter-spacing:.08em;color:var(--text-3);font-size:.72rem;font-weight:800;margin-bottom:8px}.amount{font-size:2.1rem;font-weight:800;letter-spacing:-.05em;margin-bottom:4px}.amount-note{display:block;font-size:.84rem;color:var(--text-2);margin-bottom:10px}.plan p{color:var(--text-2);font-size:.88rem;margin-bottom:12px}.plan ul{list-style:none;display:grid;gap:8px;color:var(--text-2);font-size:.87rem}.plan li i{color:var(--success);margin-right:7px}.plan .btn{width:100%;margin-top:16px}.featured{border-color:#b9d0fb;box-shadow:0 0 0 1px #0a5bd826,0 18px 38px #0f22471a}footer{padding:26px 0 0}.footer-top{padding-bottom:22px}.footer-top h3{text-align:center;font-size:1.35rem;letter-spacing:-.03em;margin-bottom:16px}.footer-quick{grid-template-columns:repeat(4,minmax(0,1fr))}.quick-card{background:#fff;border:1px solid var(--border);border-radius:18px;padding:20px 18px;text-align:center;box-shadow:var(--shadow-sm)}.quick-card .icon{margin:0 auto 14px}.quick-card h4{font-size:1rem;margin-bottom:6px;letter-spacing:-.02em}.quick-card p,.quick-card a{font-size:.86rem;color:var(--text-2)}.footer-main{background:linear-gradient(180deg,#061f48f5,#041838fa);color:#dbe7ff;padding:34px 0 18px;margin-top:8px}.footer-grid{grid-template-columns:1.25fr 1fr 1fr 1fr}.footer-brand img{height:34px;width:auto;margin-bottom:14px;filter:brightness(0) invert(1);opacity:.96}.footer-brand p,.footer-col li,.footer-bottom{color:#dbe7ffc7;font-size:.88rem;line-height:1.7}.footer-col h4{color:#fff;font-size:.88rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.footer-col ul{list-style:none;display:grid;gap:7px}.footer-col a{color:#dbe7ffcc;transition:color var(--transition)}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:24px;padding-top:14px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:#eef4ff;color:var(--primary);border:1px solid #d5e3ff;border-radius:999px;padding:7px 12px;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}@media(max-width:1024px){.grid-3,.grid-4,.pricing,.footer-quick,.footer-grid{grid-template-columns:1fr 1fr}}@media(max-width:720px){.wrap{padding:0 18px}.nav{display:none}.hero,.section{padding:58px 0}.hero-actions,.actions{flex-wrap:wrap}.grid-3,.grid-4,.pricing,.footer-quick,.footer-grid{grid-template-columns:1fr}.btn,.btn-top,.btn-ghost-top{width:100%}.top-hide{display:none}}