:root{--rd-blue:#0d6efd;--rd-dark:#0b2545;--rd-sky:#e7f1ff;}
  body{font-family:'Inter',system-ui,sans-serif;color:#1b2230}
  h1,h2,h3,.navbar-brand,.display-4,.display-5{font-family:'Poppins',sans-serif}
  .navbar-brand img{width:38px;height:38px;border-radius:9px}
  .hero-bs{position:relative;background:#0b2545;overflow:hidden}
  .hero-bs::before{content:"";position:absolute;inset:0;background:url('../images/art/wukong.webp') center/cover;z-index:0}
  .hero-bs::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,18,38,.9),rgba(7,18,38,.5) 65%,rgba(7,18,38,.3));z-index:0}
  .hero-bs .container{position:relative;z-index:1}
  .hero-bs h1,.hero-bs .display-4{color:#fff}
  .hero-bs .text-secondary{color:#d7e3f7!important}
  .hero-bs .text-primary{color:#74b4ff!important}
  .hero-bs .btn-outline-primary{color:#fff;border-color:rgba(255,255,255,.6)}
  .hero-bs .btn-outline-primary:hover{background:rgba(255,255,255,.15);border-color:#fff}
  .hero-bs .stat-pill{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.25);backdrop-filter:blur(6px)}
  .hero-bs .stat-pill small{color:#cfe0ff!important}
  .hero-img{border-radius:1.25rem;box-shadow:0 2rem 4rem -1.5rem rgba(13,110,253,.45)}
  .stat-pill{background:#fff;border:1px solid #e3ecfb;border-radius:1rem;box-shadow:0 .5rem 1.5rem -1rem rgba(13,110,253,.3)}
  .feature-card{border:1px solid #eef2f7;border-radius:1rem;transition:.25s;height:100%}
  .feature-card:hover{transform:translateY(-6px);box-shadow:0 1.5rem 3rem -1.5rem rgba(13,110,253,.35);border-color:#cfe0ff}
  .feature-ic{width:54px;height:54px;border-radius:14px;background:var(--rd-sky);display:grid;place-items:center}
  .feature-ic img{width:32px;height:32px}
  .capsule-bs{border-left:5px solid var(--rd-blue);background:#f1f7ff;border-radius:.75rem}
  .game-ic{width:46px;height:46px;border-radius:12px;background:var(--rd-blue);color:#fff;display:grid;place-items:center;font-weight:700;font-family:'Poppins';flex:none}
  .sec-kicker{letter-spacing:3px;font-size:.75rem;font-weight:700;color:var(--rd-blue);text-transform:uppercase}
  .step-badge{width:34px;height:34px;border-radius:50%;background:var(--rd-blue);color:#fff;display:grid;place-items:center;font-weight:700;flex:none}
  footer{background:var(--rd-dark);color:#cdd9ee}
  footer a{color:#cdd9ee;text-decoration:none}footer a:hover{color:#fff}
  .badge-18{background:#fff3cd;color:#7a5b00;border:1px solid #ffe69c}
  .nav-cta{border-radius:999px}
  .game-thumb{width:58px;height:58px;border-radius:12px;object-fit:cover;flex:none;box-shadow:0 4px 12px -6px rgba(13,110,253,.4)}
  section{scroll-margin-top:80px}
  .page-hero-bs{position:relative;background-size:cover;background-position:center;color:#fff;overflow:hidden}
  .page-hero-bs::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,37,69,.78),rgba(11,37,69,.9));z-index:0}
  .page-hero-bs .container{position:relative;z-index:1}
  .page-hero-bs .crumbs a{color:#9ec5ff}
  .gdetail-img-bs{border-radius:1rem;box-shadow:0 1rem 2.5rem -1rem rgba(13,110,253,.35);width:100%}
  section[id]{scroll-margin-top:80px}