:root{--text:#eef2f8;--r:9px;--pri2:hsl(27,70%,45%);--pri:hsl(27,75%,58%);--onpri:#141414;--onacc:#141414;--muted:#9aa8bd;--line:hsl(27,20%,22%);--gap:46px;--card:hsl(27,28%,15%);--bg2:hsl(27,30%,12%);--bg:hsl(27,35%,8%);--acconhd:hsl(42,85%,50%);--accon:hsl(42,85%,50%);--acc2:hsl(42,80%,45%);--acc:hsl(42,85%,55%)}
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:'Roboto',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}
.tp-wrap{padding:0 16px;max-width:1120px;margin:0 auto}section{padding:var(--gap) 0}section:nth-of-type(even){background:var(--bg2)}
.top-h1{line-height:1.15;font-weight:800;font-size:clamp(25px,4vw,43px);font-family:'Oswald',sans-serif}
.tp-h2{padding-bottom:6px;margin-bottom:17px;font-weight:800;font-size:clamp(19px,2.4vw,27px);font-family:'Oswald',sans-serif;display:inline-block;color:var(--acc);border-bottom:3px solid var(--acc)}
.tp-h3{margin:11px 0 6px;font-size:18px;font-family:'Oswald',sans-serif;color:var(--acc)}
.tp-sub{margin:-10px 0 18px;color:var(--muted)}.top-lead{margin-bottom:14px;font-size:17px;color:var(--muted)}.tp-more{margin-top:13px;font-weight:700;display:inline-block;color:var(--acc)}
.b-btn{white-space:nowrap;padding:10px 22px;line-height:1.2;font-weight:800;display:inline-block;cursor:pointer;border:0;border-radius:9px}
.b-btn-pri{color:var(--onacc);background:var(--acc)}.b-btn-pri:hover{filter:brightness(1.08)}
.b-btn-sec{color:var(--accon);border-width:1.5px;border-style:solid;border-color:var(--acc);background:transparent}
.b-btn-sm{padding:8px 14px;font-size:13px;color:var(--onpri);background:var(--pri)}.b-btn[data-big]{padding:14px 30px;font-size:17px}
.promo-badge{padding:3px 9px;margin-bottom:8px;font-weight:800;font-size:11px;display:inline-block;color:var(--onacc);border-radius:999px;background:var(--acc)}
.play-thumb{border-radius:calc(var(--r) - 2px);background-color:var(--bg2);aspect-ratio:70/63}
.tp-phero{padding:33px 0 10px}.tp-crumb{margin-bottom:10px;font-size:13px;color:var(--muted)}.tp-crumb a{color:var(--acc)}.tp-page p{margin-bottom:14px;color:var(--muted)}.tp-page-col{max-width:820px}
.promo-pd{padding:20px;margin-bottom:13px;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);background:var(--card)}.promo-pd h2{margin-bottom:8px}.tp-guide{grid-template-columns:1fr 1fr;gap:24px;display:grid}.intro-art-list article{padding:16px 0;border-bottom:1px solid var(--line)}.intro-art-list img{width:100%;object-fit:cover;max-width:300px;margin-bottom:10px;border-radius:var(--r);aspect-ratio:16/9}.intro-art-hero{width:100%;object-fit:cover;margin-bottom:17px;border-radius:var(--r);aspect-ratio:16/9}.intro-art-list h2{margin-bottom:4px}.intro-art-list time{font-size:12px;color:var(--muted)}
.intro-article{max-width:780px}.intro-article h2{margin:21px 0 10px}.intro-article time{margin-bottom:15px;font-size:13px;display:block;color:var(--muted)}.tp-related{padding-top:16px;margin-top:30px;border-top:1px solid var(--line)}.tp-related a{padding:6px 0;display:block;color:var(--acc)}
@media(max-width:760px){.tp-guide{grid-template-columns:1fr}}.sanh-cat-head{margin-bottom:17px;gap:21px;display:flex;align-items:center}.sanh-cat-hero{width:120px;flex:0 0 auto;border-radius:var(--r);background-repeat:no-repeat;aspect-ratio:1}@media(max-width:760px){.sanh-cat-hero{width:82px}}
.top-hero{padding:19px 0 0}.top-hero-banner{position:relative}.top-hero-banner img{width:100%;max-width:1120px;margin:0 auto;border-radius:var(--r)}
.top-hero-bn{overflow:hidden;grid-template-columns:5fr 7fr;gap:0;display:grid;border-radius:var(--r);background:linear-gradient(105deg,var(--pri) 0%,var(--bg2) 55%,var(--acc) 140%);aspect-ratio:1400/440;align-items:center}
.top-hero-bn.art-right{grid-template-columns:7fr 5fr}.top-hero-bn.art-right .top-hero-bn-art{order:2}.top-hero-bn.alt{background:linear-gradient(255deg,var(--acc) -40%,var(--bg2) 45%,var(--pri) 100%)}
.top-hero-bn-art{min-height:0;height:100%}.top-hero-bn-art img{width:100%;object-fit:cover;height:100%;display:block}
.top-hero-bn-txt{text-shadow:0 2px 12px rgba(0,0,0,.45);padding:4% 5%;color:#fff}.top-hero-bn-txt .top-h1{text-transform:uppercase;margin:0 0 10px;line-height:1.12;font-size:clamp(21px,3.4vw,44px);color:#fff}.top-hero-bn-txt .top-lead{margin-bottom:14px;color:rgba(255,255,255,.88)}
@media(max-width:760px){.top-hero-bn,.top-hero-bn.art-right{grid-template-columns:1fr;aspect-ratio:auto}.top-hero-bn-art{order:0!important;aspect-ratio:16/9}.top-hero-bn-txt{padding:16px}}
.top-hero-cta{text-align:center;margin:17px 0 0}.top-hero-text{text-align:center;padding:58px 0 30px}.top-hero-text .top-h1{margin-bottom:12px}
.top-car{position:relative;overflow:hidden;max-width:1120px;margin:0 auto;border-radius:var(--r)}.top-car-track{transition:transform .5s;display:flex}.top-car-slide{flex:0 0 100%}.top-car-slide img{width:100%;object-fit:cover;display:block;aspect-ratio:1400/400}
.top-car-dots{right:0;position:absolute;left:0;justify-content:center;gap:7px;display:flex;bottom:10px}.top-car-dots span{width:9px;height:9px;cursor:pointer;border-radius:50%;background:#fff7}.top-car-dots span.on{background:var(--acc)}
.top-hero-grid .tp-wrap,.top-hero-split .tp-wrap{grid-template-columns:1.1fr 1fr;gap:27px;display:grid;align-items:center}.top-hero-split img{border-radius:var(--r)}
.top-hero-mini{grid-template-columns:repeat(auto-fit,minmax(min(100%,150px),1fr));gap:10px;display:grid}.play-mini{text-align:center;padding:8px;font-weight:700;font-size:12px;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);background:var(--card)}
@media(max-width:760px){.top-hero-grid .tp-wrap,.top-hero-split .tp-wrap{grid-template-columns:1fr}}.top-hero-bn-art{margin:0}.top-hero-bn.txt-first.art-left .top-hero-bn-art{order:-1}
.tm-tm-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / 3))),1fr));gap:14px;display:grid}.tm-tm-card{padding:18px;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);background:var(--card)}.tp-stars{margin-bottom:8px;color:var(--acc)}.tm-tm-card blockquote{margin-bottom:10px;font-size:14px;color:var(--muted)}.tm-tm-card figcaption{font-weight:700;font-size:13px}@media(max-width:760px){.tm-tm-grid{grid-template-columns:1fr}}
.support-fab{z-index:60;right:15px;position:fixed;gap:10px;flex-direction:column;display:flex;bottom:15px}.support-fab a{width:48px;justify-content:center;height:49px;display:flex;color:var(--onacc);box-shadow:0 8px 20px #0005;border-radius:50%;background:linear-gradient(135deg,var(--acc),var(--acc2));align-items:center}.support-fab svg{width:22px;height:22px}
.sanh-table{width:100%;overflow:hidden;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);border-collapse:collapse;background:var(--card)}.sanh-table th{text-align:left;padding:11px 13px;font-size:13px;color:var(--muted);background:var(--bg2)}.sanh-table td{padding:11px 14px;font-size:14px;border-top:1px solid var(--line)}.sanh-table .win{font-weight:800;color:#22c55e}.sanh-table .lose{font-weight:800;color:#ef4444}
@media(max-width:760px){.sanh-table{overflow-x:auto;display:block;-webkit-overflow-scrolling:touch}.sanh-table thead,.sanh-table tbody{width:100%;min-width:460px;display:table}.sanh-table th,.sanh-table td{padding:9px 10px;font-size:12px}}
.phone-split{grid-template-columns:1fr 1fr;gap:28px;display:grid;align-items:center}.phone-split img{border-radius:var(--r)}.phone-dl{margin-top:14px;gap:10px;display:flex}@media(max-width:760px){.phone-split{grid-template-columns:1fr}}
.tag-chips{gap:10px;flex-wrap:wrap;display:flex}.tag-chip{padding:8px 14px;gap:6px;font-weight:700;font-size:13px;display:inline-flex;color:var(--muted);border-width:1px;border-style:solid;border-color:var(--line);border-radius:999px;background:var(--card);align-items:center}.tag-chip svg{width:15px;height:16px}
.head-hd{z-index:40;top:0;position:sticky;color:#ffffff;border-bottom:1px solid var(--line);background:hsl(27,35%,10%)}
.b-btn-onhd{color:hsl(42,85%,50%);border-color:hsl(42,85%,50%)}
.head-hd-in{row-gap:8px;padding:6px 16px;min-height:66px;gap:clamp(8px,1.1vw,17px);flex-wrap:wrap;display:flex;align-items:center}.head-logo{flex:0 0 auto}.head-logo img{object-fit:contain;max-width:240px;height:50px}.head-logo b{font-weight:900;font-size:25px;color:var(--acc)}
.head-nav{row-gap:8px;min-width:0;justify-content:center;gap:13px;flex:1 1 auto;flex-wrap:wrap;display:flex}
.head-nav>ul{row-gap:8px;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:14px;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:8px;flex-wrap:wrap;display:flex}.head-topbar{padding:6px 0;font-size:12px;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}}
.tp-burger{padding:7px 11px;line-height:1;font-size:19px;display:none;cursor:pointer;color:var(--text);border-width:1px;border-style:solid;border-color:var(--line);border-radius:calc(var(--r)/2);background:none}
@media(max-width:760px){.tp-burger{order:2;display:block}.dlg-auth{order:3;gap:6px}.dlg-auth .b-btn{white-space:nowrap;padding:8px 10px;font-size:12px}
.head-nav{padding:6px 0 2px;order:4;flex-direction:column;flex-basis:100%;display:none}
.head-nav.on{display:flex;box-shadow:0 10px 19px rgba(0,0,0,.28);background:hsl(27,35%,10%)}
.head-nav a{padding:11px 4px;border-bottom:1px solid var(--line)}
.head-hd{z-index:50;top:0;position:sticky}
.head-hd-in{row-gap:8px;padding-bottom:6px;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:8px 16px 0;min-height:0;height:auto;flex-wrap:wrap}
.head-hd-top{width:100%;row-gap:8px;min-width:0;gap:18px;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 8px;order:5;margin:0;justify-content:flex-start;flex-basis:100%}
@media(max-width:760px){.head-hd-2row .head-hd-top .tp-burger{order:0}.head-hd-2row .head-hd-top .dlg-auth{order:0}}
.ct-contact-box,.ct-agent-box{row-gap:12px;padding:20px;gap:18px;flex-wrap:wrap;display:flex;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);background:var(--card);align-items:center}.ct-contact-box div,.ct-agent-box div{min-width:0;flex:1 1 200px}.ct-ico{width:35px;height:36px;color:var(--acc)}
.jp-jp .tp-wrap{grid-template-columns:1.2fr 1fr;gap:18px;display:grid}.jp-jp-box{text-align:center;padding:27px;border-width:1px;border-style:solid;border-color:var(--acc);border-radius:var(--r);background:radial-gradient(circle at 50% 20%,var(--bg2),var(--card))}.jp-jp-num{letter-spacing:1px;font-weight:900;font-size:clamp(30px,5vw,52px);font-family:'Oswald',sans-serif;color:var(--acc)}.jp-jp-box small{text-transform:uppercase;font-weight:700;color:var(--muted)}
.jp-jp-list li{padding:9px 0;justify-content:space-between;gap:12px;display:flex;border-bottom:1px dashed var(--line)}.jp-jp-list li>*:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;min-width:0}.jp-jp-list b{white-space:nowrap;flex:0 0 auto;color:var(--acc)}@media(max-width:760px){.jp-jp .tp-wrap{grid-template-columns:1fr}}
.qa-faq-dl dt{margin-top:14px;font-weight:800}.qa-faq-dl dd{margin-top:4px;color:var(--muted)}.qa-acc-item{margin-bottom:8px;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);background:var(--card)}.qa-acc-q{width:100%;text-align:left;padding:13px 16px;justify-content:space-between;font-weight:800;display:flex;cursor:pointer;color:var(--text);border:0;background:none}.qa-acc-a{padding:0 15px 13px;display:none;color:var(--muted)}.qa-acc-item.on .qa-acc-a{display:block}.qa-faq-ul{padding:0;margin:0;list-style:none}.qa-faq-ul li{padding:12px 0;border-bottom:1px solid var(--line)}.qa-faq-ul h3{margin:0 0 4px;font-size:15px}.qa-faq-ul p{margin:0;color:var(--muted)}.qa-faq-det{padding:10px 0;border-bottom:1px solid var(--line)}.qa-faq-det summary{font-weight:800;cursor:pointer}.qa-faq-det p{margin:6px 0 0;color:var(--muted)}
.dlg-mask{z-index:100;position:fixed;padding:16px;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 20px 59px #000c;border-width:1px;border-style:solid;border-color:var(--acc);border-radius:var(--r);background:var(--card)}.dlg-x{z-index:2;width:29px;top:8px;right:10px;position:absolute;height:29px;font-size:20px;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:20px}.dlg-inp{width:100%;padding:11px 13px;margin-bottom:10px;color:var(--text);border-width:1px;border-style:solid;border-color:var(--line);border-radius:calc(var(--r)/1.5);background:var(--bg)}.dlg-mnote{text-align:center;margin-top:10px;font-size:12px;color:var(--muted)}.promo-promo-modal img{width:100%}.promo-promo-modal div{text-align:center;padding:17px}
.footer-footer{padding:36px 0 22px;font-size:12px;color:var(--muted);border-top:1px solid var(--line);background:var(--bg2)}.footer-f-grid{margin-bottom:20px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:22px;display:grid}.footer-f-grid>.footer-f-brand{grid-column:span 2}.footer-f-grid b{margin-bottom:8px;display:block;color:var(--text)}.footer-f-grid a{padding:3px 0;display:block}.footer-f-brand img{margin-bottom:10px;height:34px}.footer-f-legal{padding-top:14px;justify-content:space-between;gap:8px;flex-wrap:wrap;display:flex;border-top:1px solid var(--line)}
.footer-f-inline{margin:14px 0;gap:13px;flex-wrap:wrap;display:flex}.footer-f-inline a{white-space:nowrap;flex:0 0 auto}
@media(max-width:760px){.footer-f-grid{grid-template-columns:1fr}.footer-f-grid>.footer-f-brand{grid-column:auto}}.footer-f-inline ul,.footer-f-inline li{padding:0;margin:0;list-style:none;display:contents}.footer-f-about{text-align:center;max-width:720px;margin:0 auto 12px}
.intro-art-col{max-width:860px}.intro-art p{margin-bottom:13px;color:var(--muted)}.intro-art .tp-h2{margin-top:10px}.intro-art a{text-decoration:underline;color:var(--acc)}
.intro-art-cols{grid-template-columns:1.2fr 1fr;gap:31px;display:grid}.intro-art-boxes{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / 3))),1fr));gap:13px;display:grid}.intro-art-box{position:relative;padding:17px;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);background:var(--card)}.intro-art-n{top:10px;right:14px;position:absolute;font-weight:900;font-size:26px;color:var(--line)}
.intro-quote{padding:10px 18px;margin-bottom:18px;font-size:17px;color:var(--text);border-radius:0 var(--r) var(--r) 0;border-left:4px solid var(--acc);background:var(--card)}.intro-art-d{padding:10px 0;border-bottom:1px solid var(--line)}.intro-art-d summary{font-weight:800;font-size:15px;cursor:pointer}.intro-art-d p{margin-top:8px}
@media(max-width:760px){.intro-art-cols,.intro-art-boxes{grid-template-columns:1fr}}.intro-art-item{margin-bottom:21px}.intro-art-item h3{margin:0 0 8px}.intro-art article{margin-bottom:22px}
.post-news-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / 3))),1fr));gap:14px;display:grid}.post-news-card{overflow:hidden;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);background:var(--card)}.post-news-img{aspect-ratio:16/9}.post-news-card time,.post-news-list time{padding:10px 14px 0;font-size:12px;display:block;color:var(--muted)}.post-news-card h3,.post-news-list h3{padding:4px 13px;font-size:14px}.post-news-card p,.post-news-list p{padding:0 14px 14px;font-size:13px;color:var(--muted)}.post-news-list li{padding:10px 0;gap:14px;display:flex;border-bottom:1px solid var(--line)}@media(max-width:760px){.post-news-grid{grid-template-columns:1fr}}
.play-ggrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / var(--cols,4)))),1fr));gap:14px;display:grid}.play-gcard{transition:.2s;overflow:hidden;display:block;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);background:var(--card)}.play-gcard:hover{transform:scale(1.03)}.play-gcard .play-thumb{border-radius:0}.play-gcap{padding:10px;justify-content:space-between;gap:8px;font-size:13px;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:11px;flex:0 0 auto;color:var(--acc)}
.play-glist-ul li{row-gap:8px;padding:10px;margin-bottom:9px;gap:13px;flex-wrap:wrap;display:flex;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);background:var(--card);align-items:center}.play-glist-img{width:62px;flex:0 0 64px}.play-gl-txt{min-width:0;flex:1 1 150px}.play-glist-ul span{font-size:11px;display:block;color:var(--muted)}
.play-gov{position:relative;overflow:hidden;margin:0;cursor:pointer;border-radius:var(--r)}
.play-gov figcaption{right:0;position:absolute;padding:11px 10px 10px;left:0;gap:8px;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}
.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 .b-btn{width:100%;white-space:normal;text-align:center;padding:7px 8px;overflow-wrap:break-word;line-height:1.25;font-weight:800;font-size:12px;display:block;color:var(--onacc);background:var(--acc)}
.play-rank li{padding:10px;grid-template-columns:auto auto minmax(0,1fr) auto;gap:12px;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:18px;color:var(--acc)}.play-rank-img{width:55px}.play-rank-bar{overflow:hidden;height:6px;border-radius:3px;background:var(--line)}.play-rank-bar span{height:100%;display:block;background: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% - 14px)}}
@media(max-width:760px){.play-ggrid{grid-template-columns:repeat(2,1fr)}.play-gcard,.play-gov{flex-basis:calc(50% - 14px)}.play-rank li{grid-template-columns:auto auto minmax(0,1fr)}.play-rank-bar{display:none}}
.promo-pgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / var(--cols,3)))),1fr));gap:14px;display:grid}.promo-pcard{padding:18px;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);border-left:4px solid var(--acc);background:var(--card)}.promo-pcard b{margin-bottom:6px;font-size:15px;display:block}.promo-pcard p{margin-bottom:12px;font-size:14px;color:var(--muted)}
.promo-promo-list li{row-gap:10px;padding:14px;margin-bottom:10px;gap:14px;flex-wrap:wrap;display:flex;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);background:var(--card);align-items:center}.promo-promo-list li div{min-width:0;flex:1 1 180px}.promo-promo-list p{font-size:14px;color:var(--muted)}
.promo-promo-big{padding:21px;grid-template-columns:1fr 1fr;gap:23px;display:grid;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);background:var(--card);align-items:center}.promo-promo-big img{border-radius:var(--r)}@media(max-width:760px){.promo-pgrid,.promo-promo-big{grid-template-columns:1fr}}
.sanh-cats-row{justify-content:center;gap:10px;flex-wrap:wrap;display:flex}.sanh-cat{transition:.2s;padding:14px 17px;min-width:95px;gap:6px;font-weight:700;font-size:13px;flex-direction:column;display:flex;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);background:var(--card);align-items:center}.sanh-cat:hover{transform:scale(1.03)}.sanh-cat svg{width:25px;height:25px;color:var(--acc)}
.sanh-cat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / var(--cols,4)))),1fr));gap:13px;display:grid}.sanh-cat-card{transition:.2s;padding:10px;display:block;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);background:var(--card)}.sanh-cat-card:hover{transform:scale(1.03)}.sanh-cat-card b{margin-top:8px;display:block}.sanh-cat-card small{color:var(--muted)}
.sanh-tabs{margin-bottom:16px;gap:8px;flex-wrap:wrap;display:flex}.sanh-tab{padding:9px 16px;gap:6px;font-weight:700;display:flex;cursor:pointer;color:var(--text);border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);background:var(--card);align-items:center}.sanh-tab svg{width:17px;height:17px}.sanh-tab.on{color:var(--onacc);border-color:transparent;background:var(--acc)}
.sanh-pane{display:none}.sanh-pane.on{display:block}.sanh-pane-in{padding:22px;grid-template-columns:1fr 1fr;gap:21px;display:grid;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);background:var(--card);align-items:center}.sanh-pane-img{width:100%;max-width:360px;margin:0 auto}.sanh-pane-in h3{margin-bottom:8px;font-size:21px;color:var(--acc)}.sanh-pane-in p{margin-bottom:14px;color:var(--muted)}
@media(max-width:760px){.sanh-cat-grid{grid-template-columns:repeat(2,1fr)}.sanh-pane-in{grid-template-columns:1fr}}
.rank-vip-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / 4))),1fr));gap:14px;display:grid}.rank-vip-card{text-align:center;padding:15px;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);background:var(--card)}.rank-vip-card svg{width:28px;height:27px;color:var(--acc)}.rank-vip-card p{font-size:13px;color:var(--muted)}@media(max-width:760px){.rank-vip-grid{grid-template-columns:repeat(2,1fr)}}
.hd2-steps-ol{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / 3))),1fr));gap:13px;display:grid}.hd2-steps-ol li{padding:18px;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);background:var(--card)}.hd2-step-n{width:29px;margin-bottom:8px;justify-content:center;height:29px;font-weight:900;display:inline-flex;color:var(--onacc);border-radius:50%;background:var(--acc);align-items:center}.hd2-steps-ol b{display:block}.hd2-steps-ol p{font-size:13px;color:var(--muted)}
.hd2-tl{position:relative;padding-left:25px;border-left:2px solid var(--line)}.hd2-tl li{position:relative;margin-bottom:18px}.hd2-tl-dot{width:14px;top:4px;position:absolute;left:-34px;height:14px;box-shadow:0 0 0 4px var(--bg);border-radius:50%;background:var(--acc)}.hd2-tl p{font-size:14px;color:var(--muted)}
.hd2-inl{padding:16px 20px;gap:13px;flex-wrap:wrap;display:flex;border-width:1px;border-style:solid;border-color:var(--line);border-radius:var(--r);background:var(--card);align-items:center}.hd2-inl .tp-h2{margin:0 10px 0 0;font-size:17px}.hd2-inl-step{gap:8px;font-weight:700;display:inline-flex;align-items:center}.hd2-inl-step em{width:24px;justify-content:center;height:24px;font-style:normal;font-size:12px;display:inline-flex;color:var(--onacc);border-radius:50%;background:var(--acc);align-items:center}.hd2-inl-arrow{color:var(--muted)}
@media(max-width:760px){.hd2-steps-ol{grid-template-columns:1fr}}