:root{--text:#eef2f8;--r:7px;--pri2:hsl(204,70%,45%);--pri:hsl(204,75%,58%);--onpri:#141414;--onacc:#111;--muted:#9aa8bd;--line:hsl(204,20%,22%);--gap:43px;--card:hsl(204,28%,15%);--bg2:hsl(204,30%,12%);--bg:hsl(204,35%,8%);--acconhd:#e6e6e6;--accon:#e6e6e6;--acc2:#bdbdbd;--acc:#e6e6e6}
html,body,div,span,h1,h2,h3,p,a,ul,ol,li,img,section,header,footer,nav{padding:0;margin:0;border:0}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{line-height:1.6;font-size:14px;font-family:'Be Vietnam Pro',system-ui,Arial,sans-serif;color:var(--text);background:var(--bg)}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}ul,ol{list-style:none}button{font:inherit}
body{overflow-wrap:break-word}
h1,h2,h3,h4,p,span,b,em,li,figcaption,td,th,blockquote{word-break:normal;overflow-wrap:break-word}
.vn8-wrap{padding:0 14px;max-width:1160px;margin:0 auto}section{padding:var(--gap) 0}
.banner-h1{line-height:1.15;font-weight:800;font-size:clamp(23px,4vw,41px);font-family:'Be Vietnam Pro',sans-serif}
.vn8-h2{padding-left:13px;margin-bottom:16px;font-weight:800;font-size:clamp(18px,2.4vw,25px);font-family:'Be Vietnam Pro',sans-serif;color:var(--acc);border-left:5px solid var(--acc)}
.vn8-h3{margin:11px 0 6px;font-size:16px;font-family:'Be Vietnam Pro',sans-serif;color:var(--acc)}
.vn8-sub{margin:-10px 0 17px;color:var(--muted)}.banner-lead{margin-bottom:13px;font-size:16px;color:var(--muted)}.vn8-more{margin-top:13px;font-weight:700;display:inline-block;color:var(--acc)}
.btn-btn{white-space:nowrap;padding:10px 20px;line-height:1.2;font-weight:800;display:inline-block;cursor:pointer;border:0;border-radius:7px}
.btn-btn-pri{color:var(--accon);border:2px solid var(--acc);background:transparent}.btn-btn-pri:hover{color:var(--onacc);background:var(--acc)}
.btn-btn-sec{color:var(--accon);border:1.5px solid var(--acc);background:transparent}
.btn-btn-sm{padding:7px 13px;font-size:12px;color:var(--onpri);background:var(--pri)}.btn-btn[data-big]{padding:12px 27px;font-size:16px}
.pr-badge{padding:3px 8px;margin-bottom:7px;font-weight:800;font-size:10px;display:inline-block;color:var(--onacc);border-radius:999px;background:var(--acc)}
.game-thumb{border-radius:calc(var(--r) - 2px);background-color:var(--bg2);aspect-ratio:70/63}
.vn8-phero{padding:32px 0 9px}.vn8-crumb{margin-bottom:9px;font-size:12px;color:var(--muted)}.vn8-crumb a{color:var(--acc)}.vn8-page p{margin-bottom:13px;color:var(--muted)}.vn8-page-col{max-width:820px}
.pr-pd{padding:19px;margin-bottom:13px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.pr-pd h2{margin-bottom:7px}.vn8-guide{grid-template-columns:1fr 1fr;gap:22px;display:grid}.art-art-list article{padding:15px 0;border-bottom:1px solid var(--line)}.art-art-list img{width:100%;object-fit:cover;max-width:300px;margin-bottom:9px;border-radius:var(--r);aspect-ratio:16/9}.art-art-hero{width:100%;object-fit:cover;margin-bottom:16px;border-radius:var(--r);aspect-ratio:16/9}.art-art-list h2{margin-bottom:4px}.art-art-list time{font-size:11px;color:var(--muted)}
.art-article{max-width:780px}.art-article h2{margin:20px 0 9px}.art-article time{margin-bottom:14px;font-size:12px;display:block;color:var(--muted)}.vn8-related{padding-top:15px;margin-top:27px;border-top:1px solid var(--line)}.vn8-related a{padding:6px 0;display:block;color:var(--acc)}
@media(max-width:760px){.vn8-guide{grid-template-columns:1fr}}.tab-cat-head{margin-bottom:16px;gap:20px;display:flex;align-items:center}.tab-cat-hero{width:132px;flex:0 0 auto;border-radius:var(--r);background-repeat:no-repeat;aspect-ratio:1}@media(max-width:760px){.tab-cat-hero{width:78px}}
.phone-split{grid-template-columns:1fr 1fr;gap:26px;display:grid;align-items:center}.phone-split img{border-radius:var(--r)}.phone-dl{margin-top:13px;gap:9px;display:flex}@media(max-width:760px){.phone-split{grid-template-columns:1fr}}
.vip-vip-grid{gap:12px;flex-wrap:wrap;display:flex}.vip-vip-card{text-align:center;padding:14px;min-width:min(100%,180px);flex:1 1 calc(100%/4 - 13px);border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.vip-vip-card svg{width:25px;height:25px;color:var(--acc)}.vip-vip-card p{font-size:12px;color:var(--muted)}@media(max-width:760px){.vip-vip-grid{grid-template-columns:repeat(2,1fr)}}
.game-ggrid{gap:13px;flex-wrap:wrap;display:flex}.game-gcard{transition:.2s;overflow:hidden;min-width:min(100%,180px);flex:1 1 calc(100%/var(--cols,4) - 13px);display:block;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.game-gcard:hover{border-color:var(--acc)}.game-gcard .game-thumb{border-radius:0}.game-gcap{padding:9px;justify-content:space-between;gap:7px;font-size:12px;display:flex;align-items:center}
.game-gcap>*:first-child{overflow:hidden;min-width:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.game-gcap em{white-space:nowrap;font-style:normal;font-size:10px;flex:0 0 auto;color:var(--acc)}
.game-glist-ul li{row-gap:7px;padding:9px;margin-bottom:9px;gap:13px;flex-wrap:wrap;display:flex;border:1px solid var(--line);border-radius:var(--r);background:var(--card);align-items:center}.game-glist-img{width:58px;flex:0 0 57px}.game-gl-txt{min-width:0;flex:1 1 150px}.game-glist-ul span{font-size:11px;display:block;color:var(--muted)}
.game-gov{position:relative;overflow:hidden;min-width:min(100%,180px);margin:0;flex:1 1 calc(100%/var(--cols,4) - 12px);cursor:pointer;border-radius:var(--r)}
.game-gov figcaption{right:0;position:absolute;padding:11px 9px 9px;left:0;gap:7px;font-weight:700;font-size:12px;flex-direction:column;display:flex;color:#fff;bottom:0;background:linear-gradient(transparent,#000a 38%,#000d);align-items:stretch}
.game-gov figcaption>span{overflow:hidden;min-width:0;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.game-gov figcaption .btn-btn{width:100%;white-space:normal;text-align:center;padding:7px 7px;overflow-wrap:break-word;line-height:1.25;font-weight:800;font-size:11px;display:block;color:var(--onacc);background:var(--acc)}
.game-rank li{padding:9px;grid-template-columns:auto auto minmax(0,1fr) auto;gap:11px;display:grid;border-bottom:1px solid var(--line);align-items:center}.game-rank li>*{min-width:0}.game-rank i{font-weight:900;font-style:normal;font-size:16px;color:var(--acc)}.game-rank-img{width:51px}.game-rank-bar{overflow:hidden;height:5px;border-radius:3px;background:var(--line)}.game-rank-bar span{height:100%;display:block;background:var(--acc)}
@media(min-width:761px) and (max-width:1100px){.game-ggrid{grid-template-columns:repeat(3,1fr)}.game-gcard,.game-gov{flex-basis:calc(33.333% - 12px)}}
@media(max-width:760px){.game-ggrid{grid-template-columns:repeat(2,1fr)}.game-gcard,.game-gov{flex-basis:calc(50% - 13px)}.game-rank li{grid-template-columns:auto auto minmax(0,1fr)}.game-rank-bar{display:none}}
.help-contact-box,.help-agent-box{row-gap:11px;padding:18px;gap:16px;flex-wrap:wrap;display:flex;border:1px solid var(--line);border-radius:var(--r);background:var(--card);align-items:center}.help-contact-box div,.help-agent-box div{min-width:0;flex:1 1 200px}.help-ico{width:33px;height:33px;color:var(--acc)}
.tab-cats-row{justify-content:center;gap:9px;flex-wrap:wrap;display:flex}.tab-cat{transition:.2s;padding:13px 16px;min-width:89px;gap:5px;font-weight:700;font-size:12px;flex-direction:column;display:flex;border:1px solid var(--line);border-radius:var(--r);background:var(--card);align-items:center}.tab-cat:hover{border-color:var(--acc)}.tab-cat svg{width:23px;height:24px;color:var(--acc)}
.tab-cat-grid{gap:12px;flex-wrap:wrap;display:flex}.tab-cat-card{transition:.2s;padding:9px;min-width:min(100%,180px);flex:1 1 calc(100%/var(--cols,4) - 13px);display:block;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.tab-cat-card:hover{border-color:var(--acc)}.tab-cat-card b{margin-top:7px;display:block}.tab-cat-card small{color:var(--muted)}
.tab-tabs{margin-bottom:15px;gap:7px;flex-wrap:wrap;display:flex}.tab-tab{padding:8px 15px;gap:5px;font-weight:700;display:flex;cursor:pointer;color:var(--text);border:1px solid var(--line);border-radius:var(--r);background:var(--card);align-items:center}.tab-tab svg{width:17px;height:16px}.tab-tab.on{color:var(--onacc);border-color:transparent;background:var(--acc)}
.tab-pane{display:none}.tab-pane.on{display:block}.tab-pane-in{padding:20px;grid-template-columns:1fr 1fr;gap:20px;display:grid;border:1px solid var(--line);border-radius:var(--r);background:var(--card);align-items:center}.tab-pane-img{width:100%;max-width:360px;margin:0 auto}.tab-pane-in h3{margin-bottom:7px;font-size:20px;color:var(--acc)}.tab-pane-in p{margin-bottom:13px;color:var(--muted)}
@media(max-width:760px){.tab-cat-grid{grid-template-columns:repeat(2,1fr)}.tab-pane-in{grid-template-columns:1fr}}
.head-hd{color:#ffffff;border-bottom:1px solid var(--line);background:hsl(204,35%,10%)}
.btn-btn-onhd{color:#e6e6e6;border-color:#e6e6e6}
.btn-btn-pri-onhd{color:#e6e6e6;border-color:#e6e6e6}
.head-hd-in{row-gap:7px;padding:6px 14px;min-height:63px;gap:clamp(7px,1.1vw,16px);flex-wrap:wrap;display:flex;align-items:center}.head-logo{flex:0 0 auto}.head-logo img{object-fit:contain;max-width:240px;height:51px}.head-logo b{font-weight:900;font-size:24px;color:var(--acc)}
.head-nav{row-gap:7px;min-width:0;justify-content:center;gap:16px;flex:1 1 auto;flex-wrap:wrap;display:flex}
.head-nav>ul{row-gap:7px;min-width:0;gap:inherit;flex-wrap:wrap;display:flex;align-items:center}
.head-nav>ul>li{flex:0 0 auto}
.head-nav a{white-space:nowrap;opacity:.9;font-weight:700;font-size:13px;flex:0 0 auto}.head-nav a:hover,.head-nav a.on{opacity:1;color:var(--acc)}
.dlg-auth{row-gap:6px;margin-left:auto;gap:7px;flex-wrap:wrap;display:flex}.head-topbar{padding:5px 0;font-size:11px;color:var(--muted);background:var(--bg2)}
@media(min-width:761px) and (max-width:1023px){.head-nav{padding-top:2px;order:3;margin-right:0;margin-left:0;justify-content:flex-start;flex-basis:100%}.dlg-auth{order:2}}
.vn8-burger{padding:6px 10px;line-height:1;font-size:18px;display:none;cursor:pointer;color:var(--text);border:1px solid var(--line);border-radius:calc(var(--r)/2);background:none}
@media(max-width:760px){.vn8-burger{order:2;display:block}.dlg-auth{order:3;gap:5px}.dlg-auth .btn-btn{white-space:nowrap;padding:7px 9px;font-size:11px}
.head-nav{padding:5px 0 2px;order:4;flex-direction:column;flex-basis:100%;display:none}
.head-nav.on{display:flex;box-shadow:0 9px 18px rgba(0,0,0,.28);background:hsl(204,35%,10%)}
.head-nav a{padding:10px 4px;border-bottom:1px solid var(--line)}
.head-hd{z-index:50;top:0;position:sticky}
.head-hd-in{row-gap:7px;padding-bottom:5px;min-height:67px;height:auto;flex-wrap:wrap;align-items:center}}.head-nav ul,.head-nav li{padding:0;margin:0;list-style:none;display:contents}
.head-hd-2row .head-hd-in{row-gap:4px;padding:9px 15px 0;min-height:0;height:auto;flex-wrap:wrap}
.head-hd-top{width:100%;row-gap:7px;min-width:0;gap:16px;flex-wrap:wrap;display:flex;align-items:center}.head-hd-top>*{min-width:0}.head-hd-top .dlg-auth{row-gap:6px;margin-left:auto;flex-wrap:wrap}
.head-hd-2row .head-nav{padding:6px 0 7px;order:5;margin:0;justify-content:flex-start;flex-basis:100%}
@media(max-width:760px){.head-hd-2row .head-hd-top .vn8-burger{order:0}.head-hd-2row .head-hd-top .dlg-auth{order:0}}
.dlg-mask{z-index:100;position:fixed;padding:14px;justify-content:center;inset:0;display:none;background:#000a;align-items:center}.dlg-mask.on{display:flex}.dlg-modal{width:100%;position:relative;overflow:hidden;max-width:400px;box-shadow:0 18px 53px #000c;border:1px solid var(--acc);border-radius:var(--r);background:var(--card)}.dlg-x{z-index:2;width:27px;top:7px;right:9px;position:absolute;height:28px;font-size:18px;cursor:pointer;color:#fff;border:0;border-radius:50%;background:#0008}
.dlg-mtabs{display:flex}.dlg-mtab{text-align:center;padding:13px;font-weight:800;flex:1;cursor:pointer;color:var(--muted);border-bottom:2px solid var(--line)}.dlg-mtab.on{color:var(--acc);border-bottom-color:var(--acc)}.dlg-mbody{padding:19px}.dlg-inp{width:100%;padding:10px 12px;margin-bottom:9px;color:var(--text);border:1px solid var(--line);border-radius:calc(var(--r)/1.5);background:var(--bg)}.dlg-mnote{text-align:center;margin-top:9px;font-size:11px;color:var(--muted)}.pr-promo-modal img{width:100%}.pr-promo-modal div{text-align:center;padding:16px}
.tin-news-grid{gap:13px;flex-wrap:wrap;display:flex}.tin-news-card{overflow:hidden;min-width:min(100%,180px);flex:1 1 calc(100%/3 - 13px);border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.tin-news-img{aspect-ratio:16/9}.tin-news-card time,.tin-news-list time{padding:9px 13px 0;font-size:11px;display:block;color:var(--muted)}.tin-news-card h3,.tin-news-list h3{padding:4px 13px;font-size:13px}.tin-news-card p,.tin-news-list p{padding:0 12px 13px;font-size:12px;color:var(--muted)}.tin-news-list li{padding:9px 0;gap:12px;display:flex;border-bottom:1px solid var(--line)}@media(max-width:760px){.tin-news-grid{grid-template-columns:1fr}}
.pr-pgrid{gap:12px;flex-wrap:wrap;display:flex}.pr-pcard{padding:17px;min-width:min(100%,180px);flex:1 1 calc(100%/var(--cols,3) - 13px);border:1px solid var(--line);border-radius:var(--r);border-left:4px solid var(--acc);background:var(--card)}.pr-pcard b{margin-bottom:6px;font-size:14px;display:block}.pr-pcard p{margin-bottom:11px;font-size:12px;color:var(--muted)}
.pr-promo-list li{row-gap:9px;padding:12px;margin-bottom:9px;gap:13px;flex-wrap:wrap;display:flex;border:1px solid var(--line);border-radius:var(--r);background:var(--card);align-items:center}.pr-promo-list li div{min-width:0;flex:1 1 180px}.pr-promo-list p{font-size:12px;color:var(--muted)}
.pr-promo-big{padding:20px;grid-template-columns:1fr 1fr;gap:22px;display:grid;border:1px solid var(--line);border-radius:var(--r);background:var(--card);align-items:center}.pr-promo-big img{border-radius:var(--r)}@media(max-width:760px){.pr-pgrid,.pr-promo-big{grid-template-columns:1fr}}
.art-art-col{max-width:860px}.art-art p{margin-bottom:13px;color:var(--muted)}.art-art .vn8-h2{margin-top:9px}.art-art a{text-decoration:underline;color:var(--acc)}
.art-art-cols{grid-template-columns:1.2fr 1fr;gap:29px;display:grid}.art-art-boxes{gap:13px;flex-wrap:wrap;display:flex}.art-art-box{position:relative;padding:17px;min-width:min(100%,180px);flex:1 1 calc(100%/3 - 13px);border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.art-art-n{top:9px;right:13px;position:absolute;font-weight:900;font-size:24px;color:var(--line)}
.art-quote{padding:9px 16px;margin-bottom:16px;font-size:17px;color:var(--text);border-radius:0 var(--r) var(--r) 0;border-left:4px solid var(--acc);background:var(--card)}.art-art-d{padding:9px 0;border-bottom:1px solid var(--line)}.art-art-d summary{font-weight:800;font-size:15px;cursor:pointer}.art-art-d p{margin-top:7px}
@media(max-width:760px){.art-art-cols,.art-art-boxes{grid-template-columns:1fr}}.art-art-item{margin-bottom:21px}.art-art-item h3{margin:0 0 7px}.art-art article{margin-bottom:20px}
.fab-fab{z-index:60;right:14px;position:fixed;gap:9px;flex-direction:column;display:flex;bottom:14px}.fab-fab a{width:46px;justify-content:center;height:47px;display:flex;color:var(--onacc);box-shadow:0 7px 18px #0005;border-radius:50%;background:linear-gradient(135deg,var(--acc),var(--acc2));align-items:center}.fab-fab svg{width:20px;height:19px}
.banner-hero{padding:18px 0 0}.banner-hero-banner{position:relative}.banner-hero-banner img{width:100%;max-width:1160px;margin:0 auto;border-radius:var(--r)}
.banner-hero-bn{overflow:hidden;grid-template-columns:5fr 7fr;gap:0;display:grid;border-radius:var(--r);background:linear-gradient(125deg,var(--pri) 0%,var(--bg2) 55%,var(--acc) 140%);aspect-ratio:1400/440;align-items:center}
.banner-hero-bn.art-right{grid-template-columns:7fr 5fr}.banner-hero-bn.art-right .banner-hero-bn-art{order:2}.banner-hero-bn.alt{background:linear-gradient(235deg,var(--acc) -40%,var(--bg2) 45%,var(--pri) 100%)}
.banner-hero-bn-art{min-height:0;height:100%}.banner-hero-bn-art img{width:100%;object-fit:cover;height:100%;display:block}
.banner-hero-bn-txt{text-shadow:0 2px 11px rgba(0,0,0,.45);padding:4% 5%;color:#fff}.banner-hero-bn-txt .banner-h1{text-transform:uppercase;margin:0 0 9px;line-height:1.12;font-size:clamp(20px,3.4vw,42px);color:#fff}.banner-hero-bn-txt .banner-lead{margin-bottom:13px;color:rgba(255,255,255,.88)}
@media(max-width:760px){.banner-hero-bn,.banner-hero-bn.art-right{grid-template-columns:1fr;aspect-ratio:auto}.banner-hero-bn-art{order:0!important;aspect-ratio:16/9}.banner-hero-bn-txt{padding:14px}}
.banner-hero-cta{text-align:center;margin:16px 0 0}.banner-hero-text{text-align:center;padding:55px 0 27px}.banner-hero-text .banner-h1{margin-bottom:11px}
.banner-car{position:relative;overflow:hidden;max-width:1160px;margin:0 auto;border-radius:var(--r)}.banner-car-track{transition:transform .5s;display:flex}.banner-car-slide{flex:0 0 100%}.banner-car-slide img{width:100%;object-fit:cover;display:block;aspect-ratio:1400/400}
.banner-car-dots{right:0;position:absolute;left:0;justify-content:center;gap:6px;display:flex;bottom:9px}.banner-car-dots span{width:8px;height:8px;cursor:pointer;border-radius:50%;background:#fff7}.banner-car-dots span.on{background:var(--acc)}
.banner-hero-grid .vn8-wrap,.banner-hero-split .vn8-wrap{grid-template-columns:1.1fr 1fr;gap:26px;display:grid;align-items:center}.banner-hero-split img{border-radius:var(--r)}
.banner-hero-mini{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:9px;display:grid}.game-mini{text-align:center;padding:7px;font-weight:700;font-size:11px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}
@media(max-width:760px){.banner-hero-grid .vn8-wrap,.banner-hero-split .vn8-wrap{grid-template-columns:1fr}}.banner-hero-bn-art{margin:0}.banner-hero-bn.txt-first.art-left .banner-hero-bn-art{order:-1}
.pill-chips{gap:9px;flex-wrap:wrap;display:flex}.pill-chip{padding:7px 13px;gap:5px;font-weight:700;font-size:12px;display:inline-flex;color:var(--muted);border:1px solid var(--line);border-radius:999px;background:var(--card);align-items:center}.pill-chip svg{width:15px;height:14px}
.ft-footer{padding:32px 0 20px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);background:var(--bg2)}.ft-f-grid{margin-bottom:19px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;display:grid}.ft-f-grid>.ft-f-brand{grid-column:span 2}.ft-f-grid b{margin-bottom:7px;display:block;color:var(--text)}.ft-f-grid a{padding:3px 0;display:block}.ft-f-brand img{margin-bottom:9px;height:30px}.ft-f-legal{padding-top:12px;justify-content:space-between;gap:7px;flex-wrap:wrap;display:flex;border-top:1px solid var(--line)}
.ft-f-inline{margin:12px 0;gap:12px;flex-wrap:wrap;display:flex}.ft-f-inline a{white-space:nowrap;flex:0 0 auto}
@media(max-width:760px){.ft-f-grid{grid-template-columns:1fr}.ft-f-grid>.ft-f-brand{grid-column:auto}}.ft-f-inline ul,.ft-f-inline li{padding:0;margin:0;list-style:none;display:contents}.ft-f-about{text-align:center;max-width:720px;margin:0 auto 11px}
.faq-faq-dl dt{margin-top:13px;font-weight:800}.faq-faq-dl dd{margin-top:4px;color:var(--muted)}.faq-acc-item{margin-bottom:7px;border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.faq-acc-q{width:100%;text-align:left;padding:12px 15px;justify-content:space-between;font-weight:800;display:flex;cursor:pointer;color:var(--text);border:0;background:none}.faq-acc-a{padding:0 15px 13px;display:none;color:var(--muted)}.faq-acc-item.on .faq-acc-a{display:block}.faq-faq-ul{padding:0;margin:0;list-style:none}.faq-faq-ul li{padding:11px 0;border-bottom:1px solid var(--line)}.faq-faq-ul h3{margin:0 0 4px;font-size:14px}.faq-faq-ul p{margin:0;color:var(--muted)}.faq-faq-det{padding:9px 0;border-bottom:1px solid var(--line)}.faq-faq-det summary{font-weight:800;cursor:pointer}.faq-faq-det p{margin:5px 0 0;color:var(--muted)}
.how-steps-ol{gap:12px;flex-wrap:wrap;display:flex}.how-steps-ol li{padding:17px;min-width:min(100%,180px);flex:1 1 calc(100%/3 - 13px);border:1px solid var(--line);border-radius:var(--r);background:var(--card)}.how-step-n{width:27px;margin-bottom:7px;justify-content:center;height:26px;font-weight:900;display:inline-flex;color:var(--onacc);border-radius:50%;background:var(--acc);align-items:center}.how-steps-ol b{display:block}.how-steps-ol p{font-size:12px;color:var(--muted)}
.how-tl{position:relative;padding-left:24px;border-left:2px solid var(--line)}.how-tl li{position:relative;margin-bottom:16px}.how-tl-dot{width:12px;top:4px;position:absolute;left:-34px;height:12px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;background:var(--acc)}.how-tl p{font-size:13px;color:var(--muted)}
.how-inl{padding:14px 18px;gap:13px;flex-wrap:wrap;display:flex;border:1px solid var(--line);border-radius:var(--r);background:var(--card);align-items:center}.how-inl .vn8-h2{margin:0 9px 0 0;font-size:17px}.how-inl-step{gap:7px;font-weight:700;display:inline-flex;align-items:center}.how-inl-step em{width:22px;justify-content:center;height:21px;font-style:normal;font-size:11px;display:inline-flex;color:var(--onacc);border-radius:50%;background:var(--acc);align-items:center}.how-inl-arrow{color:var(--muted)}
@media(max-width:760px){.how-steps-ol{grid-template-columns:1fr}}