:root{--ink:#141A1F;--canvas:#F6F5F0;--surface:#FFFFFF;--muted:#4A5560;--mint:#BFEBD6;--peach:#FFC7B5;--butter:#FFE08A;--lilac:#D9D2FF;--line:#E4E2DA}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--ink);font:17px/1.6 Nunito,system-ui,sans-serif}
a{color:var(--ink);text-underline-offset:3px}
.wrap{max-width:720px;margin:0 auto;padding:24px 16px 64px}
header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:40px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:800 24px/1 "Baloo 2",Nunito,sans-serif}
.mark{width:40px;height:40px;border-radius:11px;display:block}
.lang{display:flex;background:var(--surface);border-radius:999px;padding:4px}
.lang button{border:0;background:none;font:700 14px Nunito,sans-serif;padding:8px 14px;border-radius:999px;cursor:pointer;color:var(--muted);min-height:36px}
.lang button[aria-pressed=true]{background:var(--ink);color:#fff}
h1{font:800 clamp(40px,9vw,64px)/1.05 "Baloo 2",sans-serif;margin:0 0 16px}
h2{font:800 24px/1.2 "Baloo 2",sans-serif;margin:36px 0 8px}
p,li{color:var(--ink)}
.lead{font-size:20px;color:var(--muted);margin:0 0 32px}
.bento{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:32px 0}
.tile{border-radius:28px;padding:20px;min-height:140px;display:flex;flex-direction:column;justify-content:flex-end}
.tile b{font:800 20px/1.2 "Baloo 2",sans-serif}
.tile span{color:var(--muted);font-size:15px}
.card{background:var(--surface);border-radius:28px;padding:24px;margin:16px 0}
.code{font:800 40px/1 "Baloo 2",sans-serif;letter-spacing:6px;background:var(--mint);border-radius:20px;padding:18px;text-align:center;margin:16px 0;word-break:break-all}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:999px;background:var(--ink);color:#fff;font:800 17px Nunito,sans-serif;border:0;text-decoration:none;cursor:pointer}
.btn:focus-visible,.lang button:focus-visible,a:focus-visible{outline:3px solid #0F7A55;outline-offset:2px}
.soon{display:inline-block;background:var(--butter);border-radius:999px;padding:6px 14px;font-weight:700;font-size:14px}
footer{margin-top:56px;padding-top:24px;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;gap:16px;font-size:15px;color:var(--muted)}
footer a{color:var(--muted)}
[lang-only]{display:none}
html[lang=vi] [lang-only=vi],html[lang=en] [lang-only=en]{display:revert}
@media (max-width:420px){.bento{grid-template-columns:1fr}}