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