*{padding:0;margin:0}*,:after,:before{box-sizing:inherit}html{scroll-behavior:smooth;box-sizing:border-box}
body{line-height:1.6;font-size:14px;font-family:'Be Vietnam Pro',system-ui,Arial,sans-serif;color:#eef2f8;background:hsl(130 35% 8%)}
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}
.vn-wrap{padding:0 14px;max-width:1120px;margin:0 auto}section{padding:44px 0}
.hr-h1{line-height:1.15;font-weight:800;font-size:clamp(23px,4vw,39px);font-family:'Be Vietnam Pro',sans-serif}
.vn-h2{text-align:center;margin-bottom:16px;font-weight:800;font-size:clamp(18px,2.4vw,24px);font-family:'Be Vietnam Pro',sans-serif;color:hsl(208 85% 55%)}
.vn-h3{margin:10px 0 5px;font-size:17px;font-family:'Be Vietnam Pro',sans-serif;color:hsl(208 85% 55%)}
.vn-sub{margin:-10px 0 16px;color:#9aa8bd}.hr-lead{margin-bottom:12px;font-size:16px;color:#9aa8bd}.vn-more{margin-top:13px;font-weight:700;display:inline-block;color:hsl(208 85% 55%)}
.btn-btn{white-space:nowrap;padding:10px 19px;line-height:1.2;font-weight:800;display:inline-block;cursor:pointer;border:0;border-radius:4px}
.btn-btn-pri{color:#141414;box-shadow:0 5px 16px #0006;background:linear-gradient(135deg,hsl(208 85% 55%),hsl(208 80% 45%))}.btn-btn-pri:hover{filter:brightness(1.08)}
.btn-btn-sec{color:hsl(208 85% 50%);border-width:1.5px;border-style:solid;border-color:hsl(208 85% 55%);background:transparent}
.btn-btn-sm{padding:7px 12px;font-size:11px;color:#141414;background:hsl(130 75% 58%)}.btn-btn[data-big]{padding:13px 27px;font-size:15px}
.promo-badge{padding:3px 8px;margin-bottom:7px;font-weight:800;font-size:10px;display:inline-block;color:#141414;border-radius:999px;background:hsl(208 85% 55%)}
.game-thumb{border-radius:0px;background-color:hsl(130 30% 12%);aspect-ratio:70/63}
.vn-phero{padding:30px 0 9px}.vn-crumb{margin-bottom:9px;font-size:12px;color:#9aa8bd}.vn-crumb a{color:hsl(208 85% 55%)}.vn-page p{margin-bottom:12px;color:#9aa8bd}.vn-page-col{max-width:820px}
.promo-pd{padding:17px;margin-bottom:13px;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0px;background:hsl(130 28% 15%)}.promo-pd h2{margin-bottom:7px}.vn-guide{grid-template-columns:1fr 1fr;gap:22px;display:grid}.content-art-list article{padding:14px 0;border-bottom:1px solid hsl(130 20% 22%)}.content-art-list img{width:100%;object-fit:cover;max-width:300px;margin-bottom:9px;border-radius:0px;aspect-ratio:16/9}.content-art-hero{width:100%;object-fit:cover;margin-bottom:16px;border-radius:0px;aspect-ratio:16/9}.content-art-list h2{margin-bottom:3px}.content-art-list time{font-size:11px;color:#9aa8bd}
.content-article{max-width:780px}.content-article h2{margin:19px 0 9px}.content-article time{margin-bottom:14px;font-size:12px;display:block;color:#9aa8bd}.vn-related{padding-top:14px;margin-top:26px;border-top:1px solid hsl(130 20% 22%)}.vn-related a{padding:5px 0;display:block;color:hsl(208 85% 55%)}
@media(max-width:760px){.vn-guide{grid-template-columns:1fr}}.cat-cat-head{margin-bottom:17px;gap:20px;display:flex;align-items:center}.cat-cat-hero{width:120px;flex:0 0 auto;border-radius:0px;background-repeat:no-repeat;aspect-ratio:1}@media(max-width:760px){.cat-cat-hero{width:74px}}
.promo-pgrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / var(--cols,3)))),1fr));gap:12px;display:grid}.promo-pcard{padding:16px;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0px;border-left:3px solid hsl(208 85% 55%);background:hsl(130 28% 15%)}.promo-pcard b{margin-bottom:6px;font-size:15px;display:block}.promo-pcard p{margin-bottom:11px;font-size:13px;color:#9aa8bd}
.promo-promo-list li{row-gap:9px;padding:12px;margin-bottom:9px;gap:13px;flex-wrap:wrap;display:flex;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0px;background:hsl(130 28% 15%);align-items:center}.promo-promo-list li div{min-width:0;flex:1 1 180px}.promo-promo-list p{font-size:13px;color:#9aa8bd}
.promo-promo-big{padding:20px;grid-template-columns:1fr 1fr;gap:21px;display:grid;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0px;background:hsl(130 28% 15%);align-items:center}.promo-promo-big img{border-radius:0px}@media(max-width:760px){.promo-pgrid,.promo-promo-big{grid-template-columns:1fr}}
.content-art-col{max-width:860px;margin:0 auto}.content-art p{margin-bottom:13px;color:#9aa8bd}.content-art .vn-h2{margin-top:9px}.content-art a{text-decoration:underline;color:hsl(208 85% 55%)}
.content-art-cols{grid-template-columns:1.2fr 1fr;gap:28px;display:grid}.content-art-boxes{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / 3))),1fr));gap:13px;display:grid}.content-art-box{position:relative;padding:16px;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0px;background:hsl(130 28% 15%)}.content-art-n{top:9px;right:12px;position:absolute;font-weight:900;font-size:23px;color:hsl(130 20% 22%)}
.content-quote{padding:9px 16px;margin-bottom:16px;font-size:16px;color:#eef2f8;border-radius:0 0px 0px 0;border-left:3px solid hsl(208 85% 55%);background:hsl(130 28% 15%)}.content-art-d{padding:9px 0;border-bottom:1px solid hsl(130 20% 22%)}.content-art-d summary{font-weight:800;font-size:14px;cursor:pointer}.content-art-d p{margin-top:7px}
@media(max-width:760px){.content-art-cols,.content-art-boxes{grid-template-columns:1fr}}.content-art-item{margin-bottom:19px}.content-art-item h3{margin:0 0 7px}.content-art article{margin-bottom:20px}
.md-mask{z-index:100;position:fixed;padding:14px;justify-content:center;inset:0;display:none;background:#000a;align-items:center}.md-mask.on{display:flex}.md-modal{width:100%;position:relative;overflow:hidden;max-width:400px;box-shadow:0 18px 53px #000c;border-width:1px;border-style:solid;border-color:hsl(208 85% 55%);border-radius:0px;background:hsl(130 28% 15%)}.md-x{z-index:2;width:27px;top:7px;right:9px;position:absolute;height:27px;font-size:18px;cursor:pointer;color:#fff;border:0;border-radius:50%;background:#0008}
.md-mtabs{display:flex}.md-mtab{text-align:center;padding:12px;font-weight:800;flex:1;cursor:pointer;color:#9aa8bd;border-bottom:2px solid hsl(130 20% 22%)}.md-mtab.on{color:hsl(208 85% 55%);border-bottom-color:hsl(208 85% 55%)}.md-mbody{padding:18px}.md-inp{width:100%;padding:10px 12px;margin-bottom:9px;color:#eef2f8;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0.0px;background:hsl(130 35% 8%)}.md-mnote{text-align:center;margin-top:9px;font-size:11px;color:#9aa8bd}.promo-promo-modal img{width:100%}.promo-promo-modal div{text-align:center;padding:16px}
.hr-hero{padding:18px 0 0}.hr-hero-banner{position:relative}.hr-hero-banner img{width:100%;max-width:1120px;margin:0 auto;border-radius:0px}
.hr-hero-bn{overflow:hidden;grid-template-columns:5fr 7fr;gap:0;display:grid;border-radius:0px;background:linear-gradient(105deg,hsl(130 75% 58%) 0%,hsl(130 30% 12%) 55%,hsl(208 85% 55%) 140%);aspect-ratio:1400/440;align-items:center}
.hr-hero-bn.art-right{grid-template-columns:7fr 5fr}.hr-hero-bn.art-right .hr-hero-bn-art{order:2}.hr-hero-bn.alt{background:linear-gradient(255deg,hsl(208 85% 55%) -40%,hsl(130 30% 12%) 45%,hsl(130 75% 58%) 100%)}
.hr-hero-bn-art{min-height:0;height:100%}.hr-hero-bn-art img{width:100%;object-fit:cover;height:100%;display:block}
.hr-hero-bn-txt{text-shadow:0 2px 11px rgba(0,0,0,.45);padding:4% 5%;color:#fff}.hr-hero-bn-txt .hr-h1{text-transform:uppercase;margin:0 0 9px;line-height:1.12;font-size:clamp(19px,3.4vw,40px);color:#fff}.hr-hero-bn-txt .hr-lead{margin-bottom:13px;color:rgba(255,255,255,.88)}
@media(max-width:760px){.hr-hero-bn,.hr-hero-bn.art-right{grid-template-columns:1fr;aspect-ratio:auto}.hr-hero-bn-art{order:0!important;aspect-ratio:16/9}.hr-hero-bn-txt{padding:14px}}
.hr-hero-cta{text-align:center;margin:16px 0 0}.hr-hero-text{text-align:center;padding:52px 0 27px}.hr-hero-text .hr-h1{margin-bottom:11px}
.hr-car{position:relative;overflow:hidden;max-width:1120px;margin:0 auto;border-radius:0px}.hr-car-track{transition:transform .5s;display:flex}.hr-car-slide{flex:0 0 100%}.hr-car-slide img{width:100%;object-fit:cover;display:block;aspect-ratio:1400/400}
.hr-car-dots{right:0;position:absolute;left:0;justify-content:center;gap:6px;display:flex;bottom:9px}.hr-car-dots span{width:8px;height:8px;cursor:pointer;border-radius:50%;background:#fff7}.hr-car-dots span.on{background:hsl(208 85% 55%)}
.hr-hero-grid .vn-wrap,.hr-hero-split .vn-wrap{grid-template-columns:1.1fr 1fr;gap:25px;display:grid;align-items:center}.hr-hero-split img{border-radius:0px}
.hr-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-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0px;background:hsl(130 28% 15%)}
@media(max-width:760px){.hr-hero-grid .vn-wrap,.hr-hero-split .vn-wrap{grid-template-columns:1fr}}.hr-hero-bn-art{margin:0}.hr-hero-bn.txt-first.art-left .hr-hero-bn-art{order:-1}
.bottom-footer{padding:32px 0 20px;font-size:12px;color:#9aa8bd;border-top:1px solid hsl(130 20% 22%);background:hsl(130 30% 12%)}.bottom-f-grid{margin-bottom:18px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;display:grid}.bottom-f-grid>.bottom-f-brand{grid-column:span 2}.bottom-f-grid b{margin-bottom:7px;display:block;color:#eef2f8}.bottom-f-grid a{padding:3px 0;display:block}.bottom-f-brand img{margin-bottom:9px;height:31px}.bottom-f-legal{padding-top:13px;justify-content:space-between;gap:7px;flex-wrap:wrap;display:flex;border-top:1px solid hsl(130 20% 22%)}
.bottom-f-inline{margin:12px 0;gap:12px;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 11px}
.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:#9aa8bd;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:999px;background:hsl(130 28% 15%);align-items:center}.pill-chip svg{width:14px;height:15px}
.game-ggrid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / var(--cols,4)))),1fr));gap:13px;display:grid}.game-gcard{transition:.2s;overflow:hidden;display:block;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0px;background:hsl(130 28% 15%)}.game-gcard:hover{border-color:hsl(208 85% 55%)}.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:hsl(208 85% 55%)}
.game-glist-ul li{row-gap:7px;padding:9px;margin-bottom:9px;gap:13px;flex-wrap:wrap;display:flex;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0px;background:hsl(130 28% 15%);align-items:center}.game-glist-img{width:57px;flex:0 0 57px}.game-gl-txt{min-width:0;flex:1 1 150px}.game-glist-ul span{font-size:11px;display:block;color:#9aa8bd}
.game-gov{position:relative;overflow:hidden;margin:0;cursor:pointer;border-radius:0px}
.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:6px 7px;overflow-wrap:break-word;line-height:1.25;font-weight:800;font-size:11px;display:block;color:#141414;background:hsl(208 85% 55%)}
.game-rank li{padding:9px;grid-template-columns:auto auto minmax(0,1fr) auto;gap:11px;display:grid;border-bottom:1px solid hsl(130 20% 22%);align-items:center}.game-rank li>*{min-width:0}.game-rank i{font-weight:900;font-style:normal;font-size:16px;color:hsl(208 85% 55%)}.game-rank-img{width:50px}.game-rank-bar{overflow:hidden;height:6px;border-radius:3px;background:hsl(130 20% 22%)}.game-rank-bar span{height:100%;display:block;background:hsl(208 85% 55%)}
@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% - 13px)}}
@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}}
.guide-steps-ol{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / 3))),1fr));gap:13px;display:grid}.guide-steps-ol li{padding:16px;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0px;background:hsl(130 28% 15%)}.guide-step-n{width:27px;margin-bottom:7px;justify-content:center;height:26px;font-weight:900;display:inline-flex;color:#141414;border-radius:50%;background:hsl(208 85% 55%);align-items:center}.guide-steps-ol b{display:block}.guide-steps-ol p{font-size:12px;color:#9aa8bd}
.guide-tl{position:relative;padding-left:24px;border-left:2px solid hsl(130 20% 22%)}.guide-tl li{position:relative;margin-bottom:16px}.guide-tl-dot{width:12px;top:4px;position:absolute;left:-34px;height:12px;box-shadow:0 0 0 4px hsl(130 35% 8%);border-radius:50%;background:hsl(208 85% 55%)}.guide-tl p{font-size:13px;color:#9aa8bd}
.guide-inl{padding:14px 18px;gap:13px;flex-wrap:wrap;display:flex;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0px;background:hsl(130 28% 15%);align-items:center}.guide-inl .vn-h2{margin:0 9px 0 0;font-size:16px}.guide-inl-step{gap:7px;font-weight:700;display:inline-flex;align-items:center}.guide-inl-step em{width:21px;justify-content:center;height:22px;font-style:normal;font-size:10px;display:inline-flex;color:#141414;border-radius:50%;background:hsl(208 85% 55%);align-items:center}.guide-inl-arrow{color:#9aa8bd}
@media(max-width:760px){.guide-steps-ol{grid-template-columns:1fr}}
.rank-vip-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / 4))),1fr));gap:13px;display:grid}.rank-vip-card{text-align:center;padding:14px;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0px;background:hsl(130 28% 15%)}.rank-vip-card svg{width:25px;height:25px;color:hsl(208 85% 55%)}.rank-vip-card p{font-size:12px;color:#9aa8bd}@media(max-width:760px){.rank-vip-grid{grid-template-columns:repeat(2,1fr)}}
.help-contact-box,.help-agent-box{row-gap:11px;padding:18px;gap:16px;flex-wrap:wrap;display:flex;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0px;background:hsl(130 28% 15%);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:hsl(208 85% 55%)}
.hd-hd{color:#ffffff;border-bottom:1px solid hsl(130 20% 22%);background:hsl(130 35% 10%)}
.btn-btn-onhd{color:hsl(208 85% 50%);border-color:hsl(208 85% 50%)}
.hd-hd-in{row-gap:7px;padding:6px 15px;min-height:61px;gap:clamp(7px,1.1vw,16px);flex-wrap:wrap;display:flex;align-items:center}.hd-logo{flex:0 0 auto}.hd-logo img{object-fit:contain;max-width:240px;height:46px}.hd-logo b{font-weight:900;font-size:24px;color:hsl(208 85% 55%)}
.hd-nav{row-gap:9px;min-width:0;justify-content:center;gap:12px;flex:1 1 auto;flex-wrap:wrap;display:flex;align-items:center}
.hd-nav>ul{row-gap:7px;min-width:0;gap:inherit;flex-wrap:wrap;display:flex;align-items:center}
.hd-nav>ul>li{flex:0 0 auto}
.hd-nav a{white-space:nowrap;opacity:.9;font-weight:700;font-size:12px;flex:0 0 auto}.hd-nav a:hover,.hd-nav a.on{opacity:1;color:hsl(208 85% 55%)}
.md-auth{row-gap:5px;margin-left:auto;gap:7px;flex-wrap:wrap;display:flex}.hd-topbar{padding:5px 0;font-size:11px;color:#9aa8bd;background:hsl(130 30% 12%)}
@media(min-width:761px) and (max-width:1023px){.hd-nav{padding-top:2px;order:3;margin-right:0;margin-left:0;justify-content:flex-start;flex-basis:100%}.md-auth{order:2}}
.vn-burger{padding:6px 10px;line-height:1;font-size:18px;display:none;cursor:pointer;color:#eef2f8;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0.0px;background:none}
@media(max-width:760px){.vn-burger{order:2;display:block}.md-auth{order:3;gap:5px}.md-auth .btn-btn{white-space:nowrap;padding:7px 9px;font-size:11px}
.hd-nav{padding:5px 0 2px;order:4;flex-direction:column;flex-basis:100%;display:none}
.hd-nav.on{display:flex;box-shadow:0 9px 18px rgba(0,0,0,.28);background:hsl(130 35% 10%)}
.hd-nav a{padding:10px 4px;border-bottom:1px solid hsl(130 20% 22%)}
.hd-hd{z-index:50;top:0;position:sticky}
.hd-hd-in{row-gap:7px;padding-bottom:5px;min-height:61px;height:auto;flex-wrap:wrap;align-items:center}}.hd-nav ul,.hd-nav li{padding:0;margin:0;list-style:none;display:contents}
.hd-hd-2row .hd-hd-in{row-gap:4px;padding:7px 14px 0;min-height:0;height:auto;flex-wrap:wrap}
.hd-hd-top{width:100%;row-gap:7px;min-width:0;gap:16px;flex-wrap:wrap;display:flex;align-items:center}.hd-hd-top>*{min-width:0}.hd-hd-top .md-auth{row-gap:5px;margin-left:auto;flex-wrap:wrap}
.hd-hd-2row .hd-nav{padding:5px 0 7px;order:5;margin:0;justify-content:flex-start;flex-basis:100%}
@media(max-width:760px){.hd-hd-2row .hd-hd-top .vn-burger{order:0}.hd-hd-2row .hd-hd-top .md-auth{order:0}}
.app-split{grid-template-columns:1fr 1fr;gap:25px;display:grid;align-items:center}.app-split img{border-radius:0px}.app-dl{margin-top:12px;gap:9px;display:flex}@media(max-width:760px){.app-split{grid-template-columns:1fr}}
.support-fab{z-index:60;right:15px;position:fixed;gap:9px;flex-direction:column;display:flex;bottom:15px}.support-fab a{width:46px;justify-content:center;height:44px;display:flex;color:#141414;box-shadow:0 7px 18px #0005;border-radius:50%;background:linear-gradient(135deg,hsl(208 85% 55%),hsl(208 80% 45%));align-items:center}.support-fab svg{width:20px;height:20px}
.qa-faq-dl dt{margin-top:12px;font-weight:800}.qa-faq-dl dd{margin-top:4px;color:#9aa8bd}.qa-acc-item{margin-bottom:7px;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0px;background:hsl(130 28% 15%)}.qa-acc-q{width:100%;text-align:left;padding:12px 14px;justify-content:space-between;font-weight:800;display:flex;cursor:pointer;color:#eef2f8;border:0;background:none}.qa-acc-a{padding:0 14px 13px;display:none;color:#9aa8bd}.qa-acc-item.on .qa-acc-a{display:block}.qa-faq-ul{padding:0;margin:0;list-style:none}.qa-faq-ul li{padding:10px 0;border-bottom:1px solid hsl(130 20% 22%)}.qa-faq-ul h3{margin:0 0 4px;font-size:14px}.qa-faq-ul p{margin:0;color:#9aa8bd}.qa-faq-det{padding:9px 0;border-bottom:1px solid hsl(130 20% 22%)}.qa-faq-det summary{font-weight:800;cursor:pointer}.qa-faq-det p{margin:5px 0 0;color:#9aa8bd}
.tin-news-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / 3))),1fr));gap:13px;display:grid}.tin-news-card{overflow:hidden;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0px;background:hsl(130 28% 15%)}.tin-news-img{aspect-ratio:16/9}.tin-news-card time,.tin-news-list time{padding:9px 12px 0;font-size:11px;display:block;color:#9aa8bd}.tin-news-card h3,.tin-news-list h3{padding:4px 12px;font-size:13px}.tin-news-card p,.tin-news-list p{padding:0 13px 13px;font-size:11px;color:#9aa8bd}.tin-news-list li{padding:9px 0;gap:12px;display:flex;border-bottom:1px solid hsl(130 20% 22%)}@media(max-width:760px){.tin-news-grid{grid-template-columns:1fr}}
.cat-cats-row{justify-content:center;gap:9px;flex-wrap:wrap;display:flex}.cat-cat{transition:.2s;padding:12px 16px;min-width:86px;gap:5px;font-weight:700;font-size:12px;flex-direction:column;display:flex;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0px;background:hsl(130 28% 15%);align-items:center}.cat-cat:hover{border-color:hsl(208 85% 55%)}.cat-cat svg{width:24px;height:23px;color:hsl(208 85% 55%)}
.cat-cat-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,max(170px,calc(100% / var(--cols,4)))),1fr));gap:12px;display:grid}.cat-cat-card{transition:.2s;padding:9px;display:block;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0px;background:hsl(130 28% 15%)}.cat-cat-card:hover{border-color:hsl(208 85% 55%)}.cat-cat-card b{margin-top:7px;display:block}.cat-cat-card small{color:#9aa8bd}
.cat-tabs{margin-bottom:15px;gap:7px;flex-wrap:wrap;display:flex}.cat-tab{padding:8px 14px;gap:5px;font-weight:700;display:flex;cursor:pointer;color:#eef2f8;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0px;background:hsl(130 28% 15%);align-items:center}.cat-tab svg{width:17px;height:16px}.cat-tab.on{color:#141414;border-color:transparent;background:hsl(208 85% 55%)}
.cat-pane{display:none}.cat-pane.on{display:block}.cat-pane-in{padding:20px;grid-template-columns:1fr 1fr;gap:20px;display:grid;border-width:1px;border-style:solid;border-color:hsl(130 20% 22%);border-radius:0px;background:hsl(130 28% 15%);align-items:center}.cat-pane-img{width:100%;max-width:360px;margin:0 auto}.cat-pane-in h3{margin-bottom:7px;font-size:20px;color:hsl(208 85% 55%)}.cat-pane-in p{margin-bottom:13px;color:#9aa8bd}
@media(max-width:760px){.cat-cat-grid{grid-template-columns:repeat(2,1fr)}.cat-pane-in{grid-template-columns:1fr}}