@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&display=swap";
:root{--ink:#14181f;--ink-2:#3a424e;--ink-3:#6b7682;--ink-4:#98a2ad;--bg:#fff;--bg-soft:#f5f8f6;--bg-soft-2:#eef3ef;--line:#e5ebe6;--line-2:#eef2ef;--brand:#10a85c;--brand-600:#0c9350;--brand-700:#0a7d44;--brand-deep:#0a2e1c;--mint:#34dd86;--mint-2:#aef0cd;--mint-soft:#e2f6ec;--mint-wash:#f0faf4;--ios:#0a84ff;--android:#1aa179;--r-xs:8px;--r-sm:12px;--r:16px;--r-lg:22px;--r-xl:30px;--r-2xl:40px;--sh-sm:0 1px 2px #14181f0f, 0 1px 3px #14181f0a;--sh:0 4px 14px #14181f0f, 0 2px 6px #14181f0a;--sh-md:0 14px 40px #14181f1a, 0 4px 12px #14181f0d;--sh-lg:0 30px 70px #0d372129, 0 10px 26px #14181f12;--maxw:1180px;--gut:clamp(20px, 4vw, 56px);--font:"Be Vietnam Pro", system-ui, -apple-system, sans-serif;--ease:cubic-bezier(.5, .1, .2, 1);--ease-out:cubic-bezier(.2, .7, .2, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font);color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-size:17px;line-height:1.6}h1,h2,h3,h4{letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.12}p{margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img,svg{display:block}:focus-visible{outline:2.5px solid var(--brand);outline-offset:3px;border-radius:6px}.wrap{max-width:var(--maxw);padding-inline:var(--gut);margin:0 auto}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--brand-700);align-items:center;gap:8px;font-size:.8rem;font-weight:700;display:inline-flex}.eyebrow:before{content:"";background:var(--brand);border-radius:2px;width:18px;height:2px}.section-title{font-size:clamp(1.7rem,3.4vw,2.45rem)}.lead{color:var(--ink-2);text-wrap:pretty;max-width:56ch;font-size:clamp(1.02rem,1.4vw,1.18rem)}.topbar{z-index:200;-webkit-backdrop-filter:saturate(180%)blur(14px);border-bottom:1px solid var(--line-2);background:#ffffffd1;position:sticky;top:0}.topbar__row{height:68px;max-width:var(--maxw);padding-inline:var(--gut);align-items:center;gap:18px;margin:0 auto;display:flex}.brand{letter-spacing:-.02em;align-items:center;gap:11px;font-weight:800;display:flex}.brand__mark{background:linear-gradient(145deg, var(--mint) 0%, var(--brand) 58%, var(--brand-700) 100%);width:34px;height:34px;box-shadow:var(--sh-sm);border-radius:10px;flex-shrink:0;place-items:center;display:grid}.brand__mark svg{width:19px;height:19px}.brand__name{font-size:1.12rem}.brand__name b{color:var(--brand-700)}.brand__tld{color:var(--ink-4);font-weight:600}.nav-tabs{gap:4px;margin-left:10px;display:flex}.nav-tab{color:var(--ink-2);border-radius:11px;align-items:center;gap:8px;padding:9px 15px;font-size:.96rem;font-weight:600;transition:background .18s,color .18s;display:inline-flex}.nav-tab svg{opacity:.85;width:18px;height:18px}.nav-tab:hover{background:var(--bg-soft);color:var(--ink)}.nav-tab.is-active{background:var(--mint-soft);color:var(--brand-700)}.nav-tab.is-active svg{opacity:1}.topbar__spacer{flex:1}.topbar__tools{align-items:center;gap:10px;display:flex}.search-trigger{border:1px solid var(--line);min-width:190px;color:var(--ink-3);background:var(--bg);border-radius:11px;align-items:center;gap:9px;padding:8px 12px 8px 11px;font-size:.92rem;font-weight:500;transition:border-color .18s,box-shadow .18s;display:inline-flex}.search-trigger:hover{border-color:var(--mint-2);box-shadow:var(--sh-sm)}.search-trigger svg{width:17px;height:17px}.search-trigger .kbd{color:var(--ink-4);border:1px solid var(--line);background:var(--bg-soft);border-radius:6px;margin-left:auto;padding:1px 6px;font-size:.72rem;font-weight:600}.lang-toggle{border:1px solid var(--line);border-radius:10px;display:flex;overflow:hidden}.lang-toggle button{color:var(--ink-3);letter-spacing:.03em;padding:7px 11px;font-size:.82rem;font-weight:700;transition:background .15s,color .15s}.lang-toggle button.is-active{background:var(--ink);color:#fff}.icon-btn{border:1px solid var(--line);width:40px;height:40px;color:var(--ink-2);background:var(--bg);border-radius:11px;place-items:center;transition:border-color .18s,color .18s;display:grid}.icon-btn:hover{border-color:var(--mint-2);color:var(--brand-700)}.icon-btn svg{width:19px;height:19px}.btn{transition:transform .15s var(--ease-out), box-shadow .2s, background .2s;border-radius:13px;justify-content:center;align-items:center;gap:9px;padding:13px 22px;font-size:1rem;font-weight:700;display:inline-flex}.btn svg{width:19px;height:19px}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 6px 18px #10a85c47}.btn-primary:hover{background:var(--brand-600);transform:translateY(-2px);box-shadow:0 12px 26px #10a85c57}.btn-ghost{background:var(--bg);color:var(--ink);border:1px solid var(--line)}.btn-ghost:hover{border-color:var(--mint-2);box-shadow:var(--sh);transform:translateY(-2px)}.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#20262f;transform:translateY(-2px)}.stores{flex-wrap:wrap;gap:12px;display:flex}.store-btn{background:var(--ink);color:#fff;transition:transform .15s var(--ease-out), background .2s;border-radius:14px;align-items:center;gap:11px;padding:11px 18px 11px 16px;display:inline-flex}.store-btn:hover{background:#20262f;transform:translateY(-2px)}.store-btn svg{flex-shrink:0;width:26px;height:26px}.store-btn .s1{opacity:.72;letter-spacing:.02em;font-size:.68rem;line-height:1}.store-btn .s2{font-size:1.06rem;font-weight:700;line-height:1.18}.store-btn.is-light{background:var(--bg-soft);color:var(--ink);border:1px solid var(--line)}.store-btn.is-light:hover{box-shadow:var(--sh);background:#fff}.hero{padding-top:56px;position:relative;overflow:hidden}.hero:before{content:"";z-index:-1;background:radial-gradient(900px 520px at 78% -8%, var(--mint-soft) 0%, transparent 60%), radial-gradient(700px 460px at 4% 8%, var(--mint-wash) 0%, transparent 55%);position:absolute;inset:0}.hero__grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:clamp(28px,4vw,64px);padding-bottom:60px;display:grid}.hero h1{font-size:clamp(2.3rem,5vw,3.7rem);line-height:1.04}.hero h1 .accent{color:var(--brand-700)}.hero__lead{margin-top:22px}.hero__cta{flex-wrap:wrap;align-items:center;gap:14px;margin-top:32px;display:flex}.pill-row{flex-wrap:wrap;gap:10px;margin-top:30px;display:flex}.pill{background:var(--bg);border:1px solid var(--line);color:var(--ink-2);box-shadow:var(--sh-sm);border-radius:100px;align-items:center;gap:8px;padding:7px 14px 7px 11px;font-size:.9rem;font-weight:600;display:inline-flex}.pill svg{width:16px;height:16px;color:var(--brand)}.section{padding:clamp(56px,8vw,104px) 0}.section.soft{background:var(--bg-soft)}.section__head{max-width:760px;margin-bottom:clamp(36px,5vw,56px)}.section__head .lead{margin-top:16px}.toc{z-index:50;scrollbar-width:none;gap:8px;margin-bottom:8px;padding:12px 0;display:flex;position:sticky;top:84px;overflow-x:auto}.toc::-webkit-scrollbar{display:none}.toc__chip{background:var(--bg);border:1px solid var(--line);color:var(--ink-2);border-radius:100px;flex-shrink:0;align-items:center;gap:9px;padding:8px 15px 8px 10px;font-size:.9rem;font-weight:600;transition:border-color .18s,color .18s,background .18s;display:inline-flex}.toc__chip:hover{border-color:var(--mint-2);color:var(--ink)}.toc__chip.is-active{background:var(--ink);color:#fff;border-color:var(--ink)}.toc__chip .n{background:var(--mint-soft);width:22px;height:22px;color:var(--brand-700);border-radius:50%;place-items:center;font-size:.76rem;font-weight:800;display:grid}.toc__chip.is-active .n{color:#fff;background:#ffffff2e}.step-kicker{align-items:center;gap:13px;margin-bottom:16px;display:flex}.step-num{background:linear-gradient(150deg, var(--mint-soft), #fff);width:48px;height:48px;color:var(--brand-700);border:1px solid var(--mint-2);box-shadow:var(--sh-sm);border-radius:14px;flex-shrink:0;place-items:center;font-size:1.2rem;font-weight:800;display:grid}.step-icon{width:26px;height:26px;color:var(--brand)}.step-title{margin-bottom:12px;font-size:clamp(1.45rem,2.6vw,1.95rem)}.step-desc{color:var(--ink-2);text-wrap:pretty;max-width:46ch;font-size:1.06rem}.step-list{gap:11px;margin:20px 0 0;padding:0;list-style:none;display:grid}.step-list li{color:var(--ink-2);gap:11px;font-size:1rem;display:flex}.step-list li svg{width:21px;height:21px;color:var(--brand);flex-shrink:0;margin-top:2px}.tipline{background:var(--mint-wash);border:1px solid var(--mint-soft);color:var(--brand-deep);border-radius:14px;align-items:flex-start;gap:11px;margin-top:22px;padding:13px 16px;font-size:.96rem;display:flex}.tipline svg{width:19px;height:19px;color:var(--brand-600);flex-shrink:0;margin-top:2px}.tipline b{color:var(--brand-700)}.phone{--pw:286px;width:var(--pw);aspect-ratio:286/588;box-shadow:var(--sh-lg), inset 0 0 0 1.5px #ffffff0f;background:linear-gradient(155deg,#2a3038,#14181f);border-radius:44px;margin-inline:auto;padding:11px;position:relative}.phone.is-android{border-radius:34px}.phone__screen{background:var(--bg-soft);border-radius:34px;flex-direction:column;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.phone.is-android .phone__screen{border-radius:24px}.phone__status{z-index:6;height:46px;color:var(--ink);pointer-events:none;justify-content:space-between;align-items:center;padding:0 22px;font-size:.8rem;font-weight:700;display:flex;position:absolute;top:0;left:0;right:0}.phone__status .right{align-items:center;gap:5px;display:flex}.phone__status .right svg{width:16px;height:11px}.phone__island{z-index:7;background:#0a0d12;border-radius:16px;width:92px;height:26px;position:absolute;top:11px;left:50%;transform:translate(-50%)}.phone.is-android .phone__island{border-radius:50%;width:11px;height:11px;top:13px}.phone__media{position:absolute;inset:0}.phone__media img,.phone__media .image-placeholder{object-fit:contain;width:100%;height:100%}.phone__media .image-placeholder{background:var(--bg-soft-2);color:var(--ink-3);text-align:center;justify-content:center;align-items:center;padding:20px;font-size:.9rem;font-weight:500;display:flex}.phone__home{z-index:7;background:#14181f52;border-radius:100px;width:116px;height:5px;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.phone.is-android .phone__nav{z-index:7;justify-content:center;align-items:center;gap:58px;height:30px;display:flex;position:absolute;bottom:0;left:0;right:0}.phone.is-android .phone__nav i{width:15px;height:15px;color:var(--ink-3)}.phone__badge{z-index:9;color:#fff;box-shadow:var(--sh-md);border-radius:100px;align-items:center;gap:7px;padding:7px 13px;font-size:.82rem;font-weight:700;display:inline-flex;position:absolute;top:18px;right:-14px}.phone__badge.ios{background:var(--ios)}.phone__badge.android{background:var(--android)}.phone__badge svg{width:15px;height:15px}.device-stage{place-items:center;padding:18px 0;display:grid;position:relative}.device-stage:before{content:"";background:radial-gradient(circle, var(--mint-soft) 0%, transparent 70%);filter:blur(10px);z-index:0;border-radius:50%;width:78%;height:78%;position:absolute}.device-stage>*{z-index:1;position:relative}.browser{background:var(--bg);border:1px solid var(--line);width:100%;box-shadow:var(--sh-lg);border-radius:18px;overflow:hidden}.browser__bar{background:var(--bg-soft);border-bottom:1px solid var(--line);align-items:center;gap:14px;height:46px;padding:0 16px;display:flex}.browser__lights{gap:7px;display:flex}.browser__lights i{border-radius:50%;width:12px;height:12px}.browser__lights i:first-child{background:#ff5f57}.browser__lights i:nth-child(2){background:#febc2e}.browser__lights i:nth-child(3){background:#28c840}.browser__url{background:var(--bg);border:1px solid var(--line);height:28px;color:var(--ink-3);border-radius:8px;flex:1;align-items:center;gap:8px;max-width:420px;margin-inline:auto;padding:0 12px;font-size:.82rem;font-weight:500;display:flex}.browser__url svg{width:13px;height:13px;color:var(--brand)}.browser__actions{color:var(--ink-4);gap:14px;display:flex}.browser__actions svg{width:17px;height:17px}.browser__screen{aspect-ratio:16/10.4;background:var(--bg-soft-2);position:relative}.browser__screen img,.browser__screen .image-placeholder{object-fit:cover;width:100%;height:100%}.browser__screen .image-placeholder{background:var(--bg-soft-2);color:var(--ink-3);text-align:center;justify-content:center;align-items:center;padding:40px;font-size:1rem;font-weight:500;display:flex}.swap-row{--gap:clamp(28px, 4.2vw, 72px);gap:var(--gap);align-items:center;margin-bottom:clamp(40px,6vw,76px);display:flex}.swap-panel{flex:1 1 0;min-width:0}.swap-row.is-ready .swap-panel{transition:transform .58s var(--ease)}.swap-panel--text{flex-direction:column;justify-content:center;display:flex}.swap-fade{animation:swapFade .5s var(--ease-out) both}@keyframes swapFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.ptoggle{background:var(--bg);border:1px solid var(--line);box-shadow:var(--sh-sm);border-radius:100px;gap:2px;padding:5px;display:inline-flex;position:relative}.ptoggle__knob{background:var(--ink);z-index:0;width:calc(50% - 5px);transition:transform .42s var(--ease), background .3s;border-radius:100px;position:absolute;top:5px;bottom:5px;left:5px}.ptoggle.is-ios .ptoggle__knob{transform:translate(0)}.ptoggle.is-android .ptoggle__knob{transform:translate(100%)}.ptoggle button{z-index:1;color:var(--ink-3);white-space:nowrap;border-radius:100px;align-items:center;gap:9px;padding:11px 26px;font-size:1rem;font-weight:700;transition:color .3s;display:inline-flex;position:relative}.ptoggle button svg{width:19px;height:19px}.ptoggle button.is-active{color:#fff}.platform-bar{z-index:70;-webkit-backdrop-filter:saturate(180%)blur(12px);border-bottom:1px solid var(--line-2);background:#ffffffd9;position:sticky;top:120px}.platform-bar__row{max-width:var(--maxw);padding:14px var(--gut);flex-wrap:wrap;align-items:center;gap:18px;margin:0 auto;display:flex}.platform-bar__label{color:var(--ink-2);font-size:.98rem;font-weight:700}.platform-bar__label span{color:var(--ink-4);font-weight:500}.faq{gap:12px;max-width:860px;margin-inline:auto;display:grid}.faq__item{border:1px solid var(--line);border-radius:var(--r);background:var(--bg);transition:border-color .2s,box-shadow .2s;overflow:hidden}.faq__item.is-open{border-color:var(--mint-2);box-shadow:var(--sh)}.faq__q{text-align:left;width:100%;color:var(--ink);align-items:center;gap:14px;padding:20px 22px;font-size:1.08rem;font-weight:700;display:flex}.faq__q .qmark{background:var(--mint-soft);width:28px;height:28px;color:var(--brand-700);border-radius:8px;flex-shrink:0;place-items:center;font-size:.9rem;font-weight:800;display:grid}.faq__q .chev{transition:transform .3s var(--ease);color:var(--ink-4);margin-left:auto}.faq__item.is-open .chev{transform:rotate(180deg)}.faq__a{max-height:0;transition:max-height .35s var(--ease);overflow:hidden}.faq__a-inner{color:var(--ink-2);padding:0 22px 22px 64px}.footer{background:var(--brand-deep);color:#cfe8d8;padding:clamp(54px,7vw,88px) 0 36px}.footer a{color:#cfe8d8}.footer__grid{border-bottom:1px solid #ffffff1a;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:40px;padding-bottom:44px;display:grid}.footer .brand__name{color:#fff}.footer .brand__tld{color:#7fb89a}.footer__about{color:#9ec7af;max-width:34ch;margin-top:18px;font-size:.96rem}.footer__col h4{letter-spacing:.1em;text-transform:uppercase;color:#7fb89a;margin-bottom:16px;font-size:.82rem;font-weight:700}.footer__col ul{gap:11px;margin:0;padding:0;list-style:none;display:grid}.footer__col a{color:#b6d8c5;font-size:.98rem;transition:color .18s}.footer__col a:hover{color:#fff}.footer__contact{gap:13px;display:grid}.footer__contact a{color:#d8efe1;align-items:center;gap:11px;font-weight:500;display:flex}.footer__contact svg{width:19px;height:19px;color:var(--mint);flex-shrink:0}.footer__bottom{color:#7fb89a;flex-wrap:wrap;justify-content:space-between;gap:14px;padding-top:26px;font-size:.9rem;display:flex}.search-overlay{z-index:400;-webkit-backdrop-filter:blur(4px);animation:ovIn .2s var(--ease-out) both;background:#0a18106b;justify-content:center;align-items:flex-start;padding:12vh 20px 20px;display:flex;position:fixed;inset:0}@keyframes ovIn{0%{opacity:0}to{opacity:1}}.search-box{background:var(--bg);width:100%;max-width:620px;box-shadow:var(--sh-lg);animation:boxIn .25s var(--ease-out) both;border-radius:20px;overflow:hidden}@keyframes boxIn{0%{opacity:0;transform:translateY(-14px)scale(.98)}to{opacity:1;transform:none}}.search-box__input{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding:18px 20px;display:flex}.search-box__input svg{width:22px;height:22px;color:var(--ink-3);flex-shrink:0}.search-box__input input{color:var(--ink);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:1.18rem}.search-box__input .esc{color:var(--ink-4);border:1px solid var(--line);border-radius:6px;padding:3px 8px;font-size:.72rem;font-weight:700}.search-results{max-height:52vh;padding:8px;overflow-y:auto}.search-result{text-align:left;border-radius:12px;align-items:center;gap:14px;width:100%;padding:13px 14px;transition:background .14s;display:flex}.search-result:hover,.search-result.is-active{background:var(--mint-wash)}.search-result__ic{background:var(--mint-soft);width:40px;height:40px;color:var(--brand-700);border-radius:11px;flex-shrink:0;place-items:center;display:grid}.search-result__ic svg{width:21px;height:21px}.search-result__t{color:var(--ink);font-weight:700}.search-result__d{color:var(--ink-3);-webkit-line-clamp:1;-webkit-box-orient:vertical;margin-top:2px;font-size:.9rem;display:-webkit-box;overflow:hidden}.search-result__tag{color:var(--brand-700);background:var(--mint-soft);border-radius:100px;flex-shrink:0;margin-left:auto;padding:4px 10px;font-size:.76rem;font-weight:700}.search-empty{text-align:center;color:var(--ink-3);padding:40px 20px}.video-card{aspect-ratio:16/9;background:linear-gradient(135deg, var(--brand-deep), #0f4a2c);box-shadow:var(--sh-lg);border-radius:22px;place-items:center;display:grid;position:relative;overflow:hidden}.video-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.video-card__play{z-index:2;width:84px;height:84px;box-shadow:var(--sh-md);transition:transform .18s var(--ease-out);background:#ffffffeb;border-radius:50%;place-items:center;display:grid;position:relative}.video-card:hover .video-card__play{transform:scale(1.08)}.video-card__play svg{width:30px;height:30px;color:var(--brand-700);margin-left:4px}.video-card__label{z-index:2;color:#fff;font-weight:700;position:absolute;bottom:20px;left:22px}.video-card__label span{opacity:.8;font-size:.85rem;font-weight:500;display:block}.cta-band{border-radius:var(--r-2xl);text-align:center;background:linear-gradient(150deg, var(--brand-deep), #0e5230);color:#fff;padding:clamp(40px,6vw,72px);position:relative;overflow:hidden}.cta-band:before{content:"";background:radial-gradient(600px 300px at 80% 0,#34dd8640,#0000 60%);position:absolute;inset:0}.cta-band>*{position:relative}.cta-band h2{font-size:clamp(1.8rem,4vw,2.6rem)}.cta-band p{color:#b6d8c5;margin-top:16px;max-width:50ch;margin-inline:auto}.cta-band .stores{justify-content:center;margin-top:30px}.portal-container{min-height:calc(100vh - 68px);display:flex}.portal-sidebar{background:var(--bg-soft);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:12px;width:280px;height:calc(100vh - 160px);padding:24px;display:flex;position:sticky;top:160px;overflow-y:auto}.portal-sidebar__title{text-transform:uppercase;color:var(--ink-3);letter-spacing:.08em;margin-bottom:8px;font-size:.85rem;font-weight:700}.portal-sidebar__link{color:var(--ink-2);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;font-size:.95rem;font-weight:500;transition:all .15s;display:flex}.portal-sidebar__link:hover{background:var(--bg-soft-2);color:var(--ink)}.portal-sidebar__link.is-active{background:var(--mint-soft);color:var(--brand-700);font-weight:600}.portal-content{flex:1;min-width:0;max-width:900px;padding:clamp(24px,4vw,56px)}.guide-html{font-family:var(--font);color:var(--ink-2);line-height:1.7}.guide-html h1{color:var(--ink);border-bottom:1px solid var(--line);margin-top:0;margin-bottom:24px;padding-bottom:12px;font-size:2.2rem}.guide-html h2{color:var(--ink);border-bottom:1px solid var(--line-2);margin-top:36px;margin-bottom:16px;padding-bottom:8px;font-size:1.5rem}.guide-html h3{color:var(--ink);margin-top:28px;margin-bottom:12px;font-size:1.2rem}.guide-html p,.guide-html ul,.guide-html ol,.guide-html table,.guide-html pre{margin-bottom:20px}.guide-html ul,.guide-html ol{padding-left:24px}.guide-html li{margin-bottom:6px}.guide-html code{background:var(--bg-soft);color:#c96442;border-radius:5px;padding:3px 6px;font-family:monospace;font-size:.9em}.guide-html pre{background:var(--ink);color:#eef;border-radius:12px;padding:18px;overflow-x:auto}.guide-html pre code{color:inherit;background:0 0;padding:0;font-size:.92rem}.guide-html table{border-collapse:collapse;width:100%;margin-top:10px}.guide-html th,.guide-html td{border:1px solid var(--line);text-align:left;padding:10px 14px}.guide-html th{background:var(--bg-soft);color:var(--ink);font-weight:700}.guide-html tr:nth-child(2n){background:var(--bg-soft)}.guide-html blockquote{border-left:4px solid var(--brand);background:var(--mint-wash);color:var(--brand-deep);border-radius:0 10px 10px 0;margin:20px 0;padding:14px 20px}.guide-html blockquote p{margin:0}.guide-html a{color:var(--brand-700);text-underline-offset:3px;text-decoration:underline}.guide-html img{border:1px solid var(--line);max-width:100%;height:auto;box-shadow:var(--sh);content-visibility:auto;border-radius:14px}.guide-html .guide-video{width:100%;height:0;margin:24px 0;padding-bottom:56.25%;position:relative}.guide-html .guide-video iframe{border:0;border-radius:14px;width:100%;height:100%;position:absolute;inset:0}.guide-html iframe{max-width:100%}.guide-language-notice{color:#92400e;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;margin-bottom:24px;padding:12px 16px;font-size:.92rem;font-weight:600}.guide-image-placeholder{border:1px dashed var(--ink-4);background:var(--bg-soft);min-height:180px;color:var(--ink-3);text-align:center;border-radius:14px;place-items:center;gap:8px;margin:22px 0;padding:24px;display:grid}.guide-image-placeholder__icon{font-size:2rem;line-height:1}.guide-image-placeholder figcaption{font-size:.9rem;font-weight:600}.guide-link-unavailable{color:var(--ink-3);text-underline-offset:3px;cursor:not-allowed;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.landing-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-top:40px;display:grid}.landing-card{background:var(--bg);border:1px solid var(--line);box-shadow:var(--sh-sm);border-radius:18px;flex-direction:column;gap:16px;padding:28px;transition:all .2s;display:flex;position:relative;overflow:hidden}.landing-card:hover{border-color:var(--mint-2);box-shadow:var(--sh);transform:translateY(-4px)}.landing-card:before{content:"";opacity:0;background:radial-gradient(circle at 100% 0%, var(--mint-soft) 0%, transparent 60%);transition:opacity .2s;position:absolute;inset:0}.landing-card:hover:before{opacity:1}.landing-card>*{z-index:1;position:relative}.landing-card__icon{background:var(--mint-soft);width:48px;height:48px;color:var(--brand-700);border-radius:14px;place-items:center;display:grid}.landing-card__icon svg{width:24px;height:24px}.landing-card__title{color:var(--ink);font-size:1.35rem;font-weight:800}.landing-card__desc{color:var(--ink-3);font-size:.95rem;line-height:1.5}.landing-card__arrow{color:var(--brand-700);align-items:center;gap:8px;margin-top:auto;font-size:.95rem;font-weight:700;display:flex}.landing-card__arrow svg{transition:transform .2s}.landing-card:hover .landing-card__arrow svg{transform:translate(4px)}.landing-card.is-secured{border-left:3px solid #eab308}.landing-card__badge{color:#854d0e;background:#fef08a;border-radius:100px;align-items:center;gap:4px;padding:4px 8px;font-size:.68rem;font-weight:700;display:flex;position:absolute;top:14px;right:14px}@media (max-width:900px){.portal-container{flex-direction:column}.portal-sidebar{border-right:none;border-bottom:1px solid var(--line);width:100%;height:auto;padding:16px;position:static}.portal-content{padding:24px}.hero__grid{grid-template-columns:1fr}.hero__media{order:-1}.swap-row{gap:28px;flex-direction:column!important}.swap-row .swap-panel{width:100%;transform:none!important}.footer__grid{grid-template-columns:1fr 1fr;gap:32px}.nav-tab span.hide-sm{display:none}}@media (max-width:720px){.search-trigger{min-width:0}.search-trigger .label,.search-trigger .kbd,.brand__tld{display:none}}@media (max-width:560px){.footer__grid{grid-template-columns:1fr}.ptoggle button{padding:10px 16px;font-size:.92rem}}@media (prefers-reduced-motion:reduce){.swap-row.is-ready .swap-panel{transition:none}.swap-fade{animation:none}html{scroll-behavior:auto}}.portal-main-layout{flex-direction:column;flex:1;min-width:0;display:flex}.portal-grid-content{width:100%;max-width:1280px;margin:0 auto;padding:clamp(24px,4vw,56px)}.portal-content-text{width:100%;min-width:0}.portal-content-visual{position:relative}@media (min-width:901px){.portal-grid-content:not(.has-no-figures){--w-text:57%;--w-visual:43%;--gap:clamp(24px, 4vw, 56px);gap:var(--gap);display:flex}.portal-grid-content:not(.has-no-figures) .portal-content-text{width:var(--w-text);transition:left .58s var(--ease);flex-shrink:0;position:relative;left:0}.portal-grid-content:not(.has-no-figures) .portal-content-visual{width:var(--w-visual);transition:left .58s var(--ease);flex-shrink:0;position:relative;left:0}.portal-grid-content.platform-android:not(.has-no-figures) .portal-content-text{left:calc(var(--w-visual) + var(--gap))}.portal-grid-content.platform-android:not(.has-no-figures) .portal-content-visual{left:calc(-1 * (var(--w-text) + var(--gap)))}}.sticky-mock-container{flex-direction:column;align-items:center;width:100%;display:flex;position:sticky;top:180px}.sticky-mock-container .phone{--pw:256px}.active-mock-title{color:var(--ink-2);text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:256px;margin-bottom:12px;font-size:.95rem;font-weight:700;overflow:hidden}@media (min-width:901px){.sticky-mock-container{flex-direction:row;justify-content:center;align-items:center;gap:24px}.portal-grid-content.platform-ios .sticky-mock-container{flex-direction:row}.portal-grid-content.platform-android .sticky-mock-container{flex-direction:row-reverse}.mock-phone-wrapper{flex-direction:column;flex-shrink:0;align-items:center;display:flex}.sticky-mock-container .figure-selector{flex:1;max-width:230px;margin-top:0}.interactive-placeholder{cursor:pointer;border:1px solid var(--line)!important;border-left:4px solid var(--brand)!important;background:var(--bg-soft)!important;text-align:left!important;flex-direction:row!important;align-items:center!important;gap:12px!important;min-height:auto!important;margin:14px 0!important;padding:12px 18px!important;transition:all .2s!important;display:flex!important}.interactive-placeholder:hover{border-color:var(--mint-2)!important;background:var(--mint-wash)!important;transform:translateY(-1px)!important}.interactive-placeholder .guide-image-placeholder__icon{color:var(--brand)!important;font-size:1.2rem!important}.interactive-placeholder figcaption:before{content:"📱 Màn hình minh hoạ: ";color:var(--ink-3);font-weight:500}.interactive-placeholder.is-active{border-color:var(--brand)!important;background:var(--mint-wash)!important;box-shadow:var(--sh-sm)!important}}.guide-html.platform-ios .android-only,.guide-html.platform-android .ios-only{display:none!important}.platform-specific{border-radius:8px;margin-block:10px;padding:12px 16px;font-size:.98rem;line-height:1.5;transition:all .2s}.ios-only{border-left:4px solid var(--ios);color:#0056b3;background:#0a84ff0f}.android-only{border-left:4px solid var(--android);color:#0f6c4f;background:#1aa1790f}.figure-selector{flex-direction:column;gap:8px;width:100%;max-width:256px;margin-top:20px;display:flex}.figure-selector__btn{border:1px solid var(--line);background:var(--bg);text-align:left;cursor:pointer;width:100%;color:var(--ink-2);border-radius:10px;align-items:center;gap:10px;padding:10px 14px;transition:all .15s;display:flex}.figure-selector__btn:hover{background:var(--bg-soft);border-color:var(--mint-2)}.figure-selector__btn.is-active{background:var(--mint-soft);border-color:var(--brand);color:var(--brand-700)}.figure-selector__btn span{background:var(--bg-soft-2);border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;font-size:.75rem;font-weight:700;display:grid}.figure-selector__btn.is-active span{background:var(--brand);color:#fff}.figure-selector__btn .fig-title{white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:600;overflow:hidden}@media (max-width:1100px){.portal-grid-content{grid-template-columns:1.1fr .9fr}}@media (max-width:900px){.portal-grid-content{grid-template-columns:1fr;gap:36px;padding:24px}.portal-content-visual{display:none!important}.sticky-mock-container{position:static}.figure-selector{max-width:100%}}.tab-selector-header{background:var(--bg-soft);border-bottom:1px solid var(--line);z-index:80;position:sticky;top:68px}.tab-selector-row{justify-content:space-between;align-items:center;gap:16px;padding-block:12px;display:flex}.tab-selector-buttons{gap:12px;display:flex}.tab-selector-platform{align-items:center;gap:12px;display:flex}@media (min-width:901px){.toc{top:124px}}@media (max-width:900px){.toc{top:116px}.tab-selector-row{flex-wrap:nowrap;gap:8px;padding-block:8px}.platform-switch-text{display:none}.tab-selector-platform .ptoggle button{padding:8px 16px;font-size:.85rem}}@media (max-width:600px){.tab-selector-row{justify-content:space-between}.tab-selector-buttons{gap:6px}.tab-selector-buttons a{padding:6px 12px!important;font-size:.8rem!important}.tab-selector-platform .ptoggle button{padding:6px 10px;font-size:.8rem}.tab-selector-platform .ptoggle button svg{width:14px;height:14px}}@media (max-width:900px){.portal-sidebar{z-index:75;border-right:none;border-bottom:1px solid var(--line);background:var(--bg-soft);width:100%;height:auto;box-shadow:var(--sh-sm);padding:12px 16px;position:sticky;top:116px}.portal-sidebar__title{display:none}.mobile-sidebar-toggle{background:var(--bg);border:1px solid var(--line);width:100%;color:var(--ink);cursor:pointer;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:.95rem;font-weight:700;display:flex}.mobile-sidebar-toggle span{text-align:left;text-overflow:ellipsis;white-space:nowrap;flex:1;margin-inline:10px;overflow:hidden}.mobile-sidebar-toggle .chevron{transition:transform .3s}.portal-sidebar.is-open .mobile-sidebar-toggle .chevron{transform:rotate(180deg)}.portal-sidebar__links{flex-direction:column;gap:8px;max-height:50vh;margin-top:12px;padding-bottom:8px;display:none;overflow-y:auto}.portal-sidebar.is-open .portal-sidebar__links{display:flex}}@media (min-width:901px){.mobile-sidebar-toggle{display:none}.portal-sidebar__links{flex-direction:column;gap:8px;display:flex}}@media (max-width:900px){.guide-image-placeholder{text-align:left!important;background:0 0!important;border:none!important;min-height:auto!important;margin:24px 0!important;padding:0!important;display:block!important}.guide-image-placeholder>.guide-image-placeholder__icon,.guide-image-placeholder>figcaption{display:none!important}.mobile-inline-image-wrapper{flex-direction:column;align-items:center;width:100%;max-width:320px;margin:12px auto;display:flex}.mobile-inline-image-card{aspect-ratio:9/18.5;background:var(--bg-soft);width:100%;box-shadow:var(--sh-lg);cursor:zoom-in;border:8px solid #14181f;border-radius:24px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.mobile-inline-image-card:hover{box-shadow:var(--sh-xl);transform:scale(1.01)}.mobile-inline-image-card .zoom-overlay{z-index:15;color:#fff;opacity:.8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none;background:#000000a6;border-radius:50%;place-items:center;width:32px;height:32px;transition:opacity .2s;display:grid;position:absolute;bottom:12px;right:12px}.mobile-inline-image-card:hover .zoom-overlay{opacity:1}.mobile-inline-image-wrapper figcaption{color:var(--ink-3);text-align:center;max-width:90%;margin-top:10px;font-size:.88rem;font-weight:600;display:block}}.lightbox{z-index:9999;-webkit-backdrop-filter:blur(12px);background:#0a0f0ce0;place-items:center;animation:.25s cubic-bezier(.16,1,.3,1) both fadeIn;display:grid;position:fixed;inset:0}.lightbox__content{flex-direction:column;justify-content:center;align-items:center;max-width:90vw;max-height:85vh;animation:.3s cubic-bezier(.16,1,.3,1) both scaleIn;display:flex;position:relative}.lightbox__img{object-fit:contain;border:1px solid #ffffff1a;border-radius:16px;max-width:100%;max-height:75vh;box-shadow:0 20px 50px #00000080}.lightbox__caption{color:#fff;text-align:center;text-shadow:0 2px 4px #000c;max-width:600px;margin-top:16px;font-size:1rem;font-weight:600}.lightbox__close{color:#fff;cursor:pointer;background:#ffffff26;border:none;border-radius:50%;place-items:center;width:36px;height:36px;transition:background .2s,transform .2s;display:grid;position:absolute;top:-48px;right:0}.lightbox__close:hover{background:#ffffff40;transform:scale(1.05)}.lightbox__close svg{width:20px;height:20px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}