/* section only provides spacing, NOT full background */
			.vs-hero-wrapper{
			  padding: 30px 0;
			  background: transparent;
			}

			/* boxed frame like header/content width */
			.vs-hero-wrapper .hero-frame{
			  position: relative;
			  overflow: hidden;
			  border-radius: 10px;
			  min-height: 540px;      /* bằng data-height của mày (650) */
			}

			/* background image stays inside frame */
			.vs-hero-wrapper .hero-frame > .hero-bg-img{
			  position: absolute;
			  inset: 0;
			  width: 100%;
			  height: 100%;
			  object-fit: cover;
			  z-index: 0;
			}

			/* slider/layers on top */
			.vs-hero-wrapper .hero-frame .vs-hero-carousel{
			  position: relative;
			  z-index: 2;
			  width: 100%;
			}
			.hero-frame::after{
  content:"";
  position:absolute;
  inset:0;
  background: linear-gradient(90deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.25) 45%, rgba(0,0,0,.15) 100%);
  z-index:1;
  pointer-events:none;
}

/* đảm bảo layer content nằm trên overlay */
.hero-frame .vs-hero-carousel{ position:relative; z-index:2; }
.hero-frame > .hero-bg-img{ z-index:0; }
.vs-hero-wrapper{ padding: 5px 0 5px; } /* bớt dày */

/* ===== HERO: logo ===== */
.hero-logo{
  max-width: 360px;      /* chỉnh 330–380 tùy mắt */
  width: 100%;
  height: auto;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,.55));
  transform: translateZ(0); /* chống blur */
}

/* ===== HERO: button base ===== */
.hero-btn{
  min-width: 150px;
  height: 44px;
  line-height: 44px;
  padding: 0 18px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .3px;
  border-radius: 8px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  text-transform: none; /* bớt “gồng” */
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
}

/* hover/active cho cảm giác “game” */
.hero-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 14px 28px rgba(0,0,0,.42);
}
.hero-btn:active{
  transform: translateY(0px);
  box-shadow: 0 8px 18px rgba(0,0,0,.30);
}

/* primary giống vibe header */
.hero-btn-primary{
  border: 1px solid rgba(255,255,255,.12);
}

/* Facebook nút tối nhưng vẫn nổi */
.hero-btn-dark{
  background: rgba(0,0,0,.45) !important;
  border: 1px solid rgba(255,255,255,.12);
  backdrop-filter: blur(6px);
}
.hero-btn-dark:hover{
  background: rgba(0,0,0,.55) !important;
}
/* ===== MMORPG PANEL SYSTEM ===== */
:root{
  --mm-radius: 10px;
  --mm-border: rgba(255,255,255,.10);
  --mm-border-soft: rgba(255,255,255,.06);
  --mm-shadow: 0 18px 42px rgba(0,0,0,.38);
  --mm-glow: 0 0 0 1px rgba(79,231,255,.07); /* cyan nhẹ */
  --mm-accent: rgba(79,231,255,.95);
}

/* section spacing đồng bộ */
.vs-blog-wrapper.blog-single-layout1{
  padding-top: 28px !important;
}

/* card/panel chung: news + sidebox */
.vs-blog .blog-content.bg-major-black,
.sidebar-area .vs-sidebox.bg-major-black,
.sidebar-area .vs-sidebox-v2.bg-major-black{
  border-radius: var(--mm-radius);
  border: 1px solid var(--mm-border-soft);
  box-shadow: var(--mm-shadow);
  overflow: hidden;
  position: relative;
}

/* viền highlight nhẹ kiểu UI game */
.vs-blog .blog-content.bg-major-black::before,
.sidebar-area .vs-sidebox.bg-major-black::before,
.sidebar-area .vs-sidebox-v2.bg-major-black::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius: var(--mm-radius);
  box-shadow: var(--mm-glow);
  pointer-events:none;
}

/* khoảng cách giữa các item news gọn + đều */
.vs-blog{ margin-bottom: 16px; }
.vs-blog .blog-content{ padding: 18px 18px; }

/* hover “nhẹ” như game UI */
.vs-blog .blog-content.bg-major-black{
  transition: transform .14s ease, border-color .14s ease, box-shadow .14s ease;
}
.vs-blog .blog-content.bg-major-black:hover{
  transform: translateY(-2px);
  border-color: rgba(79,231,255,.14);
  box-shadow: 0 22px 54px rgba(0,0,0,.46);
}

/* thumbnail như icon quest */
.vs-blog .image-container img{
  border-radius: 8px;
  border: 1px solid rgba(255,255,255,.12);
  box-shadow: 0 12px 26px rgba(0,0,0,.40);
}

/* title + excerpt cho đúng fantasy */
.vs-blog .blog-title a{
  color: rgba(255,255,255,.92);
  font-weight: 800;
  letter-spacing: .2px;
}
.vs-blog .blog-title a:hover{
  color: var(--mm-accent);
}
.vs-blog .blog-content p{
  color: rgba(255,255,255,.72);
  margin-bottom: 0;
  line-height: 1.55;
}

/* Section title (Tin tức mới / News) giống “chapter heading” */
.section-title2 .sub-title3{
  letter-spacing: .22em;
  text-transform: uppercase;
  font-weight: 800;
  opacity: .8;
}
.section-title2 .sec-title2{
  text-shadow: 0 10px 22px rgba(0,0,0,.45);
}

/* nút “Xem thêm tin khác” bớt web-app, giống tab UI */
.vs-btn2.gradient-btn{
  border-radius: 8px;
  height: 38px;
  line-height: 38px;
  padding: 0 14px;
  font-weight: 800;
  letter-spacing: .3px;
  box-shadow: 0 14px 30px rgba(0,0,0,.35);
}
.hero-wrap{
  border-radius: 14px;
  overflow: hidden;

  /* cùng vibe với card dưới */
  background: rgba(18, 22, 28, .85);
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.45);
}
.hero-wrap{
  position: relative;
}

.hero-wrap::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height: 120px;

  /* fade từ banner xuống nền site */
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0),
    rgba(10,12,16,.65),
    rgba(10,12,16,1)
  );
  pointer-events:none;
}
.hero-wrap::before{
  content:"";
  position:absolute;
  inset:0;

  /* dìm màu + unify tone */
  background:
    radial-gradient(80% 80% at 30% 30%, rgba(0,255,204,.10), transparent 60%),
    linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.20));
  backdrop-filter: blur(0.6px);
  pointer-events:none;
}
.hero-section{ margin-bottom: 18px; }  /* hoặc 24 */
.news-section{ margin-top: 0; }
/* khung chung */
.news-list-wrap{
  border-radius: 14px;
  padding: 12px 22px;
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* list */
.news-list{
  list-style: none;
  padding: 0;
  margin: 0;
}

.news-item{
  border-bottom: 1px dotted rgba(255,255,255,.16);
}

.news-item:last-child{
  border-bottom: none;
}

.news-link{
  display:flex;
  justify-content: space-between;
  align-items:center;
  gap: 16px;
  padding: 12px 0;
  text-decoration:none;
}

.news-title{
  color: #dfe7f1;
  font-size: 16px;
  line-height: 1.35;
}

.news-date{
  color: rgba(255,255,255,.55);
  font-size: 14px;
  white-space: nowrap;
}

/* hover nhẹ cho “vibe game” */
.news-link:hover .news-title{
  color: #00e0c6;
  transform: translateX(4px);
  transition: .2s ease;
}
.quicklinks-box{
  padding: 22px 22px 18px 22px;
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}

.quicklinks{
  display:flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 14px;
}

.ql-btn{
  display:flex;
  align-items:center;
  gap: 14px;

  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.08);
  background: rgba(255,255,255,.03);

  text-decoration:none;
  transition: .2s ease;
}

.ql-ic{
  width: 34px;
  height: 34px;
  border-radius: 8px;
  display:flex;
  align-items:center;
  justify-content:center;

  color:#00e0c6;
  background: rgba(0,224,198,.10);
  border: 1px solid rgba(0,224,198,.18);
}

.ql-txt{
  color:#e7eef7;
  font-weight: 700;
  letter-spacing: .6px;
  font-size: 14px;
}

.ql-btn:hover{
  transform: translateY(-1px);
  border-color: rgba(0,224,198,.30);
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
}

.ql-btn:hover .ql-txt{ color:#00e0c6; }

/* nút nổi bật (TẢI GAME) giống hình 2 */
.ql-primary{
  background: linear-gradient(90deg, rgba(0,224,198,.20), rgba(0,224,198,.05));
  border-color: rgba(0,224,198,.35);
}
.home-news-surface{
  position: relative;
  padding: 22px 0 10px;
  margin-top: -12px; /* kéo sát xuống banner cho mượt */
}

.home-news-surface::before{
  content:"";
  position:absolute;
  left:-14px; right:-14px; top:-18px; bottom:-14px;
  border-radius: 18px;

  /* lớp nối mượt + điểm sáng teal nhẹ */
  background:
    radial-gradient(70% 140% at 18% 0%, rgba(0,224,198,.10), transparent 55%),
    radial-gradient(55% 120% at 75% 10%, rgba(255,120,120,.06), transparent 60%),
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.00));

  pointer-events:none;
  opacity:.95;
}
.home-panel{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.06);
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.02));
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.quicklinks{ margin-top: 14px; display:flex; flex-direction:column; gap:12px; }

.ql-btn{
  display:flex; align-items:center; gap:14px;
  padding: 14px 16px;
  border-radius: 10px;
  border: 1px solid rgba(255,255,255,.06);
  background: rgba(255,255,255,.025);
  text-decoration:none;
  transition:.2s ease;
}

.ql-primary{
  background: linear-gradient(90deg, rgba(0,224,198,.16), rgba(0,224,198,.04));
  border-color: rgba(0,224,198,.25);
}

.ql-btn:hover{
  transform: translateY(-1px);
  border-color: rgba(0,224,198,.30);
  box-shadow: 0 10px 22px rgba(0,0,0,.35);
}
.home-hero-wrap{
  position: relative;
  border-radius: 18px;
  overflow: hidden;

  border: 1px solid rgba(255,255,255,.06);

  box-shadow:
    0 20px 50px rgba(0,0,0,.55),
    0 0 0 1px rgba(0,224,198,.06);

  margin-bottom: 28px;
}

.vs-hero-wrapper{
  padding: 18px 0 28px;
}

.hero-frame{
  position: relative;
  border-radius: 18px;
  overflow: hidden;

  border: 1px solid rgba(255,255,255,.06);

  box-shadow:
    0 30px 60px rgba(0,0,0,.55),
    0 0 0 1px rgba(0,224,198,.06);
}

/* Overlay unify tone */
.hero-frame::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(70% 120% at 25% 10%, rgba(0,224,198,.08), transparent 60%),
    linear-gradient(90deg, rgba(0,0,0,.55), rgba(0,0,0,.20));
  pointer-events:none;
  z-index:1;
}

/* Fade xuống section dưới */
.hero-frame::after{
  content:"";
  position:absolute;
  left:0; right:0; bottom:0;
  height:0px;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0),
    rgba(10,12,16,.75),
    rgba(10,12,16,1)
  );
  pointer-events:none;
  z-index:2;
}

/* đảm bảo content nổi lên */
.hero-frame .vs-hero-carousel{
  position: relative;
  z-index:3;
}

.hero-bg-img{
  z-index:0 !important;
}
.vs-blog-wrapper.blog-single-layout1{
  padding-top: 10px !important;
}

.home-news-surface{
  margin-top: -20px;
}
/* ===== HERO CARD: viền đậm + nổi như 1 tấm thẻ ===== */
.hero-frame{
  position: relative;
  border-radius: 18px;
  overflow: hidden;

  /* nền tối nhẹ để “đỡ” ảnh */
  background: rgba(12,14,18,.55);

  /* viền đậm */
  border: 2px solid rgba(255,255,255,.14);

  /* shadow nổi */
  box-shadow:
    0 28px 70px rgba(0,0,0,.75),        /* bóng chính sâu */
    0 10px 24px rgba(0,0,0,.45),        /* bóng phụ */
    0 0 0 1px rgba(0,224,198,.22);      /* rim teal nhẹ */

  transform: translateZ(0);
}

/* Rim sáng kiểu “card gaming” (glow quanh viền) */
.hero-frame::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius: 20px;

  background:
    radial-gradient(120% 80% at 15% 10%, rgba(0,224,198,.20), transparent 55%),
    radial-gradient(90% 70% at 90% 20%, rgba(255,120,120,.14), transparent 55%),
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,0));

  pointer-events:none;
  z-index: 1;
  opacity: .95;
  mix-blend-mode: screen;  /* nếu thấy “gắt” thì bỏ dòng này */
}

/* Inner highlight + viền trong (tạo cảm giác tấm kính) */
.hero-frame::after{
  content:"";
  position:absolute;
  inset: 0;
  border-radius: 18px;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.10),
    inset 0 12px 30px rgba(255,255,255,.06),
    inset 0 -26px 50px rgba(0,0,0,.35);

  pointer-events:none;
  z-index: 2;
}

/* Đảm bảo ảnh & layer nằm đúng thứ tự */
.hero-frame > .hero-bg-img{ z-index: 0 !important; }
.hero-frame .vs-hero-carousel{ position: relative; z-index: 3; }

/* nếu muốn “nổi” thêm tí: tách khỏi nền phía sau */
.vs-hero-wrapper{ padding-top: 18px !important; padding-bottom: 22px !important; }

/* ===== FIX: News không chồng lên Banner ===== */

/* 1) Banner phải có khoảng hở phía dưới */
.hero-frame{ margin-bottom: 26px !important; }

/* 2) ĐỪNG kéo news lên (bỏ margin âm) */
.home-news-surface{
  margin-top: 0 !important;
  padding-top: 0 !important;
  z-index: auto !important;
}

/* 3) Nếu section News bị đè do padding-top quá nhỏ, tăng lại */
.vs-blog-wrapper.blog-single-layout1{
  padding-top: 48px !important;
}
/* nối nền mượt nhưng KHÔNG đẩy news lên */
.home-news-surface::before{
  top: -14px !important;   /* chỉ là nền trang trí */
}
.row-equal {
    display: flex;
    align-items: stretch;
}

.row-equal > div {
    display: flex;
}

.equal-box {
    width: 100%;
    display: flex;
    flex-direction: column;
}
.row-equal{
  display:flex;
  align-items:stretch;
}

.row-equal > [class*="col-"]{
  display:flex;
}

.equal-box{
  width:100%;
  display:flex;
  flex-direction:column;
}

/* để 2 box nhìn cân hơn (tuỳ chọn) */
.news-list-wrap,
.quicklinks-box{
  height:100%;
}
.news-footer{
  margin-top:auto;   
}
.news-list,
.news-list-wrap h3,
.quicklinks-box h3{
  margin-bottom:0;
}
.news-list{
  padding-left:0; /* nếu ul có padding mặc định */
}
/* Áp cho cả 2 box: Tin tức + Quick Links */
.news-list-wrap,
.quicklinks-box{
  position: relative;
  border-radius: 14px;
  border: 1px solid rgba(120,170,180,.18);
  box-shadow: 0 12px 40px rgba(0,0,0,.35);
  overflow: hidden;
}

/* viền trong */
.news-list-wrap:before,
.quicklinks-box:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius: 12px;
  border: 1px solid rgba(0,255,255,.10);
  pointer-events:none;
}

/* glow mỏng đáy (aura MU) */
.news-list-wrap:after,
.quicklinks-box:after{
  content:"";
  position:absolute;
  left:-20%;
  right:-20%;
  bottom:-40px;
  height:120px;
  background: radial-gradient(closest-side, rgba(0,255,255,.10), transparent 70%);
  pointer-events:none;
  filter: blur(2px);
}
/* đặt lên .home-news-surface hoặc container section */
.home-news-surface{
  position: relative;
}

.home-news-surface:before{
  content:"";
  position:absolute;
  inset:-20px;
  background:
    radial-gradient(closest-side at 30% 20%, rgba(0,255,255,.08), transparent 60%),
    radial-gradient(closest-side at 80% 60%, rgba(255,120,50,.06), transparent 60%),
    radial-gradient(closest-side at 50% 90%, rgba(0,0,0,.55), transparent 60%);
  pointer-events:none;
  opacity:.9;
}
.ql-btn{
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
  border: 1px solid rgba(120,170,180,.12);
}

.ql-btn:hover{
  transform: translateY(-1px);
  box-shadow: 0 10px 25px rgba(0,0,0,.35);
  background: linear-gradient(90deg, rgba(0,255,255,.10), rgba(0,0,0,0) 60%);
}

.ql-ic{
  box-shadow: inset 0 0 0 1px rgba(0,255,255,.12);
}
.hero-frame{
  border-radius: 14px;
  border: 1px solid rgba(120,170,180,.20);
  box-shadow: 0 18px 55px rgba(0,0,0,.45);
  position: relative;
  overflow:hidden;
}

.hero-frame:before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:12px;
  border: 1px solid rgba(0,255,255,.10);
  pointer-events:none;
}
/* ===== Guild Wars -> same surface style as Tin tức / Menu ===== */
.gw-surface{
  background: rgba(18,22,28,.75);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 18px;
  box-shadow: 0 12px 35px rgba(0,0,0,.35);
  overflow: hidden;
  position: relative;
  padding: 18px 18px 22px;
}

.gw-surface:before{
  content:"";
  position:absolute;
  inset:-2px;
  background: radial-gradient(700px 240px at 15% 100%, rgba(18,227,214,.18), transparent 55%);
  pointer-events:none;
}

/* title giống style box */
.section-title2.gw-head .sec-title2:before{
  content:"--";
  color: rgba(18,227,214,.9);
  margin-right: 10px;
}
.section-title2.gw-head{
  margin-bottom: 10px;
}
.section-title2.gw-head:after{
  content:"";
  display:block;
  height:1px;
  margin-top: 14px;
  background: rgba(255,255,255,.08);
}

/* ===== Card style ===== */
.gw-card{
  background: rgba(20,24,31,.65);
  border: 1px solid rgba(255,255,255,.06);
  border-radius: 14px;
  overflow: hidden;
}

.gw-card__head{
  padding: 14px 16px 10px;
}
.gw-card__head .sidebox-title{
  font-size: 18px;
  font-weight: 800;
}
.gw-card__head .sidebox-title:before{
  content:"--";
  color: rgba(18,227,214,.9);
  margin-right: 10px;
}
.gw-card__head:after{
  content:"";
  display:block;
  height:1px;
  background: rgba(255,255,255,.08);
  margin-top: 12px;
}

/* body spacing */
.gw-card__body{ padding: 14px 16px 6px; }
.gw-card__inner{ padding: 0 !important; }

/* table trong card đẹp hơn */
.gw-card table td{
  border-color: rgba(255,255,255,.06) !important;
  color: rgba(255,255,255,.65);
}
.gw-card table td span.text-white{
  color: rgba(255,255,255,.9) !important;
}

/* footer */
.gw-card__foot{
  padding: 10px 16px 14px;
  border-top: 1px solid rgba(255,255,255,.08);
  font-size: 13px;
  color: rgba(255,255,255,.55);
}
.gw-card__foot hr{ display:none; } /* bỏ hr cũ */
.gw-card__foot .fs-17{ font-size: 13px !important; }
/* ===== DIVINE HALO EFFECT ===== */

.hero-logo-wrap{
    position: relative;
    display: inline-block;
}

/* lớp glow nền phía sau */
.hero-logo-wrap::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 160%;
    height: 160%;
    transform: translate(-50%, -50%);
    background: radial-gradient(circle,
        rgba(255,210,120,0.25) 0%,
        rgba(255,180,80,0.18) 30%,
        rgba(255,150,50,0.10) 50%,
        transparent 70%);
    filter: blur(40px);
    opacity: 0.7;
    animation: divinePulse 6s ease-in-out infinite;
    pointer-events: none;
}

/* shimmer nhẹ trên logo */
.hero-logo{
    position: relative;
    z-index: 2;
    animation: logoShine 8s linear infinite;
}

/* pulse chậm */
@keyframes divinePulse{
    0%{ opacity: 0.55; transform: translate(-50%, -50%) scale(0.95); }
    50%{ opacity: 0.9; transform: translate(-50%, -50%) scale(1.05); }
    100%{ opacity: 0.55; transform: translate(-50%, -50%) scale(0.95); }
}

/* ánh sáng quét rất nhẹ */
@keyframes logoShine{
    0%{ filter: drop-shadow(0 0 6px rgba(255,215,130,0.4)); }
    50%{ filter: drop-shadow(0 0 14px rgba(255,215,130,0.8)); }
    100%{ filter: drop-shadow(0 0 6px rgba(255,215,130,0.4)); }
}
/* =========================================================
   HOME HERO FINAL
========================================================= */

.home-hero-full{
    position: relative;
    padding: 0 !important;
    margin: 0 !important;
    background: #070b12;
    overflow: hidden;
}

/* HERO IMAGE */
.home-hero-full .hero-frame{
    position: relative;

    width: 100vw;
    height: 330px;

    margin-left: calc(50% - 50vw);

    overflow: hidden;

    border: 0;
    border-radius: 0;
    box-shadow: none;

    background-image:
        url("https://ht.lucdiahuyenbi.com/assets/pulse/images/upload/bglucdiahead.jpg");

    background-size: cover;
    background-repeat: no-repeat;

    /* chỉnh vị trí ảnh */
    background-position: center 45%;
}

/* DARK EDGES */
.home-hero-full .hero-frame::before{
    content:"";

    position:absolute;
    inset:0;

    z-index:1;
    pointer-events:none;

    background:
        radial-gradient(
            ellipse at center,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.12) 58%,
            rgba(0,0,0,.75) 100%
        ),

        linear-gradient(
            to bottom,
            rgba(7,11,18,0) 0%,
            rgba(7,11,18,0) 72%,
            #070b12 100%
        );
}

/* BUTTONS */
.hero-center-actions{
    position:absolute;

    left:50%;
    top:62%;

    transform:translateX(-50%);

    z-index:5;

    display:flex;
    gap:14px;
}

.hero-main-btn{
    min-width:190px;
    height:52px;

    display:flex;
    align-items:center;
    justify-content:center;
    gap:10px;

    padding:0 26px;

    border-radius:8px;

    font-size:14px;
    font-weight:800;
    letter-spacing:.4px;

    text-decoration:none;
    color:#fff;

    transition:.25s;

    box-shadow:
        0 10px 24px rgba(0,0,0,.45);
}

/* DOWNLOAD BTN */
.hero-download{
    background:
        linear-gradient(
            90deg,
            #00c8c4,
            #17e6d8
        );
}

.hero-download:hover{
    transform:translateY(-2px);

    box-shadow:
        0 16px 30px rgba(0,224,210,.35);
}

/* COMMUNITY BTN */
.hero-discord{
    background:
        rgba(10,14,22,.72);

    border:
        1px solid rgba(219,176,89,.45);
}

.hero-discord:hover{
    background:
        rgba(18,24,36,.9);

    border-color:
        rgba(219,176,89,.8);
}

/* =========================================================
   NEWS SURFACE
========================================================= */

.home-news-surface{
    position: relative;

    margin-top: -35px !important;

    z-index: 20;
}

/* =========================================================
   NEWS + MENU PANEL
========================================================= */

.news-list-wrap,
.quicklinks-box{

    position: relative;

    padding: 24px 26px;

    border-radius: 6px;

    background:
        linear-gradient(
            180deg,
            rgba(18,22,32,.96),
            rgba(8,11,17,.98)
        );

    border:
        1px solid rgba(219,176,89,.22);

    box-shadow:
        0 20px 50px rgba(0,0,0,.45);

    overflow: hidden;
}

/* TOP DECOR */
.news-list-wrap::before,
.quicklinks-box::before{

    content:"✦";

    position:absolute;

    top:12px;
    left:16px;

    color:#d9b16a;

    font-size:12px;

    opacity:.9;
}

/* HEADER */
.news-list-wrap h3,
.quicklinks-box h3{

    padding-left:22px;

    color:#fff;

    letter-spacing:.04em;
}

/* NEWS ITEMS */
.news-item{
    border-bottom:
        1px solid rgba(255,255,255,.05);
}

.news-link{
    padding:12px 0;
}

.news-title{
    color:
        rgba(235,235,235,.9);
}

.news-date{
    color:
        rgba(219,176,89,.72);
}

.news-link:hover .news-title{
    color:#e8c37d;
}

/* MENU BUTTON */
.ql-btn{

    border-radius:8px;

    background:
        rgba(255,255,255,.025);

    border:
        1px solid rgba(255,255,255,.06);

    transition:.2s;
}

.ql-btn:hover{

    background:
        linear-gradient(
            90deg,
            rgba(219,176,89,.10),
            rgba(255,255,255,.03)
        );

    border-color:
        rgba(219,176,89,.35);
}

/* ICON */
.ql-ic{

    background:
        rgba(0,224,210,.08);

    border:
        1px solid rgba(0,224,210,.16);

    color:#29e5d8;
}
/* ===== MERGE HERO + CONTENT LIKE CONCEPT ===== */

.home-hero-full{
  position: relative !important;
  background:
    linear-gradient(to bottom, rgba(7,11,18,0) 0%, #070b12 100%) !important;
}

/* hero cao hơn chút để panel có chỗ chồng lên */
.home-hero-full .hero-frame{
  height: 430px !important;
  min-height: 430px !important;
  max-height: 430px !important;

  background-size: cover !important;
  background-position: center 43% !important;
}

/* fade mạnh xuống dưới để không bị cắt ngang */
.home-hero-full .hero-frame::before{
  background:
    radial-gradient(ellipse at center,
      rgba(0,0,0,0) 0%,
      rgba(0,0,0,.12) 54%,
      rgba(0,0,0,.82) 100%
    ),
    linear-gradient(to bottom,
      rgba(7,11,18,0) 0%,
      rgba(7,11,18,0) 58%,
      rgba(7,11,18,.72) 82%,
      #070b12 100%
    ) !important;
}

/* nền section tin tức tiếp tục hòa với hero */
.vs-blog-wrapper.blog-single-layout1{
  position: relative !important;
  padding-top: 0 !important;
  margin-top: 0 !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(0,224,198,.09), transparent 34%),
    radial-gradient(circle at 82% 0%, rgba(219,176,89,.08), transparent 36%),
    linear-gradient(to bottom, #070b12 0%, #0b0d13 100%) !important;
}

/* kéo news/menu chồng lên hero giống concept */
.home-news-surface{
  position: relative !important;
  z-index: 20 !important;
  margin-top: -115px !important;
  padding-top: 0 !important;
}

/* tạo lớp ánh sáng/sương sau 2 panel */
.home-news-surface::before{
  content:"" !important;
  position:absolute !important;
  left:-180px !important;
  right:-180px !important;
  top:-90px !important;
  height:260px !important;
  z-index:-1 !important;
  pointer-events:none !important;

  background:
    radial-gradient(ellipse at 30% 50%, rgba(0,224,198,.13), transparent 48%),
    radial-gradient(ellipse at 72% 40%, rgba(219,176,89,.10), transparent 46%),
    linear-gradient(to bottom, rgba(7,11,18,0), rgba(7,11,18,.92));
}

/* panel giống concept hơn */
.news-list-wrap,
.quicklinks-box{
  background:
    linear-gradient(180deg, rgba(14,18,27,.88), rgba(5,8,13,.96)) !important;

  border: 1px solid rgba(219,176,89,.34) !important;
  border-radius: 0 !important;

  box-shadow:
    0 28px 70px rgba(0,0,0,.65),
    inset 0 0 0 1px rgba(255,255,255,.045),
    0 0 30px rgba(0,224,198,.045) !important;
}

/* viền vàng trên/dưới kiểu fantasy */
.news-list-wrap::after,
.quicklinks-box::after{
  content:"" !important;
  position:absolute !important;
  left:28px !important;
  right:28px !important;
  bottom:0 !important;
  height:1px !important;

  background:linear-gradient(
    90deg,
    transparent,
    rgba(219,176,89,.85),
    transparent
  ) !important;
}

/* hero button hạ xuống chút */
.hero-center-actions{
  top:67% !important;
}
.home-news-surface{
  position: relative !important;
  z-index: 20 !important;
  margin-top: -95px !important;
  padding-top: 0 !important;
  background: transparent !important;
}

/* chỉ tạo glow nhẹ sau card, không tạo mảng đen lớn */
.home-news-surface::after{
  content:"";
  position:absolute;
  left:50%;
  top:-35px;
  transform:translateX(-50%);
  width:min(1100px, 90vw);
  height:160px;
  z-index:-1;
  pointer-events:none;

  background:
    radial-gradient(ellipse at 35% 50%, rgba(0,224,198,.13), transparent 55%),
    radial-gradient(ellipse at 70% 50%, rgba(219,176,89,.10), transparent 55%);
}
.home-news-surface .row{
  max-width: 1180px;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* ===== KILL BLACK BACK PANEL FINAL ===== */
.home-news-surface::before,
.home-news-surface::after{
  display: none !important;
  content: none !important;
  background: none !important;
}

.home-news-surface{
  background: transparent !important;
  box-shadow: none !important;
  margin-top: -85px !important;
  padding-top: 0 !important;
}

/* giới hạn cụm news/menu không bị kéo quá rộng */
.home-news-surface .row{
  max-width: 1180px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* section dưới không tạo mảng đen lớn */
.vs-blog-wrapper.blog-single-layout1{
  background:
    linear-gradient(to bottom, #070b12 0%, #0b0d13 100%) !important;
}
/* ===== FIX GAP HERO -> NEWS ===== */
.vs-blog-wrapper.blog-single-layout1{
  padding-top: 0 !important;
  margin-top: 0 !important;
}

.vs-blog-wrapper.blog-single-layout1 .container{
  padding-top: 0 !important;
}

.home-news-surface{
  margin-top: -130px !important;
  padding-top: 0 !important;
}
.home-hero-full .hero-frame{
  height: 430px !important;
  min-height: 430px !important;
  max-height: 430px !important;

  background-image: url("https://ht.lucdiahuyenbi.com/assets/pulse/images/upload/bglucdiahead.jpg") !important;
  background-size: auto 430px !important;
  background-position: center top !important;
  background-repeat: no-repeat !important;
  background-color: #070b12 !important;
}

/* phủ tối 2 bên + fade xuống dưới */
.home-hero-full .hero-frame::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;

  background:
    linear-gradient(
      90deg,
      #070b12 0%,
      rgba(7,11,18,.88) 13%,
      rgba(7,11,18,0) 28%,
      rgba(7,11,18,0) 72%,
      rgba(7,11,18,.88) 87%,
      #070b12 100%
    ),
    linear-gradient(
      to bottom,
      rgba(7,11,18,0) 55%,
      #070b12 100%
    );
}
/* ===== HERO CINEMATIC FINAL OVERRIDE ===== */
.hero-cinematic{
  position: relative !important;
  width: 100% !important;
  height: 760px !important;
  min-height: 760px !important;

  background:
    linear-gradient(
      to bottom,
      rgba(4,7,15,.10) 0%,
      rgba(4,7,15,.20) 45%,
      rgba(4,7,15,.92) 100%
    ),
    url("https://ht.lucdiahuyenbi.com/assets/pulse/images/upload/bglucdiahead.jpg") center top / cover no-repeat !important;

  background-color: #070b12 !important;
  overflow: hidden !important;
  z-index: 1 !important;
}

.hero-cinematic::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;

  background: linear-gradient(
    90deg,
    rgba(5,8,18,.88) 0%,
    rgba(5,8,18,.20) 18%,
    rgba(5,8,18,0) 35%,
    rgba(5,8,18,0) 65%,
    rgba(5,8,18,.20) 82%,
    rgba(5,8,18,.88) 100%
  ) !important;
}

.hero-overlay{
  display:none !important;
}

.hero-content{
  position:absolute !important;
  top:50% !important;
  left:50% !important;
  transform:translate(-50%,-50%) !important;
  z-index:3 !important;
  width:100% !important;
  text-align:center !important;
}

.hero-content h1{
  font-size:88px !important;
  line-height:.9 !important;
  color:#f5e6c8 !important;
  margin-bottom:15px !important;
  text-shadow:0 0 25px rgba(255,220,160,.25) !important;
}

.hero-content p{
  color:#d9c8a3 !important;
  font-size:22px !important;
  letter-spacing:4px !important;
  margin-bottom:35px !important;
}

.hero-buttons{
  display:flex !important;
  justify-content:center !important;
  gap:18px !important;
}
/* =========================================================
   FINAL HOME HERO BUTTONS + FANTASY PANEL BORDER
   Dán CUỐI file csshome.css
========================================================= */

/* đẩy nút xuống dưới giống concept */
.home-hero-full .hero-center-actions{
  top: 80% !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  gap: 18px !important;
  z-index: 10 !important;
}

/* base button mới */
.home-hero-full .hero-main-btn{
  position: relative;
  min-width: 205px;
  height: 56px;
  padding: 0 30px;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 11px;

  border-radius: 0;
  clip-path: polygon(10% 0, 90% 0, 100% 50%, 90% 100%, 10% 100%, 0 50%);

  font-size: 14px;
  font-weight: 900;
  letter-spacing: .6px;
  text-transform: uppercase;
  color: #fff !important;
  text-decoration: none !important;

  box-shadow:
    0 14px 30px rgba(0,0,0,.55),
    inset 0 0 0 1px rgba(255,255,255,.16);

  transition: .22s ease;
}

/* tải game - xanh ngọc */
.home-hero-full .hero-download{
  background:
    linear-gradient(180deg, #23eee1 0%, #08b8b3 48%, #047e86 100%) !important;
  border: 1px solid rgba(127,255,245,.75);
  text-shadow: 0 1px 2px rgba(0,0,0,.45);
}

.home-hero-full .hero-download::before{
  content:"";
  position:absolute;
  inset:4px 10px;
  clip-path: inherit;
  border:1px solid rgba(255,255,255,.22);
  pointer-events:none;
}

.home-hero-full .hero-download:hover{
  transform: translateY(-3px);
  box-shadow:
    0 18px 38px rgba(0,224,210,.34),
    0 0 24px rgba(0,224,210,.28),
    inset 0 0 0 1px rgba(255,255,255,.22);
}

/* cộng đồng - đen vàng */
.home-hero-full .hero-discord{
  background:
    linear-gradient(180deg, rgba(32,28,22,.96), rgba(10,12,18,.96)) !important;
  border: 1px solid rgba(219,176,89,.72);
  color: #f4e4bf !important;
}

.home-hero-full .hero-discord::before{
  content:"";
  position:absolute;
  inset:4px 10px;
  clip-path: inherit;
  border:1px solid rgba(219,176,89,.22);
  pointer-events:none;
}

.home-hero-full .hero-discord:hover{
  transform: translateY(-3px);
  background:
    linear-gradient(180deg, rgba(50,39,25,.98), rgba(15,16,22,.98)) !important;
  border-color: rgba(245,202,111,.95);
  box-shadow:
    0 18px 38px rgba(0,0,0,.55),
    0 0 24px rgba(219,176,89,.20);
}

/* mobile: nút nhỏ lại */
@media (max-width: 767px){
  .home-hero-full .hero-center-actions{
    top: 70% !important;
    gap: 10px !important;
    width: 92%;
  }

  .home-hero-full .hero-main-btn{
    min-width: 0;
    flex: 1;
    height: 48px;
    padding: 0 14px;
    font-size: 12px;
  }
}

/* =========================================================
   FINAL DECOR BORDER FOR TIN TỨC + MENU
========================================================= */

.news-list-wrap,
.quicklinks-box{
  position: relative !important;
  padding: 28px 30px !important;

  border-radius: 0 !important;
  border: 1px solid rgba(219,176,89,.48) !important;

  background:
    linear-gradient(180deg, rgba(14,18,27,.92), rgba(5,8,13,.98)) !important;

  box-shadow:
    0 30px 80px rgba(0,0,0,.68),
    inset 0 0 0 1px rgba(255,255,255,.045),
    inset 0 0 36px rgba(0,0,0,.38),
    0 0 34px rgba(219,176,89,.08) !important;

  overflow: visible !important;
}

/* bỏ icon ✦ cũ nếu đang bị lệch */
.news-list-wrap::before,
.quicklinks-box::before{
  content:"" !important;
  position:absolute !important;
  inset: -11px !important;
  border: 1px solid rgba(219,176,89,.25) !important;
  pointer-events:none !important;
  opacity: 1 !important;
  color: transparent !important;
}

/* line vàng trên dưới */
.news-list-wrap::after,
.quicklinks-box::after{
  content:"" !important;
  position:absolute !important;
  left:46px !important;
  right:46px !important;
  bottom:-1px !important;
  height:1px !important;
  background: linear-gradient(90deg, transparent, rgba(245,202,111,.95), transparent) !important;
  pointer-events:none !important;
}

/* 4 góc decor vàng */
.news-list-wrap .panel-corner,
.quicklinks-box .panel-corner{
  display:none;
}

/* dùng pseudo phụ qua box-shadow góc */
.news-list-wrap{
  --corner-size: 34px;
}

.news-list-wrap > h3::before,
.quicklinks-box > h3::before{
  content:"✦";
  color:#e5bd70;
  margin-right:10px;
  font-size:13px;
}

/* title sáng hơn */
.news-list-wrap h3,
.quicklinks-box h3{
  padding-left: 0 !important;
  margin-bottom: 18px !important;
  color: #fff !important;
  text-shadow: 0 0 12px rgba(219,176,89,.24);
}

/* thêm đường line dưới title */
.news-list-wrap h3::after,
.quicklinks-box h3::after{
  content:"";
  display:block;
  height:1px;
  margin-top:14px;
  background: linear-gradient(90deg, rgba(219,176,89,.55), rgba(255,255,255,.06), transparent);
}

/* menu button giống concept hơn */
.quicklinks .ql-btn{
  position: relative;
  min-height: 56px;
  padding: 13px 18px !important;

  border-radius: 7px !important;
  border: 1px solid rgba(219,176,89,.20) !important;

  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    0 10px 22px rgba(0,0,0,.28);
}

.quicklinks .ql-btn::after{
  content:"›";
  position:absolute;
  right:18px;
  top:50%;
  transform:translateY(-50%);
  color:#d9b16a;
  font-size:24px;
  line-height:1;
}

.quicklinks .ql-btn:hover{
  transform: translateY(-2px);
  border-color: rgba(245,202,111,.55) !important;
  background:
    linear-gradient(90deg, rgba(219,176,89,.16), rgba(255,255,255,.035)) !important;
}
/* Đẩy cụm button xuống */
.hero-cinematic .hero-content{
  position: relative;
  height: 100%;
}

.hero-cinematic .hero-buttons{
  position: absolute;
  left: 50%;
  top: 68%; /* tăng 75% / 78% nếu muốn xuống nữa */
  transform: translateX(-50%);

  display: flex;
  gap: 18px;
  z-index: 10;
}
.hero-cinematic-buttons{
  position:absolute;
  left:50%;
  top:72%;
  transform:translateX(-50%);
  z-index:20;

  display:flex;
  gap:24px;
  align-items:center;
}

.cinematic-btn{
  position:relative;

  min-width:245px;
  height:64px;
  padding:0 34px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;

  clip-path:polygon(12% 0, 88% 0, 100% 50%, 88% 100%, 12% 100%, 0 50%);

  font-size:16px;
  font-weight:900;
  letter-spacing:.8px;
  text-transform:uppercase;
  text-decoration:none !important;

  transition:.22s ease;
}

.cinematic-btn i{
  font-size:18px;
  position:relative;
  z-index:3;
}

.cinematic-btn span{
  position:relative;
  z-index:3;
}

/* viền trong */
.cinematic-btn::before{
  content:"";
  position:absolute;
  inset:5px 10px;
  clip-path:inherit;
  border:1px solid rgba(255,255,255,.22);
  pointer-events:none;
  z-index:2;
}

/* ánh sáng trên mặt nút */
.cinematic-btn::after{
  content:"";
  position:absolute;
  left:14%;
  right:14%;
  top:0;
  height:45%;
  background:linear-gradient(to bottom, rgba(255,255,255,.24), transparent);
  pointer-events:none;
  z-index:1;
}

/* nút tải game */
.cinematic-btn-download{
  color:#fff !important;
  background:
    linear-gradient(180deg, #25f4ec 0%, #08b9b5 52%, #056d78 100%);
  border:1px solid rgba(116,255,246,.85);

  box-shadow:
    0 18px 35px rgba(0,0,0,.55),
    0 0 22px rgba(0,224,210,.32),
    inset 0 -8px 18px rgba(0,0,0,.22);
}

/* nút cộng đồng */
.cinematic-btn-community{
  color:#f5ddac !important;
  background:
    linear-gradient(180deg, #2b241b 0%, #171512 52%, #08090d 100%);
  border:1px solid rgba(214,163,78,.85);

  box-shadow:
    0 18px 35px rgba(0,0,0,.58),
    0 0 20px rgba(214,163,78,.18),
    inset 0 -8px 18px rgba(0,0,0,.32);
}

.cinematic-btn-community::before{
  border-color:rgba(214,163,78,.28);
}

.cinematic-btn:hover{
  transform:translateY(-3px);
  filter:brightness(1.08);
}

.cinematic-btn-download:hover{
  box-shadow:
    0 22px 42px rgba(0,0,0,.6),
    0 0 32px rgba(0,224,210,.46);
}

.cinematic-btn-community:hover{
  box-shadow:
    0 22px 42px rgba(0,0,0,.62),
    0 0 30px rgba(214,163,78,.32);
}
/* ===== LDHB HERO BUTTON FINAL - isolated ===== */

.ldhb-hero-buttons{
  position:absolute;
  left:50%;
  top:70%;
  transform:translateX(-50%);
  z-index:30;
  display:flex;
  gap:28px;
  align-items:center;
}

.ldhb-hero-btn{
  position:relative;
  min-width:270px;
  height:66px;
  padding:0 38px;

  display:flex;
  align-items:center;
  justify-content:center;
  gap:15px;

  clip-path:polygon(11% 0, 89% 0, 100% 50%, 89% 100%, 11% 100%, 0 50%);

  font-size:17px;
  font-weight:900;
  letter-spacing:.8px;
  text-transform:uppercase;
  text-decoration:none !important;

  border:1px solid rgba(232,188,91,.75);

  box-shadow:
    0 18px 38px rgba(0,0,0,.62),
    inset 0 0 0 1px rgba(255,255,255,.12),
    inset 0 -10px 22px rgba(0,0,0,.34);

  transition:.22s ease;
}

.ldhb-hero-btn::before{
  content:"";
  position:absolute;
  inset:5px 12px;
  clip-path:inherit;
  border:1px solid rgba(255,222,148,.25);
  pointer-events:none;
}

.ldhb-hero-btn::after{
  content:"";
  position:absolute;
  left:13%;
  right:13%;
  top:-1px;
  height:46%;
  background:linear-gradient(to bottom, rgba(255,255,255,.24), transparent);
  pointer-events:none;
}

.ldhb-hero-btn i,
.ldhb-hero-btn span{
  position:relative;
  z-index:2;
}

.ldhb-hero-btn-primary{
  color:#fff !important;
  background:
    linear-gradient(180deg, #23f3ea 0%, #0caeaa 48%, #045e6c 100%);
  border-color:rgba(89,255,244,.95);
  box-shadow:
    0 18px 38px rgba(0,0,0,.62),
    0 0 26px rgba(0,224,210,.32),
    inset 0 -10px 22px rgba(0,0,0,.28);
}

.ldhb-hero-btn-dark{
  color:#f3d99d !important;
  background:
    linear-gradient(180deg, #2d261a 0%, #14110d 52%, #06070a 100%);
  border-color:rgba(223,172,82,.9);
}

.ldhb-hero-btn:hover{
  transform:translateY(-3px);
  filter:brightness(1.08);
}
/* ===============================
   THEME VARIABLES
================================ */

.theme-nonreset{
  --main-color: #18e0d2;
  --main-color-2: #087b84;
  --accent-color: #d9b16a;
  --glow-color: rgba(0,224,210,.32);
  --panel-border: rgba(219,176,89,.34);
}

.theme-reset{
  --main-color: #ffb347;
  --main-color-2: #b92418;
  --accent-color: #ffcf78;
  --glow-color: rgba(255,80,30,.36);
  --panel-border: rgba(255,150,60,.42);
}
/* Button chính */
.theme-nonreset .ldhb-hero-btn-primary,
.theme-reset .ldhb-hero-btn-primary{
  background:
    linear-gradient(180deg, var(--main-color) 0%, var(--main-color-2) 58%, #061017 100%) !important;

  border-color: var(--main-color) !important;

  box-shadow:
    0 18px 38px rgba(0,0,0,.62),
    0 0 26px var(--glow-color),
    inset 0 -10px 22px rgba(0,0,0,.28) !important;
}

/* Button phụ */
.theme-reset .ldhb-hero-btn-dark{
  color:#ffdfaa !important;
  border-color:rgba(255,180,75,.85) !important;
  box-shadow:
    0 18px 38px rgba(0,0,0,.62),
    0 0 24px rgba(255,100,30,.22) !important;
}
.theme-nonreset .ql-ic,
.theme-reset .ql-ic{
  color: var(--main-color) !important;
  background: color-mix(in srgb, var(--main-color) 12%, transparent) !important;
  border-color: color-mix(in srgb, var(--main-color) 28%, transparent) !important;
}
.theme-nonreset .news-list-wrap,
.theme-nonreset .quicklinks-box,
.theme-reset .news-list-wrap,
.theme-reset .quicklinks-box{
  border-color: var(--panel-border) !important;
}

.theme-reset .news-list-wrap h3::before,
.theme-reset .quicklinks-box h3::before{
  color:#ffb347 !important;
}

.theme-reset .news-date,
.theme-reset .ql-btn::after{
  color:#ffb347 !important;
}
/* =========================================================
   RESET SERVER THEME OVERRIDE
   nhẹ hơn concept "cháy"
========================================================= */

.theme-reset{

  --main-color: #ff8a3d;
  --main-color-2: #d84a1b;

  --accent-color: #ffbf7a;

  --glow-color: rgba(255,120,40,.22);

  --panel-border: rgba(255,140,60,.26);

  --soft-bg:
    linear-gradient(
      180deg,
      rgba(22,16,14,.92),
      rgba(8,8,12,.98)
    );
}

/* =========================================================
   HERO OVERLAY
========================================================= */

.theme-reset .hero-frame::before{
  background:
    radial-gradient(
      70% 120% at 50% 0%,
      rgba(255,120,40,.10),
      transparent 60%
    ),

    linear-gradient(
      90deg,
      rgba(12,8,8,.72),
      rgba(12,8,8,.18)
    ) !important;
}

/* =========================================================
   MAIN BUTTON
========================================================= */

.theme-reset .hero-download,
.theme-reset .ldhb-hero-btn-primary{

  background:
    linear-gradient(
      180deg,
      #ff9d4d 0%,
      #ff6b2d 52%,
      #8a2615 100%
    ) !important;

  border-color:
    rgba(255,190,120,.72) !important;

  box-shadow:
    0 14px 34px rgba(0,0,0,.55),
    0 0 18px rgba(255,120,40,.20),
    inset 0 -8px 18px rgba(0,0,0,.22) !important;
}

/* hover */
.theme-reset .hero-download:hover,
.theme-reset .ldhb-hero-btn-primary:hover{

  transform: translateY(-2px);

  box-shadow:
    0 18px 40px rgba(0,0,0,.58),
    0 0 28px rgba(255,120,40,.32),
    inset 0 -8px 18px rgba(0,0,0,.22) !important;
}

/* =========================================================
   COMMUNITY BUTTON
========================================================= */

.theme-reset .hero-discord,
.theme-reset .ldhb-hero-btn-dark{

  background:
    linear-gradient(
      180deg,
      rgba(30,20,16,.96),
      rgba(8,8,10,.98)
    ) !important;

  border:
    1px solid rgba(255,160,90,.42) !important;

  color:
    #ffd7b0 !important;
}

.theme-reset .hero-discord:hover,
.theme-reset .ldhb-hero-btn-dark:hover{

  border-color:
    rgba(255,180,110,.75) !important;

  box-shadow:
    0 0 22px rgba(255,120,40,.16);
}

/* =========================================================
   PANELS
========================================================= */

.theme-reset .news-list-wrap,
.theme-reset .quicklinks-box{

  background:
    linear-gradient(
      180deg,
      rgba(18,14,14,.94),
      rgba(7,7,10,.98)
    ) !important;

  border:
    1px solid rgba(255,140,60,.22) !important;

  box-shadow:
    0 20px 60px rgba(0,0,0,.52),
    0 0 24px rgba(255,120,40,.05),
    inset 0 0 0 1px rgba(255,255,255,.03) !important;
}

/* viền trong */
.theme-reset .news-list-wrap::before,
.theme-reset .quicklinks-box::before{

  border:
    1px solid rgba(255,170,110,.10) !important;
}

/* line dưới */
.theme-reset .news-list-wrap::after,
.theme-reset .quicklinks-box::after{

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,170,90,.75),
      transparent
    ) !important;
}

/* =========================================================
   MENU BUTTONS
========================================================= */

.theme-reset .ql-btn{

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.025),
      rgba(255,255,255,.015)
    ) !important;

  border:
    1px solid rgba(255,150,80,.10) !important;
}

.theme-reset .ql-btn:hover{

  background:
    linear-gradient(
      90deg,
      rgba(255,120,40,.12),
      rgba(255,255,255,.02)
    ) !important;

  border-color:
    rgba(255,170,100,.34) !important;

  transform:
    translateY(-1px);
}

/* icon */
.theme-reset .ql-ic{

  color:
    #ff9a52 !important;

  background:
    rgba(255,120,40,.10) !important;

  border:
    1px solid rgba(255,140,50,.18) !important;
}

/* =========================================================
   NEWS
========================================================= */

.theme-reset .news-date{
  color:
    rgba(255,170,100,.78) !important;
}

.theme-reset .news-link:hover .news-title{
  color:
    #ffb36d !important;
}

/* =========================================================
   SUBTLE AMBIENT GLOW
========================================================= */

.theme-reset .home-news-surface{

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255,120,40,.05),
      transparent 45%
    ) !important;
}

/* =========================================================
   LIGHT PULSE
========================================================= */

@keyframes resetGlow{

  0%{
    box-shadow:
      0 0 0 rgba(255,120,40,0);
  }

  50%{
    box-shadow:
      0 0 18px rgba(255,120,40,.12);
  }

  100%{
    box-shadow:
      0 0 0 rgba(255,120,40,0);
  }
}

.theme-reset .hero-download{
  animation:
    resetGlow 3.5s ease-in-out infinite;
}
/* =========================================================
   RESET THEME FIX - stronger but still clean
========================================================= */

.theme-reset{
  --reset-orange: #ff7a2f;
  --reset-orange-soft: #ffb16b;
  --reset-red: #9f2418;
  --reset-glow: rgba(255,100,35,.24);
}

/* phủ mood đỏ/cam nhẹ lên hero */
.theme-reset .home-hero-full::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,115,40,.12), transparent 42%),
    linear-gradient(to bottom, rgba(70,18,8,.08), rgba(7,11,18,.45) 78%, #070b12 100%);
  mix-blend-mode: screen;
}

/* đảm bảo nút nằm trên overlay */
.theme-reset .hero-center-actions{
  z-index:5 !important;
}

/* button tải game đỏ cam rõ hơn */
.theme-reset .hero-download,
.theme-reset .ldhb-hero-btn-primary{
  background: linear-gradient(180deg, #ffb36a 0%, #ff762f 48%, #9f2418 100%) !important;
  border-color: rgba(255,190,120,.85) !important;
  color:#fff !important;
  box-shadow:
    0 16px 34px rgba(0,0,0,.55),
    0 0 24px rgba(255,100,35,.30),
    inset 0 0 0 1px rgba(255,255,255,.16) !important;
}

/* button cộng đồng chuyển viền cam */
.theme-reset .hero-discord,
.theme-reset .ldhb-hero-btn-dark{
  border-color: rgba(255,145,70,.55) !important;
  color:#ffd7b0 !important;
  background: linear-gradient(180deg, rgba(30,20,16,.9), rgba(8,8,10,.96)) !important;
}

/* panel đổi từ vàng sang cam đỏ */
.theme-reset .news-list-wrap,
.theme-reset .quicklinks-box{
  border-color: rgba(255,125,50,.32) !important;
  box-shadow:
    0 28px 70px rgba(0,0,0,.62),
    0 0 34px rgba(255,90,30,.08),
    inset 0 0 0 1px rgba(255,255,255,.04) !important;
}

/* title icon */
.theme-reset .news-list-wrap > h3::before,
.theme-reset .quicklinks-box > h3::before{
  color: var(--reset-orange-soft) !important;
}

/* line dưới title */
.theme-reset .news-list-wrap h3::after,
.theme-reset .quicklinks-box h3::after{
  background: linear-gradient(90deg, rgba(255,145,70,.58), rgba(255,255,255,.05), transparent) !important;
}

/* icon menu bỏ xanh */
.theme-reset .ql-ic{
  color:#ff9a55 !important;
  background: rgba(255,110,35,.10) !important;
  border-color: rgba(255,130,55,.25) !important;
  box-shadow: 0 0 14px rgba(255,90,30,.10) !important;
}

/* menu button */
.theme-reset .quicklinks .ql-btn{
  border-color: rgba(255,130,55,.18) !important;
}

.theme-reset .quicklinks .ql-btn::after{
  color:#ff9a55 !important;
}

.theme-reset .quicklinks .ql-btn:hover{
  border-color: rgba(255,150,80,.46) !important;
  background: linear-gradient(90deg, rgba(255,100,35,.14), rgba(255,255,255,.025)) !important;
}

/* news date */
.theme-reset .news-date{
  color:#ff9a55 !important;
}

/* hover news */
.theme-reset .news-link:hover .news-title{
  color:#ffb16b !important;
}

/* nút xem thêm tin khác hết cyan */
.theme-reset .vs-btn2.gradient-btn,
.theme-reset .news-footer a,
.theme-reset a.vs-btn2{
  background: linear-gradient(180deg, #ff9b55, #c9471f) !important;
  border: 1px solid rgba(255,180,100,.55) !important;
  color:#fff !important;
  box-shadow: 0 12px 26px rgba(255,80,20,.18) !important;
}

/* top header nút tải game nhỏ */
.theme-reset header .gradient-btn,
.theme-reset .header-btn,
.theme-reset .vs-btn.gradient-btn{
  background: linear-gradient(180deg, #ff9b55, #c9471f) !important;
  border-color: rgba(255,180,100,.55) !important;
}

/* server card reset nhẹ */
.theme-reset .server-card,
.theme-reset .server-status,
.theme-reset .server-box{
  border-color: rgba(255,130,55,.25) !important;
}

/* chấm online / accent nhỏ nếu có */
.theme-reset .text-theme,
.theme-reset .text-primary,
.theme-reset .theme-color{
  color:#ff9a55 !important;
}
.theme-reset .home-hero-full::after{
  content:"";
  position:absolute;
  inset:80px 0 0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 50% 42%, rgba(255,115,40,.12), transparent 42%),
    linear-gradient(to bottom, rgba(70,18,8,.08), rgba(7,11,18,.45) 78%, #070b12 100%);
}
/* =========================================================
   RESET CARD / BORDER / ICON SYSTEM
========================================================= */

/* ---------- CARD BORDER ---------- */

.theme-reset .news-list-wrap,
.theme-reset .quicklinks-box,
.theme-reset .gw-card,
.theme-reset .home-panel{

  border:
    1px solid rgba(255,130,60,.22) !important;

  box-shadow:
    0 20px 60px rgba(0,0,0,.58),
    0 0 26px rgba(255,90,30,.06),
    inset 0 0 0 1px rgba(255,255,255,.025) !important;
}

/* viền trong */
.theme-reset .news-list-wrap::before,
.theme-reset .quicklinks-box::before,
.theme-reset .gw-card::before{

  border:
    1px solid rgba(255,170,110,.08) !important;
}

/* line fantasy dưới */
.theme-reset .news-list-wrap::after,
.theme-reset .quicklinks-box::after{

  background:
    linear-gradient(
      90deg,
      transparent,
      rgba(255,165,90,.72),
      transparent
    ) !important;
}

/* ---------- TITLE ---------- */

.theme-reset .news-list-wrap h3,
.theme-reset .quicklinks-box h3,
.theme-reset .gw-card__head .sidebox-title{

  color:#fff3df !important;

  text-shadow:
    0 0 10px rgba(255,120,40,.10);
}

/* icon ✦ */
.theme-reset .news-list-wrap h3::before,
.theme-reset .quicklinks-box h3::before,
.theme-reset .gw-card__head .sidebox-title::before{

  color:#ffb26b !important;
}

/* line dưới title */
.theme-reset .news-list-wrap h3::after,
.theme-reset .quicklinks-box h3::after{

  background:
    linear-gradient(
      90deg,
      rgba(255,150,80,.55),
      rgba(255,255,255,.04),
      transparent
    ) !important;
}

/* ---------- MENU BUTTON ---------- */

.theme-reset .ql-btn{

  background:
    linear-gradient(
      180deg,
      rgba(255,255,255,.03),
      rgba(255,255,255,.015)
    ) !important;

  border:
    1px solid rgba(255,140,70,.12) !important;

  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 8px 20px rgba(0,0,0,.24);
}

/* hover */
.theme-reset .ql-btn:hover{

  background:
    linear-gradient(
      90deg,
      rgba(255,110,40,.14),
      rgba(255,255,255,.02)
    ) !important;

  border-color:
    rgba(255,160,90,.42) !important;

  box-shadow:
    0 12px 26px rgba(0,0,0,.35),
    0 0 18px rgba(255,100,35,.08) !important;
}

/* ---------- ICON ---------- */

.theme-reset .ql-ic{

  color:#ff9e58 !important;

  background:
    rgba(255,110,35,.08) !important;

  border:
    1px solid rgba(255,130,55,.18) !important;

  box-shadow:
    inset 0 0 0 1px rgba(255,180,120,.04),
    0 0 14px rgba(255,100,35,.08);
}

/* hover icon */
.theme-reset .ql-btn:hover .ql-ic{

  background:
    rgba(255,120,40,.14) !important;

  border-color:
    rgba(255,170,100,.32) !important;

  color:#ffbe7c !important;
}

/* ---------- MENU TEXT ---------- */

.theme-reset .ql-txt{
  color:#f4e7d8 !important;
}

.theme-reset .ql-btn:hover .ql-txt{
  color:#ffd1a0 !important;
}

/* ---------- ARROW ---------- */

.theme-reset .ql-btn::after{
  color:#ffad66 !important;
}

/* ---------- NEWS LIST ---------- */

.theme-reset .news-item{

  border-bottom:
    1px solid rgba(255,140,60,.06) !important;
}

.theme-reset .news-title{
  color:rgba(255,245,235,.88) !important;
}

.theme-reset .news-date{
  color:rgba(255,170,100,.68) !important;
}

.theme-reset .news-link:hover .news-title{
  color:#ffbf7c !important;
}

/* ---------- SMALL GLOW ---------- */

.theme-reset .home-news-surface{

  background:
    radial-gradient(
      circle at 50% 0%,
      rgba(255,100,35,.04),
      transparent 48%
    ) !important;
}
/* RESET FORCE - card border icon */

.news-list-wrap,
.quicklinks-box{
  border-color: rgba(255,130,55,.36) !important;
  box-shadow:
    0 26px 70px rgba(0,0,0,.62),
    0 0 34px rgba(255,90,30,.10),
    inset 0 0 0 1px rgba(255,255,255,.035) !important;
}

.news-list-wrap::before,
.quicklinks-box::before{
  border-color: rgba(255,150,80,.18) !important;
}

.news-list-wrap::after,
.quicklinks-box::after{
  background: linear-gradient(
    90deg,
    transparent,
    rgba(255,150,75,.88),
    transparent
  ) !important;
}

.news-list-wrap h3::before,
.quicklinks-box h3::before{
  color:#ffad66 !important;
}

.news-list-wrap h3::after,
.quicklinks-box h3::after{
  background: linear-gradient(
    90deg,
    rgba(255,140,70,.58),
    rgba(255,255,255,.05),
    transparent
  ) !important;
}

.ql-ic{
  color:#ff9b55 !important;
  background: rgba(255,105,35,.12) !important;
  border-color: rgba(255,130,55,.28) !important;
  box-shadow: 0 0 16px rgba(255,90,30,.12) !important;
}

.ql-btn{
  border-color: rgba(255,130,55,.20) !important;
}

.ql-btn:hover{
  border-color: rgba(255,160,90,.48) !important;
  background: linear-gradient(
    90deg,
    rgba(255,105,35,.14),
    rgba(255,255,255,.025)
  ) !important;
}

.ql-btn:hover .ql-ic{
  color:#ffc08a !important;
  background: rgba(255,120,40,.18) !important;
  border-color: rgba(255,170,100,.38) !important;
}

.ql-btn::after{
  color:#ffad66 !important;
}

.news-date{
  color:#ff9b55 !important;
}

.news-link:hover .news-title{
  color:#ffbd82 !important;
}

.vs-btn2.gradient-btn,
.news-footer a,
a.vs-btn2{
  background: linear-gradient(180deg, #ff9b55, #c9471f) !important;
  border: 1px solid rgba(255,170,95,.55) !important;
  color:#fff !important;
  box-shadow: 0 12px 26px rgba(255,80,20,.18) !important;
}