/* REDFORGE UI — complete visual redesign, structure/function preserved */
:root{--rf-red:#d71920;--rf-red2:#8b0d12;--rf-hot:#ff3434;--rf-gold:#f0c36a;--rf-gold2:#a96825;--rf-bg:#050507;--rf-panel:#0d0b0c;--rf-line:#4b1517;--rf-text:#eee5dc;--rf-muted:#938a84;--rf-shadow:0 18px 55px rgba(0,0,0,.72)}
html,body{background:#050507!important;color:var(--rf-text)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:9998;opacity:.07;background-image:radial-gradient(#fff .45px,transparent .55px);background-size:5px 5px}
body:after{content:"";position:fixed;inset:0;pointer-events:none;z-index:9997;background:radial-gradient(circle at 50% 20%,transparent 0 42%,rgba(0,0,0,.48) 100%)}
/* shared top navigation */
.nav{height:66px!important;left:18px!important;right:18px!important;top:14px!important;padding:0 18px!important;background:rgba(6,5,6,.92)!important;border:1px solid #7b2022!important;border-radius:9px!important;box-shadow:0 12px 35px rgba(0,0,0,.65),inset 0 1px rgba(255,255,255,.04)!important;backdrop-filter:blur(12px)!important}
.nav:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,transparent,#ff262f 20%,#f2c66e 50%,#ff262f 80%,transparent);opacity:.9}
.logo{min-width:245px!important;gap:8px!important}.logo>span{font-size:38px!important;color:#f4c36a!important;text-shadow:0 0 18px #e31b23!important}.logo b{font-family:"Ma Shan Zheng",serif!important;font-size:18px!important;color:#f8eee4!important;line-height:1}.logo small{color:#b77761!important;font-size:6px!important;letter-spacing:1.8px!important}
nav{gap:22px!important}nav a,.account a{font-size:8px!important;color:#d7d0ca!important;letter-spacing:1px!important}nav a:hover{color:#fff!important;text-shadow:0 0 12px #ff3232}.account{gap:7px!important}.account a{border:1px solid #742023!important;padding:9px 12px!important;border-radius:6px!important;background:#15090a!important}.account a:last-child{background:linear-gradient(180deg,#ef252a,#8c0f15)!important;border-color:#ff5555!important;color:#fff!important;box-shadow:0 0 16px #e0182433!important}
/* home hero */
.hero{height:690px!important;min-height:690px!important;margin:0 18px!important;padding-top:88px!important;background:#090607!important;border:1px solid #721a1d!important;border-radius:10px!important;overflow:hidden!important;box-shadow:var(--rf-shadow)!important}
.hero:before{inset:0!important;background:url("background.jpg") center/cover no-repeat!important;transform:none!important;filter:saturate(1.15) contrast(1.05)!important}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,2,3,.88),rgba(4,2,3,.28) 55%,rgba(4,2,3,.08)),linear-gradient(0deg,#070405 0,transparent 32%),radial-gradient(circle at 76% 42%,rgba(231,26,32,.26),transparent 28%);z-index:1}
.hero-overlay{z-index:1!important;background:linear-gradient(180deg,rgba(0,0,0,.1),transparent 40%)!important}.hero-copy{left:6%!important;top:27%!important;max-width:610px!important;z-index:3!important}.eyebrow{color:#e9ad5e!important;font-size:9px!important;letter-spacing:2px!important}.hero h1{font-size:76px!important;line-height:.88!important;color:#fff1df!important;margin:18px 0 18px!important;text-shadow:0 7px 28px #000!important}.hero h1 em{color:#f22a2f!important}.hero-actions{transform:none!important;justify-content:flex-start!important;margin-top:24px!important;gap:10px!important}.hero-actions .cta-red{min-width:145px!important;height:48px!important;border-radius:6px!important;background:linear-gradient(180deg,#ed292d,#8b0d12)!important;border:1px solid #ff6666!important;box-shadow:0 8px 25px #0009,inset 0 1px #ffaaa555!important;color:#fff!important}.hero-actions .cta-red:before{inset:-3px!important;border-color:#8b292b!important;border-radius:8px!important}.vertical{z-index:3!important;color:#e6b968!important;opacity:.75}.v1{left:2%!important}.v2{right:2%!important}.scroll{z-index:3!important;color:#d09b64!important}
/* content cards */
.content{max-width:1500px!important;padding:24px 18px 34px!important;grid-template-columns:1.25fr 1fr 1fr!important;gap:14px!important;position:relative;z-index:2}.panel,.ranking,.ranking-server-tabs{background:linear-gradient(145deg,#130b0c,#09090b)!important;border:1px solid #5e171b!important;border-radius:8px!important;box-shadow:0 14px 36px #0009,inset 0 1px rgba(255,255,255,.025)!important}.panel{padding:0 16px 12px}.bar{border-bottom:1px solid #401518!important;padding:15px 0 11px!important}.bar b{color:#f0c36a!important;font-size:15px!important}.bar a,.bar span{color:#8f7773!important}.featured{border-bottom:1px solid #331417!important;padding:18px 0!important}.featured time{color:#e74a43!important}.featured label{color:#ff9b5d!important}.featured h3{color:#eee!important}.row{border-bottom:1px solid #291214!important}.row:hover{background:#e3192408!important}.ranking-server-tabs{padding:9px 12px!important;grid-column:1/-1}.server-tab{background:#160b0c!important;border-color:#572024!important;color:#b8a7a1!important;border-radius:5px!important}.server-tab.active{background:linear-gradient(180deg,#e62a2e,#8e1016)!important;color:#fff!important;border-color:#ff6666!important;box-shadow:0 0 14px #e31d2d44!important}.ranking,.wealth-ranking{background:linear-gradient(145deg,#11090a,#08080a)!important;border-color:#5e171b!important;border-radius:8px!important}.rank-head-full,.wealth-head{color:#bd8178!important;border-bottom-color:#351317!important}.rank-row-full,.wealth-row{border-bottom-color:#281114!important}.rank-row-full strong,.wealth-row strong{color:#f0c36a!important}.rank-row-full b,.wealth-row b{color:#ff766d!important}.avatar{border-color:#792a2b!important;background:linear-gradient(135deg,#8e201f,#151012)!important;color:#ffe0b0!important}
/* download/footer */
.download{margin:0 18px!important;padding:40px 5%!important;background:linear-gradient(100deg,#0b0708,#13090a)!important;border:1px solid #5e171b!important;border-radius:9px!important;box-shadow:var(--rf-shadow)!important}.download small{color:#d89165!important}.download h2{color:#eee!important}.download h2 em{color:#ef3c3e!important}.download aside{background:#0c0809!important;border-color:#642024!important;border-radius:8px!important}.download aside b,.download aside a{color:#f0c36a!important}footer{margin-top:16px!important;background:#050506!important;border-top:1px solid #401518!important}footer>b{color:#f0c36a!important}
/* generic form / auth */
.auth-page,.admin-login-page{background:linear-gradient(180deg,rgba(5,2,3,.58),rgba(5,2,3,.94)),url("background.jpg") center/cover fixed!important;position:relative}.auth-box,.admin-login-page .box{background:linear-gradient(145deg,rgba(19,8,9,.97),rgba(7,6,7,.98))!important;border-color:#722024!important;border-radius:10px!important;box-shadow:0 28px 90px #000b!important}.auth-mark{border-color:#d24b3d!important;background:#160809!important;box-shadow:0 0 35px #000!important}.auth-mark span{color:#f0c36a!important}.auth-title{color:#f0c36a!important}.auth-sub{color:#aa8a82!important}.section-title{color:#f0c36a!important}.field label{color:#c58b79!important}.field input,.box input{background:#09090b!important;border-color:#4c2024!important;border-radius:5px!important}.field input:focus,.box input:focus{border-color:#d33a3f!important;box-shadow:0 0 0 1px #d33a3f33!important}.submit,.admin-login-page .btn{background:linear-gradient(180deg,#ef292d,#850d13)!important;border-color:#ff5c5c!important;border-radius:6px!important;color:#fff!important}.links a,.auth-home{color:#dca76a!important}
/* character/account/ranking/download/article legacy pages */
.character-page,.account-page,.rank-page,.download-page,.article-page{background:linear-gradient(rgba(5,2,3,.86),rgba(5,2,3,.96)),url("background.jpg") center/cover fixed!important;color:#eee!important}.pass-top{background:#070506!important;border-bottom-color:#6e2023!important}.pass-brand{background:rgba(10,5,6,.96)!important;border-bottom-color:#421619!important}.gate-logo{color:#f0c36a!important}.pass-content{gap:16px!important}.sidebar,.main-panel,.account-shell,.rank-wrap,.download-box,.article-box{background:linear-gradient(145deg,#13090a,#09080a)!important;border:1px solid #5e171b!important;border-radius:9px!important;box-shadow:var(--rf-shadow)!important}.side-title{background:linear-gradient(180deg,#d9272c,#7f0c12)!important;border-radius:5px!important}.side-link{color:#bba49c!important;border-radius:4px!important}.side-link:hover{color:#fff!important;background:#e51e280f!important}.server-select{background:#09080a!important;border-color:#4c2024!important}.main-title,.account-title,.download-head h1,.rank-wrap h1{color:#f0c36a!important}.notice{background:#21090b!important;border-color:#7a2026!important}.btn{background:linear-gradient(180deg,#df2429,#810c12)!important;border-color:#d84646!important;color:#fff!important;border-radius:5px!important}.btn.gray{background:#201214!important;border-color:#51252a!important}.btn.red{background:linear-gradient(180deg,#f03236,#8a0d13)!important}.account-menu button,.account-menu a,.rank-tabs a,.download-card,.info-card{background:#10090a!important;border-color:#4d1c20!important;color:#d4c5be!important;border-radius:6px!important}.account-menu .active,.rank-tabs a.active{background:linear-gradient(180deg,#df252a,#7e0c12)!important;color:#fff!important;border-color:#ff5d5d!important}.account-user{color:#e7b86c!important}.logout{background:#17090a!important;border-color:#682126!important;color:#f07f70!important}.rank-table th{background:#19090b!important;color:#e6bb70!important}.rank-table td{border-color:#321317!important}.download-card:hover,.info-card:hover{border-color:#a73539!important;transform:translateY(-2px)}
/* admin */
.admin-page{background:linear-gradient(rgba(5,2,3,.9),rgba(5,2,3,.96)),url("background.jpg") center/cover fixed!important}.admin-shell{max-width:1500px!important;background:rgba(7,6,7,.93)!important;border:1px solid #5d171b!important;border-radius:10px!important;box-shadow:var(--rf-shadow)!important}.admin-head{background:linear-gradient(90deg,#160809,#0b0809)!important;border-bottom-color:#5d171b!important}.admin-title{color:#f0c36a!important}.admin-menu button{background:#10090a!important;color:#bca7a0!important;border-color:#4c1c20!important}.admin-menu button.active{background:linear-gradient(180deg,#e1272c,#850c12)!important;color:#fff!important;border-color:#ff5c5c!important}.panel,.tab.panel{background:linear-gradient(145deg,#11090a,#080709)!important;border-color:#5e171b!important}.stat{background:#14090a!important;border-color:#542025!important}.stat b{color:#f0c36a!important}.admin-table th{background:#1b090b!important;color:#e9bd70!important}.admin-table td{border-color:#331417!important}.admin-table input,.admin-table select,.admin-table textarea{background:#09080a!important;border-color:#4c2024!important;color:#eee!important}.tools{background:#0c0809!important;border-color:#41171a!important}
@media(max-width:900px){.nav{left:8px!important;right:8px!important}.logo{min-width:0!important}.logo b{font-size:15px!important}.hero{margin:0 8px!important;height:640px!important;min-height:640px!important}.hero-copy{left:7%!important;top:29%!important}.hero h1{font-size:60px!important}.content{grid-template-columns:1fr!important;padding-left:8px!important;padding-right:8px!important}.ranking-server-tabs{grid-column:auto!important}.download{margin:0 8px!important}.pass-content{grid-template-columns:1fr!important}.sidebar{order:2}.main-panel{order:1}}
@media(max-width:600px){.nav{height:58px!important}.logo>span{font-size:30px!important}.logo b{font-size:12px!important}.account a{padding:7px 8px!important}.hero{height:590px!important;min-height:590px!important;margin:0 5px!important}.hero-copy{left:6%!important;top:31%!important}.hero h1{font-size:48px!important}.hero-actions .cta-red{min-width:0!important;flex:1!important;height:43px!important;font-size:8px!important;padding:0 7px!important}.download{margin:0 5px!important}.content{padding-left:5px!important;padding-right:5px!important}.panel,.ranking{border-radius:7px!important}.auth-box,.admin-login-page .box{padding:22px 18px!important}.account,.nav nav{display:none!important}}

/* CTA FINAL: 4 nút nằm ngay dưới GIANG HỒ / TÁI KHỞI */
.hero-copy{left:50%!important;top:25%!important;transform:translateX(-50%)!important;width:min(1100px,92%)!important;max-width:none!important;text-align:center!important}
.hero-copy .eyebrow{margin-bottom:8px!important}
.hero h1{margin:8px 0 10px!important;font-size:clamp(72px,8vw,112px)!important;line-height:.82!important}
.hero-actions{width:100%!important;display:flex!important;justify-content:center!important;align-items:center!important;gap:10px!important;flex-wrap:wrap!important;margin:8px auto 0!important}
.hero-actions .cta-red{min-width:160px!important;height:46px!important;padding:0 18px!important;border-radius:5px!important}
.hero-actions .social-facebook{background:linear-gradient(180deg,#173e78,#0b2449)!important;border-color:#5d91d8!important}
.hero-actions .social-zalo{background:linear-gradient(180deg,#075fc5,#063b80)!important;border-color:#58a5ff!important}
.hero-actions .social-facebook:before,.hero-actions .social-zalo:before{border-color:currentColor!important;opacity:.35!important}
@media(max-width:700px){.hero-copy{top:25%!important;width:94%!important}.hero h1{font-size:clamp(52px,14vw,78px)!important}.hero-actions{gap:7px!important}.hero-actions .cta-red{min-width:135px!important;height:43px!important;font-size:9px!important;padding:0 10px!important}}