@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@600;700;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#070505;--panel:#110b09;--red:#8f160d;--fire:#e84b14;--gold:#dca63a;--light:#ffe6a5;--text:#f4efe8;--muted:#a99d93;--line:#6d3b1c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#080606;color:var(--text);font:15px/1.7 Inter,Arial,sans-serif;background-image:radial-gradient(circle at 50% 25%,#47120955,transparent 30%),linear-gradient(135deg,#050404,#100806 55%,#050404)}body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.13;background-image:linear-gradient(#d2925312 1px,transparent 1px),linear-gradient(90deg,#d2925312 1px,transparent 1px);background-size:72px 72px}img{max-width:100%;display:block}.site-header{height:88px;background:#060505f2;border-bottom:1px solid #a9692d66;position:sticky;top:0;z-index:20;backdrop-filter:blur(14px);box-shadow:0 12px 35px #000}.nav-wrap{max-width:1280px;height:100%;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none}.brand img{width:64px;height:64px;object-fit:contain}.brand span{display:grid;line-height:1.15}.brand strong{font:800 22px Cinzel;color:var(--light);letter-spacing:2px}.brand small{font-size:9px;letter-spacing:3px;color:#d06b31}nav{height:100%;display:flex;align-items:center;gap:4px}nav a{height:100%;min-width:122px;display:grid;place-items:center;color:#c4b8ae;text-decoration:none;font-weight:700;text-transform:uppercase;font-size:12px;letter-spacing:1px;border-bottom:2px solid transparent;transition:.2s}nav a:hover,nav a.active{color:var(--light);background:linear-gradient(#e65b1000,#e65b1018);border-color:#ef762a}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--light);font-size:22px;padding:4px 12px}.hero{position:relative;background:#000;border-bottom:1px solid #c7722b66}.hero img{width:100%;height:auto;max-height:680px;object-fit:cover}.quick-bar{max-width:1150px;margin:-2px auto 0;display:grid;grid-template-columns:repeat(3,1fr);position:relative;z-index:2;background:linear-gradient(180deg,#21110c,#0d0908);border:1px solid #8f4d24;box-shadow:0 18px 50px #000}.quick-bar article{display:flex;align-items:center;justify-content:center;gap:15px;padding:22px;border-right:1px solid #4d2d1c}.quick-bar article:last-child{border:0}.quick-bar small{display:block;font-size:9px;letter-spacing:2px;color:#a9907d}.quick-bar strong{font:700 15px Cinzel;color:#f6d481}.icon{font-size:28px;color:#e86a26}.status-dot{width:10px;height:10px;border-radius:50%;background:#42d773;box-shadow:0 0 18px #42d773}.section{max-width:1180px;margin:auto;padding:110px 24px;position:relative}.section-heading{text-align:center;max-width:760px;margin:0 auto 55px}.section-heading>span,.download-copy>span{font-size:10px;letter-spacing:5px;color:#e9722c;font-weight:800}.section-heading h1,.section-heading h2,.download h2{font:800 clamp(34px,5vw,58px)/1.12 Cinzel;margin:14px 0 20px}.section-heading em{font-style:normal;color:var(--gold)}.section-heading p,.download p{color:var(--muted);font-size:16px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-grid article{min-height:285px;padding:35px;background:linear-gradient(145deg,#1b0d09,#0b0807);border:1px solid #4b2b1b;position:relative;overflow:hidden;clip-path:polygon(15px 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%,0 15px)}.feature-grid article:after{content:"";position:absolute;width:110px;height:110px;border:1px solid #e2562233;right:-55px;bottom:-55px;transform:rotate(45deg)}.feature-grid i{font:900 42px Cinzel;color:#d7552030}.feature-grid h2{font:700 20px Cinzel;color:#f0c76c}.feature-grid p{color:var(--muted)}.download{max-width:none;padding:95px max(calc((100vw - 1132px)/2),24px);display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:70px;background:radial-gradient(circle at 12% 100%,#bd2e1860,transparent 25%),linear-gradient(110deg,#170907,#090707);border-block:1px solid #6d301b;overflow:hidden}.corner-logo{position:absolute;width:min(430px,36vw);left:-70px;bottom:-180px;opacity:.16;filter:saturate(.8)}.download-copy,.download-actions{position:relative;z-index:2}.download-actions{display:grid;gap:14px}.btn{padding:16px 24px;text-align:center;text-decoration:none;font-weight:900;font-size:12px;letter-spacing:1.5px}.btn.primary{color:#160704;background:linear-gradient(#ffb347,#bf4218);border:1px solid #ffc36b;box-shadow:0 10px 35px #c83e1644}.btn.outline{color:#f6cc79;border:1px solid #8b4c27;background:#120b08}.download-actions small{text-align:center;color:#7f746c}.community-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.community-grid a{display:flex;align-items:center;gap:15px;padding:24px;background:#100b09;border:1px solid #463020;color:#fff;text-decoration:none;transition:.2s}.community-grid a:hover{border-color:#d36b2a;transform:translateY(-3px);box-shadow:0 15px 35px #000}.community-grid b{width:46px;height:46px;display:grid;place-items:center;border:1px solid #87421f;color:#ffb35b;font-size:21px}.community-grid div{display:grid;flex:1}.community-grid strong{font-family:Cinzel;color:#f2d28c}.community-grid small{color:#887d75}.community-grid>a>span{color:#e86729;font-size:24px}footer{min-height:330px;text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;overflow:hidden;border-top:1px solid #4e2819;background:linear-gradient(#080606cc,#050404),radial-gradient(circle at 50% 120%,#7c1a0d,transparent 45%)}footer:after{content:"";position:absolute;width:480px;height:480px;border:1px solid #9b4c2430;transform:rotate(45deg);bottom:-380px}.footer-logo{display:flex;align-items:center;gap:12px;position:relative;z-index:2}.footer-logo img{width:86px;height:86px;object-fit:contain}.footer-logo div{display:grid;text-align:left}.footer-logo strong{font:900 25px Cinzel;color:#f6d587}.footer-logo small{letter-spacing:3px;color:#d85e25}footer p{color:#c0a692;font-family:Cinzel;position:relative;z-index:2}footer>small{color:#665c56;position:relative;z-index:2}@media(max-width:800px){.site-header{height:72px}.brand img{width:50px;height:50px}.brand strong{font-size:17px}.brand small{letter-spacing:2px}.menu-toggle{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;height:auto;background:#080606f8;border-bottom:1px solid #7d3f21;padding:8px;box-shadow:0 18px 30px #000}nav.open{display:grid}nav a{height:52px}.quick-bar{grid-template-columns:1fr;margin:0}.quick-bar article{justify-content:flex-start;padding-left:30px;border-right:0;border-bottom:1px solid #4d2d1c}.feature-grid,.community-grid,.download{grid-template-columns:1fr}.section{padding:75px 20px}.download{padding:75px 24px;gap:35px}.corner-logo{width:420px;left:-180px;bottom:-170px}.hero img{min-height:210px;object-fit:cover}.community-grid{gap:12px}}@media(max-width:480px){.brand span{display:none}.hero img{min-height:175px}.section-heading h1,.section-heading h2,.download h2{font-size:32px}.feature-grid article{min-height:230px}.footer-logo{flex-direction:column}.footer-logo div{text-align:center}}

/* Hiệu chỉnh bố cục, font UTF-8 và hiệu ứng tương tác */
html,body,button{font-family:"Segoe UI",Tahoma,Arial,sans-serif}
.brand strong,.quick-bar strong,.section-heading h1,.section-heading h2,.download h2,.feature-grid h2,.community-grid strong,.footer-logo strong{font-family:Georgia,"Times New Roman",serif}
.site-header{height:82px}
.nav-wrap{max-width:none;padding:0 22px;position:relative;justify-content:center}
.brand{position:absolute;left:18px;top:50%;transform:translateY(-50%);gap:8px}
.brand img{width:62px;height:62px}
.brand strong{font-size:19px}.brand small{font-size:8px}
nav{margin:auto;justify-content:center}
nav a{min-width:132px}
.hero{width:calc(100% - 48px);max-width:1500px;margin:24px auto 0;border:1px solid #8d4a24;border-radius:20px;overflow:hidden;background:#090504;box-shadow:0 20px 55px #000,0 0 0 1px #f0a14320}
.hero img{width:100%;border-radius:19px}
.quick-bar{max-width:1120px;margin:-26px auto 0;border-radius:10px;overflow:hidden}
.download h2{max-width:700px;font-size:clamp(34px,4.2vw,58px);line-height:1.15}
.section-heading h1,.section-heading h2{letter-spacing:-.5px}

@property --goc-sang{syntax:'<angle>';initial-value:0deg;inherits:false}
.feature-grid article,.community-grid a,.download-actions .btn,.quick-bar article{position:relative;isolation:isolate;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;cursor:pointer}
.feature-grid article:before,.community-grid a:before,.download-actions .btn:before,.quick-bar article:before{content:"";position:absolute;z-index:-1;inset:-2px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--goc-sang),transparent 0 62%,#ff4d13 72%,#ffe092 80%,#ff8a26 88%,transparent 96%);opacity:0;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.feature-grid article:hover:before,.feature-grid article:focus:before,.community-grid a:hover:before,.community-grid a:focus:before,.download-actions .btn:hover:before,.download-actions .btn:focus:before,.quick-bar article:hover:before,.quick-bar article:focus:before{opacity:1;animation:vien-sang-chay 1.5s linear infinite}
.feature-grid article:hover,.feature-grid article:focus,.community-grid a:hover,.community-grid a:focus,.download-actions .btn:hover,.download-actions .btn:focus,.quick-bar article:hover,.quick-bar article:focus{outline:none;transform:translateY(-4px);border-color:#f18a3a;box-shadow:0 16px 40px #000,0 0 22px #e8542538}
.quick-bar article{transform:none!important}
@keyframes vien-sang-chay{to{--goc-sang:360deg}}

@media(max-width:1100px){.brand span{display:none}.brand img{width:58px;height:58px}nav a{min-width:115px}.hero{width:calc(100% - 30px);margin-top:15px}}
@media(max-width:800px){.site-header{height:72px}.nav-wrap{justify-content:flex-end}.brand{left:12px}.brand img{width:50px;height:50px}.menu-toggle{display:block}nav{margin:0;top:72px}.hero{width:calc(100% - 20px);margin-top:10px;border-radius:12px}.hero img{border-radius:11px}.quick-bar{margin:10px 10px 0}.download h2{font-size:34px}}

/* Font đóng gói cục bộ: Cinzel nguyên bản + bộ chữ Việt đầy đủ */
@font-face{font-family:'Cinzel Local';font-style:normal;font-weight:600 900;font-display:swap;src:url('fonts/cinzel-latin-ext.woff2') format('woff2');unicode-range:U+0100-02FF,U+1E00-1EFF,U+20A0-20CF,U+A720-A7FF}
@font-face{font-family:'Cinzel Local';font-style:normal;font-weight:600 900;font-display:swap;src:url('fonts/cinzel-latin.woff2') format('woff2');unicode-range:U+0000-00FF,U+2000-206F,U+20AC,U+2122}
@font-face{font-family:'Noto Serif Việt';font-style:normal;font-weight:600 900;font-display:swap;src:url('fonts/noto-serif-vietnamese.woff2') format('woff2')}
body,button{font-family:Inter,"Segoe UI",Arial,sans-serif;text-rendering:optimizeLegibility}
.brand strong,.brand small,nav a,.quick-bar small,.section-heading>span,.download-copy>span,.footer-logo small{font-family:'Cinzel Local',Arial,sans-serif}
.quick-bar strong,.section-heading h1,.section-heading h2,.download h2,.feature-grid h2,.community-grid strong,.footer-logo strong,footer p{font-family:'Noto Serif Việt',Georgia,serif;font-kerning:normal;font-variant-ligatures:normal;word-spacing:0;letter-spacing:0}
.quick-bar{margin:20px auto 0;position:relative;z-index:2}
.hero+.quick-bar{transform:none}
@media(max-width:800px){.quick-bar{margin:12px 10px 0}}

/* Menu tiếng Việt: không dùng Cinzel vì thiếu glyph U+1EA0–U+1EF9 */
nav a{font-family:'Noto Serif Việt',Georgia,serif!important;font-weight:800;font-kerning:normal;font-variant-ligatures:none;letter-spacing:.55px;word-spacing:0;text-transform:uppercase}

/* Tăng độ nét và tương phản chữ toàn website */
:root{--text:#fffaf2;--muted:#c4b8ae;--light:#ffe5a0}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{color:var(--text);font-weight:500}
p{color:#c9bdb3!important;font-weight:500;text-shadow:0 1px 1px #000}
nav a{color:#ded4ca;font-size:13px;font-weight:900;text-shadow:0 1px 2px #000}
nav a:hover,nav a.active{color:#ffe19a}
.brand strong{color:#ffe2a0;text-shadow:0 1px 2px #000,0 0 10px #e56a2726}
.brand small{color:#f08343;font-weight:800}
.quick-bar small{font-size:10px!important;line-height:1.3;letter-spacing:2.2px;color:#c9b6a4!important;font-weight:800;text-shadow:0 1px 2px #000}
.quick-bar strong{margin-top:4px;font-size:16px!important;line-height:1.3;color:#ffe08c!important;font-weight:900;text-shadow:0 1px 2px #000,0 0 10px #dc761c24}
.section-heading>span,.download-copy>span{font-size:11px;font-weight:900;color:#ff7e37;text-shadow:0 1px 2px #000}
.section-heading h1,.section-heading h2,.download h2{color:#fffaf2;font-weight:900;text-shadow:0 2px 3px #000}
.section-heading em{color:#e8ad37;text-shadow:0 2px 3px #000,0 0 12px #d8781b22}
.feature-grid h2,.community-grid strong{font-weight:900;color:#ffdb83!important;text-shadow:0 1px 2px #000}
.feature-grid p,.community-grid small,.download-actions small{color:#c1b4aa!important;font-weight:500}
.btn{font-weight:900;text-shadow:0 1px 1px #ffffff35}
footer p{color:#d8c4b3!important;font-weight:700}
footer>small{color:#94867c;font-weight:600}

/* Lộ trình phát triển */
.roadmap{max-width:1180px}.roadmap-line{display:grid;gap:18px;position:relative}.roadmap-line:before{content:"";position:absolute;left:39px;top:50px;bottom:50px;width:1px;background:linear-gradient(transparent,#f06c2c,#dcaa43,transparent)}.roadmap-line article{position:relative;display:grid;grid-template-columns:80px 1fr;align-items:center;min-height:155px;padding:24px 30px 24px 18px;background:linear-gradient(110deg,#1a0c08,#0c0807);border:1px solid #51301e;border-radius:10px;cursor:pointer;transition:.25s;isolation:isolate}.roadmap-number{width:44px;height:44px;margin:auto;display:grid;place-items:center;border:1px solid #d75d25;background:#120806;color:#ffcb70;font:900 15px 'Cinzel Local',serif;box-shadow:0 0 0 7px #100806,0 0 18px #e34e2024;z-index:2}.roadmap-content small{font-family:'Cinzel Local',Arial,sans-serif;font-size:10px;font-weight:900;letter-spacing:2.5px;color:#f47734}.roadmap-content h3{margin:5px 0 8px;font:900 24px 'Noto Serif Việt',Georgia,serif;color:#ffe09a;text-shadow:0 1px 2px #000}.roadmap-content p{margin:0;max-width:850px}.roadmap-line article:before{content:"";position:absolute;z-index:-1;inset:-2px;border-radius:10px;padding:2px;background:conic-gradient(from var(--goc-sang),transparent 0 62%,#ff4d13 72%,#ffe092 80%,#ff8a26 88%,transparent 96%);opacity:0;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.roadmap-line article:hover:before,.roadmap-line article:focus:before{opacity:1;animation:vien-sang-chay 1.5s linear infinite}.roadmap-line article:hover,.roadmap-line article:focus{outline:none;transform:translateX(7px);border-color:#e77a35;box-shadow:0 15px 40px #000,0 0 22px #e854252c}@media(max-width:800px){.roadmap-line:before{left:29px}.roadmap-line article{grid-template-columns:58px 1fr;padding:20px 16px 20px 8px}.roadmap-number{width:38px;height:38px}.roadmap-content h3{font-size:21px}}

/* Bảng thông tin máy chủ hai hàng */
.quick-bar{grid-template-columns:repeat(3,1fr);overflow:visible;border-radius:10px}
.quick-bar article{min-height:82px}
.quick-bar article:nth-child(3n){border-right:0}
.quick-bar article:nth-child(n+4){border-top:1px solid #4d2d1c}
.quick-bar article:nth-child(4){border-bottom-left-radius:10px}
.quick-bar article:nth-child(6){border-bottom-right-radius:10px}
.status-dot.shield{background:#35c9f2;box-shadow:0 0 18px #35c9f2}
@media(max-width:800px){.quick-bar{grid-template-columns:1fr}.quick-bar article{border-right:0!important;border-top:0!important;border-bottom:1px solid #4d2d1c}.quick-bar article:last-child{border-bottom:0}}

/* Giữ nguyên xuống dòng từ trang quản trị */
.section-heading p,.feature-grid p,.roadmap-content p,.download-copy p,.community-grid small,footer p{white-space:pre-line}

/* Lộ trình dạng ba khung cột */
.roadmap{max-width:1240px}
.roadmap-line{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;padding-top:22px}
.roadmap-line:before{left:8%;right:8%;top:43px;bottom:auto;width:auto;height:1px;background:linear-gradient(90deg,transparent,#c94d20 12%,#eab354 50%,#c94d20 88%,transparent)}
.roadmap-line article{display:flex;flex-direction:column;align-items:stretch;min-height:410px;padding:24px 28px 30px;border-radius:12px;background:linear-gradient(155deg,#1b0d09,#0b0807 72%)}
.roadmap-number{flex:0 0 auto;margin:0 0 28px;width:48px;height:48px;background:#130806;box-shadow:0 0 0 7px #100806,0 0 20px #e34e2038}
.roadmap-content{display:flex;flex-direction:column;flex:1}
.roadmap-content small{min-height:18px}
.roadmap-content h3{margin:7px 0 14px;font-size:25px}
.roadmap-content p{font-size:15px;line-height:1.72}
.roadmap-line article:hover,.roadmap-line article:focus{transform:translateY(-7px)}
@media(max-width:900px){.roadmap-line{grid-template-columns:1fr;padding-top:0}.roadmap-line:before{left:29px;right:auto;top:45px;bottom:45px;width:1px;height:auto;background:linear-gradient(transparent,#f06c2c,#dcaa43,transparent)}.roadmap-line article{min-height:0;display:grid;grid-template-columns:65px 1fr;padding:22px 18px 24px 10px}.roadmap-number{margin:0 auto;width:42px;height:42px}.roadmap-content h3{font-size:22px;margin-top:5px}.roadmap-line article:hover,.roadmap-line article:focus{transform:translateX(5px)}}

/* Chế độ chiến trường - hiệu ứng mượt, ưu tiên GPU */
body{overflow-x:hidden;background:radial-gradient(circle at 50% 8%,#4a120a66,transparent 27%),radial-gradient(circle at 10% 55%,#50150a38,transparent 23%),linear-gradient(135deg,#050303,#100705 52%,#050303)}
body:before{opacity:.18;background-size:64px 64px;mask-image:linear-gradient(to bottom,#0008,transparent 85%)}
.game-atmosphere{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;contain:strict}.game-atmosphere:before{content:"";position:absolute;inset:-15%;background:radial-gradient(ellipse at 50% 10%,#ff63241c,transparent 38%),radial-gradient(ellipse at 20% 75%,#d52e1012,transparent 30%);animation:chien-truong-tho 6s ease-in-out infinite alternate;will-change:opacity,transform}.game-atmosphere i{position:absolute;bottom:-16px;width:3px;height:3px;border-radius:50%;background:#ff9c45;box-shadow:0 0 8px #ff4d18,0 0 16px #e8280e;opacity:0;animation:tan-lua 7s linear infinite;will-change:transform,opacity}.game-atmosphere i:nth-child(1){left:8%;animation-delay:-1s}.game-atmosphere i:nth-child(2){left:23%;animation-delay:-5s;animation-duration:9s}.game-atmosphere i:nth-child(3){left:42%;animation-delay:-2.5s;animation-duration:8s}.game-atmosphere i:nth-child(4){left:61%;animation-delay:-6s;animation-duration:10s}.game-atmosphere i:nth-child(5){left:79%;animation-delay:-3.5s}.game-atmosphere i:nth-child(6){left:92%;animation-delay:-7s;animation-duration:9s}@keyframes tan-lua{0%{transform:translate3d(0,0,0) scale(.7);opacity:0}12%{opacity:.7}70%{opacity:.35}100%{transform:translate3d(45px,-105vh,0) scale(1.5);opacity:0}}@keyframes chien-truong-tho{to{transform:translate3d(0,-1.5%,0) scale(1.03);opacity:.75}}
.site-header{background:linear-gradient(90deg,#050303,#100807 45%,#050303);backdrop-filter:none;box-shadow:0 8px 30px #000,0 1px #bd522a55}.site-header:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,#d6471e,#ffd477,#d6471e,transparent);opacity:.72}.brand img{filter:drop-shadow(0 0 9px #ed4c2955);transition:transform .3s ease,filter .3s ease}.brand:hover img{transform:scale(1.07) rotate(-2deg);filter:drop-shadow(0 0 15px #ff6b35aa)}nav a{position:relative;overflow:hidden}nav a:before{content:"";position:absolute;inset:8px 0;background:linear-gradient(115deg,transparent,#e8502418,transparent);transform:translate3d(-110%,0,0) skewX(-18deg);transition:transform .45s ease}nav a:hover:before,nav a.active:before{transform:translate3d(110%,0,0) skewX(-18deg)}
.hero{isolation:isolate;border-color:#b94b22;box-shadow:0 22px 60px #000,0 0 0 1px #ffb25230,0 0 38px #d5361522;transform:translateZ(0)}.hero:before{content:"";position:absolute;z-index:2;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 20%,#ffca7318 39%,transparent 53%);transform:translate3d(-120%,0,0);animation:quet-anh-banner 8s ease-in-out infinite;will-change:transform}.hero:after{content:"";position:absolute;z-index:2;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 0 60px #0008,inset 0 -25px 40px #12050299}@keyframes quet-anh-banner{0%,70%{transform:translate3d(-120%,0,0)}100%{transform:translate3d(120%,0,0)}}
.quick-bar{background:linear-gradient(145deg,#21100b,#0c0706);box-shadow:0 20px 55px #000,0 0 24px #c93b1417}.quick-bar article{overflow:hidden}.quick-bar article:after{content:"";position:absolute;right:12px;top:12px;width:13px;height:13px;border-top:1px solid #d86228;border-right:1px solid #d86228;opacity:.65}.icon{filter:drop-shadow(0 0 7px #ff5f29)}.status-dot{animation:trang-thai-song 1.8s ease-in-out infinite}@keyframes trang-thai-song{50%{transform:scale(1.25);filter:brightness(1.3)}}
.section{z-index:1}.section:not(:first-child){content-visibility:auto;contain-intrinsic-size:850px}.section:before{content:"";position:absolute;left:50%;top:22px;width:min(520px,70vw);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#873317,#e6a04a,#873317,transparent);opacity:.35}.section-heading>span{position:relative}.section-heading>span:before,.section-heading>span:after{content:"◆";margin:0 12px;color:#9f3e1c;font-size:8px}
.feature-grid article,.roadmap-line article,.community-grid a{transform:translateZ(0);backface-visibility:hidden}.feature-grid article:after{background:linear-gradient(135deg,transparent 40%,#d7491e12);border-color:#f36b293d}.feature-grid article:hover h2,.roadmap-line article:hover h3,.community-grid a:hover strong{color:#fff0b8!important;text-shadow:0 0 12px #ff9b3c66}
.roadmap-number{position:relative}.roadmap-number:after{content:"";position:absolute;inset:-8px;border:1px solid #d54b2260;transform:rotate(45deg);animation:ky-hieu-xoay 8s linear infinite;will-change:transform}@keyframes ky-hieu-xoay{to{transform:rotate(405deg)}}
.btn{position:relative;overflow:hidden;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.btn:after{content:"";position:absolute;top:-80%;bottom:-80%;width:30px;background:#fff7;transform:translate3d(-90px,0,0) rotate(20deg);transition:transform .55s ease}.btn:hover{transform:translateY(-3px);filter:brightness(1.12);box-shadow:0 12px 35px #d849243b}.btn:hover:after{transform:translate3d(520px,0,0) rotate(20deg)}
footer{z-index:1;box-shadow:inset 0 1px #a8442266}.footer-logo img{filter:drop-shadow(0 0 12px #ee4f2955)}
@media(max-width:800px){.game-atmosphere i:nth-child(even){display:none}.section:not(:first-child){contain-intrinsic-size:1100px}.section-heading>span:before,.section-heading>span:after{margin:0 6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.game-atmosphere,.hero:before{display:none!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Khôi phục hover viền sáng chạy nguyên bản */
nav a:before,.btn:after{display:none!important}
.brand:hover img{transform:none;filter:drop-shadow(0 0 9px #ed4c2955)}
.feature-grid article:hover h2,.roadmap-line article:hover h3,.community-grid a:hover strong{color:inherit!important;text-shadow:inherit}
.feature-grid article,.roadmap-line article,.community-grid a,.download-actions .btn,.quick-bar article,.hero{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease,filter .25s ease}
.feature-grid article:hover,.feature-grid article:focus,.roadmap-line article:hover,.roadmap-line article:focus,.community-grid a:hover,.community-grid a:focus,.download-actions .btn:hover,.download-actions .btn:focus{outline:none;transform:translateY(-4px);filter:none;border-color:#f18a3a;box-shadow:0 16px 40px #000,0 0 22px #e8542538}
.quick-bar article:hover,.quick-bar article:focus{outline:none;transform:none;filter:none;border-color:#f18a3a;box-shadow:inset 0 0 22px #e8542518,0 0 18px #e8542528}
.feature-grid article:before,.roadmap-line article:before,.community-grid a:before,.download-actions .btn:before,.quick-bar article:before{background:conic-gradient(from var(--goc-sang),transparent 0 62%,#ff4d13 72%,#ffe092 80%,#ff8a26 88%,transparent 96%);opacity:0}
.feature-grid article:hover:before,.feature-grid article:focus:before,.roadmap-line article:hover:before,.roadmap-line article:focus:before,.community-grid a:hover:before,.community-grid a:focus:before,.download-actions .btn:hover:before,.download-actions .btn:focus:before,.quick-bar article:hover:before,.quick-bar article:focus:before{opacity:1;animation:vien-sang-chay 1.5s linear infinite}
.hero-hover-border{position:absolute;z-index:5;inset:-2px;border-radius:21px;padding:2px;background:conic-gradient(from var(--goc-sang),transparent 0 60%,#ff4115 70%,#ffe6a0 79%,#ff8a26 88%,transparent 97%);opacity:0;pointer-events:none;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
.hero:hover .hero-hover-border{opacity:1;animation:vien-sang-chay 1.5s linear infinite}
.hero:hover{border-color:#f18a3a;box-shadow:0 22px 60px #000,0 0 30px #e8542540}
@media(max-width:800px){.hero-hover-border{border-radius:13px}.feature-grid article:hover,.roadmap-line article:hover,.community-grid a:hover,.download-actions .btn:hover{transform:none}}

/* Đốm sáng chạy khép kín quanh đường viền khi hover */
@property --vien-quay{syntax:'<angle>';initial-value:0deg;inherits:false}
.feature-grid article:before,.roadmap-line article:before,.community-grid a:before,.download-actions .btn:before,.quick-bar article:before{content:""!important;display:block!important;position:absolute!important;z-index:8!important;inset:0!important;border-radius:inherit!important;padding:2px!important;pointer-events:none!important;opacity:0!important;background:conic-gradient(from var(--vien-quay),transparent 0deg 285deg,#ff4318 307deg,#fff3af 328deg,#ff8b25 346deg,transparent 360deg)!important;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0)!important;-webkit-mask-composite:xor!important;mask-composite:exclude!important;filter:drop-shadow(0 0 5px #ff632b)!important}
.feature-grid article:hover:before,.feature-grid article:focus:before,.roadmap-line article:hover:before,.roadmap-line article:focus:before,.community-grid a:hover:before,.community-grid a:focus:before,.download-actions .btn:hover:before,.download-actions .btn:focus:before,.quick-bar article:hover:before,.quick-bar article:focus:before{opacity:1!important;animation:vien-sang-khep-kin 1.15s linear infinite!important}
.hero-hover-border{z-index:8!important;inset:0!important;padding:3px!important;opacity:0!important;background:conic-gradient(from var(--vien-quay),transparent 0deg 285deg,#ff4318 307deg,#fff3af 328deg,#ff8b25 346deg,transparent 360deg)!important;filter:drop-shadow(0 0 7px #ff632b)!important}
.hero:hover .hero-hover-border{opacity:1!important;animation:vien-sang-khep-kin 1.3s linear infinite!important}
@keyframes vien-sang-khep-kin{to{--vien-quay:360deg}}

/* Font tiếng Việt ngay ngắn, đồng nhất toàn website */
@font-face{font-family:'Be Vietnam Pro Local';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/be-vietnam-pro-400.woff2') format('woff2')}
@font-face{font-family:'Be Vietnam Pro Local';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/be-vietnam-pro-500.woff2') format('woff2')}
@font-face{font-family:'Be Vietnam Pro Local';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/be-vietnam-pro-600.woff2') format('woff2')}
@font-face{font-family:'Be Vietnam Pro Local';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/be-vietnam-pro-700.woff2') format('woff2')}
@font-face{font-family:'Be Vietnam Pro Local';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/be-vietnam-pro-800.woff2') format('woff2')}
@font-face{font-family:'Be Vietnam Pro Local';font-style:normal;font-weight:900;font-display:swap;src:url('fonts/be-vietnam-pro-900.woff2') format('woff2')}
html,body,button,input,textarea,select,.brand strong,.brand small,nav a,.quick-bar small,.quick-bar strong,.section-heading>span,.section-heading h1,.section-heading h2,.download-copy>span,.download h2,.feature-grid h2,.roadmap-number,.roadmap-content small,.roadmap-content h3,.community-grid strong,.footer-logo strong,.footer-logo small,footer p{font-family:'Be Vietnam Pro Local','Segoe UI',Arial,sans-serif!important}
body{letter-spacing:0;font-weight:500}
nav a{letter-spacing:.3px;font-weight:800}
.brand strong{letter-spacing:1px}.brand small{letter-spacing:2px}
.section-heading h1,.section-heading h2,.download h2{font-weight:800;line-height:1.18;letter-spacing:-.7px}
.feature-grid h2,.roadmap-content h3,.community-grid strong,.quick-bar strong{font-weight:800;letter-spacing:-.2px}
.section-heading>span,.download-copy>span,.roadmap-content small,.quick-bar small{font-weight:800;letter-spacing:1.8px}
p,.roadmap-content p,.community-grid small{letter-spacing:0;word-spacing:0}

/* Đủ bộ nét Be Vietnam Pro tiếng Việt */
@font-face{font-family:'Be Vietnam Pro Full';font-style:normal;font-weight:400;font-display:swap;src:url('fonts/be-vietnam-pro-vn-400.woff2') format('woff2')}
@font-face{font-family:'Be Vietnam Pro Full';font-style:normal;font-weight:500;font-display:swap;src:url('fonts/be-vietnam-pro-vn-500.woff2') format('woff2')}
@font-face{font-family:'Be Vietnam Pro Full';font-style:normal;font-weight:600;font-display:swap;src:url('fonts/be-vietnam-pro-vn-600.woff2') format('woff2')}
@font-face{font-family:'Be Vietnam Pro Full';font-style:normal;font-weight:700;font-display:swap;src:url('fonts/be-vietnam-pro-vn-700.woff2') format('woff2')}
@font-face{font-family:'Be Vietnam Pro Full';font-style:normal;font-weight:800;font-display:swap;src:url('fonts/be-vietnam-pro-vn-800.woff2') format('woff2')}
@font-face{font-family:'Be Vietnam Pro Full';font-style:normal;font-weight:900;font-display:swap;src:url('fonts/be-vietnam-pro-vn-900.woff2') format('woff2')}
html,body,button,input,textarea,select,.brand strong,.brand small,nav a,.quick-bar small,.quick-bar strong,.section-heading>span,.section-heading h1,.section-heading h2,.download-copy>span,.download h2,.feature-grid h2,.roadmap-number,.roadmap-content small,.roadmap-content h3,.community-grid strong,.footer-logo strong,.footer-logo small,footer p{font-family:'Be Vietnam Pro Full','Segoe UI',Arial,sans-serif!important}

/* Chủ đề xanh băng giá */
:root{--bg:#02070d;--panel:#07131f;--red:#0874b9;--fire:#18a9ff;--gold:#65c9ff;--light:#d9f3ff;--text:#eaf7ff;--muted:#829caf;--line:#17486b}
body{background:radial-gradient(circle at 50% 5%,#06396870,transparent 30%),radial-gradient(circle at 12% 58%,#006dbb28,transparent 25%),linear-gradient(135deg,#01050a,#06111c 52%,#01050a);color:var(--text)}
body:before{opacity:.16;background-image:linear-gradient(#168bd016 1px,transparent 1px),linear-gradient(90deg,#168bd016 1px,transparent 1px)}
.game-atmosphere:before{background:radial-gradient(ellipse at 50% 10%,#00a8ff20,transparent 38%),radial-gradient(ellipse at 20% 75%,#087bc91a,transparent 30%)}
.game-atmosphere i{background:#70d8ff;box-shadow:0 0 8px #1cb7ff,0 0 18px #087ed0}
.site-header{background:linear-gradient(90deg,#01050a,#06121e 45%,#01050a);border-bottom-color:#1678b866;box-shadow:0 8px 30px #000,0 1px #168fd066}
.site-header:after{background:linear-gradient(90deg,transparent,#087bc9,#a1e3ff,#087bc9,transparent)}
.brand img,.brand:hover img{filter:drop-shadow(0 0 11px #199eff77)}
.brand strong{color:#dff4ff}.brand small{color:#55bced}
nav a{color:#9db2c2}nav a:hover,nav a.active{color:#8edaff;background:linear-gradient(#168fd000,#168fd016);border-color:#25b8ff}
.menu-toggle{border-color:#21618b;color:#bceaff}
.hero{background:#020912;border-color:#287eb0;box-shadow:0 22px 60px #000,0 0 0 1px #62caff30,0 0 40px #007bd72b}
.hero:before{background:linear-gradient(115deg,transparent 20%,#8bdbff1c 39%,transparent 53%)}
.hero:after{box-shadow:inset 0 0 60px #00101faa,inset 0 -25px 40px #010b16bb}
.hero:hover{border-color:#46c7ff;box-shadow:0 22px 60px #000,0 0 34px #16a9ff55}
.quick-bar{background:linear-gradient(145deg,#081b2a,#030a11);border-color:#24688f;box-shadow:0 20px 55px #000,0 0 24px #078bd822}
.quick-bar article{border-color:#173e59}.quick-bar article:after{border-color:#35baff}.quick-bar small{color:#7f9fb4}.quick-bar strong{color:#8fdcff}.icon{color:#34baff;filter:drop-shadow(0 0 7px #159eff)}
.status-dot{background:#38d7ff;box-shadow:0 0 18px #24bfff}.status-dot.shield{background:#51b7ff;box-shadow:0 0 18px #279fff}
.section:before{background:linear-gradient(90deg,transparent,#0b6da7,#71d1ff,#0b6da7,transparent)}
.section-heading>span,.download-copy>span{color:#3ebeff}.section-heading>span:before,.section-heading>span:after{color:#238ecb}
.section-heading em{color:#72d3ff}.section-heading p,.download p{color:#8ba3b4}
.feature-grid article,.roadmap-line article{background:linear-gradient(145deg,#091b29,#030b12 74%);border-color:#1d526f}
.feature-grid article:after{background:linear-gradient(135deg,transparent 40%,#159ee515);border-color:#249fde45}
.feature-grid i{color:#35baff35}.feature-grid h2,.roadmap-content h3{color:#a9e5ff}
.roadmap-line:before{background:linear-gradient(90deg,transparent,#168ecb 12%,#86dcff 50%,#168ecb 88%,transparent)}
.roadmap-number{background:#051522;color:#8ddcff;border-color:#278dc1;box-shadow:0 0 0 7px #06111a,0 0 20px #159ee545}
.roadmap-number:after{border-color:#31b2ed75}
.roadmap-content small{color:#3ebcff}
.download{background:radial-gradient(circle at 12% 100%,#087fc650,transparent 25%),linear-gradient(110deg,#061927,#02080e);border-color:#17577d}
.btn.primary{color:#02111d;background:linear-gradient(#78d8ff,#178cd1);border-color:#9ce5ff;box-shadow:0 10px 35px #0d8bd044}.btn.outline{color:#9bddff;border-color:#256b92;background:#06131e}
.community-grid a{background:#06111b;border-color:#1d4d69}.community-grid a:hover{border-color:#39bfff;box-shadow:0 15px 35px #000,0 0 20px #149edf33}.community-grid b{border-color:#287eac;color:#65cdff}.community-grid strong{color:#a9e3ff}.community-grid small{color:#7f99aa}.community-grid>a>span{color:#35baff}
footer{border-top-color:#174a68;background:linear-gradient(#02070bcc,#010509),radial-gradient(circle at 50% 120%,#075f99,transparent 45%);box-shadow:inset 0 1px #177fb766}.footer-logo img{filter:drop-shadow(0 0 12px #199fff66)}.footer-logo strong{color:#bceaff}.footer-logo small{color:#47b9ef}
.feature-grid article:hover,.feature-grid article:focus,.roadmap-line article:hover,.roadmap-line article:focus,.community-grid a:hover,.community-grid a:focus,.download-actions .btn:hover,.download-actions .btn:focus{border-color:#3fc4ff;box-shadow:0 16px 40px #000,0 0 24px #159fe044}
.quick-bar article:hover,.quick-bar article:focus{border-color:#3fc4ff;box-shadow:inset 0 0 22px #129cdd22,0 0 18px #159fe033}
.feature-grid article:before,.roadmap-line article:before,.community-grid a:before,.download-actions .btn:before,.quick-bar article:before,.hero-hover-border{background:conic-gradient(from var(--vien-quay),transparent 0deg 285deg,#168fd0 307deg,#d7f5ff 328deg,#35bcff 346deg,transparent 360deg)!important;filter:drop-shadow(0 0 6px #20b7ff)!important}
@media(max-width:800px){nav{background:#020a11f8;border-bottom-color:#17618b}.quick-bar article{border-bottom-color:#17445f!important}}