/* Desktop (1920px canvas) styles — extracted from the static build */

  *{font-family:'Prompt',sans-serif;box-sizing:border-box}
  html,body{margin:0;background:#001433;overflow-x:hidden}
  #stage{position:relative;width:100%;overflow:hidden}
  #page{transform-origin:top left}

  /* ===== GLOW CARD (shared by hero banner + promo/bigwin cards) =====
     5px #5188c9 rounded frame with a cyan->white light streak riding
     the top and bottom border edges. */
  .gcard{position:relative;border:5px solid #5188c9;border-radius:16px}
  .gcard>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:11px;display:block}
  .gcard::before,.gcard::after{content:"";position:absolute;left:0;right:0;height:5px;pointer-events:none;z-index:2;
    background:linear-gradient(90deg,rgba(79,238,251,0) 0%,rgba(79,238,251,.45) 16%,rgba(79,238,251,.95) 34%,#ffffff 50%,rgba(79,238,251,.95) 66%,rgba(79,238,251,.45) 84%,rgba(79,238,251,0) 100%)}
  .gcard::before{top:-5px}
  .gcard::after{bottom:-5px}

  /* ===== HERO BANNER SLIDER ===== */
  #heroBanner{position:relative;width:1920px;height:579px}
  #heroBanner .swiper{width:1920px;height:532px;overflow:hidden}
  #heroBanner .swiper-slide{width:1440px;height:532px;position:relative}
  #heroBanner .bn{position:absolute;inset:0}
  /* arrows */
  #heroBanner .hero-nav{position:absolute;top:244px;width:29px;height:44px;z-index:20;cursor:pointer;
    filter:drop-shadow(0 2px 6px rgba(0,0,0,.45))}
  #heroBanner #heroPrev{left:160px}
  #heroBanner #heroNext{right:160px}
  /* dots */
  #heroBanner .hero-dots{position:absolute;top:555px;left:0;width:1920px;height:24px;display:flex;align-items:center;justify-content:center;gap:8px;z-index:20}
  #heroBanner .hero-dots .swiper-pagination-bullet{width:8px;height:8px;margin:0!important;border-radius:50%;background:#808c9f;opacity:1;transition:background .25s}
  #heroBanner .hero-dots .swiper-pagination-bullet-active{background:#ef9d18;box-shadow:0 0 6px rgba(239,157,24,.85)}

  /* ===== SECTION HEADER (left aligned, icon + title) ===== */
  .sec-head{display:flex;align-items:center;gap:32px;height:48px;padding-top:5px}
  .sec-head .ico{width:44px;height:44px;flex:0 0 44px;display:flex;align-items:center;justify-content:center}
  .sec-head .ico img{width:44px;height:44px;object-fit:contain;display:block;image-rendering:-webkit-optimize-contrast}
  .sec-head .ttl{font-size:44px;font-weight:600;color:#fff;line-height:1;white-space:nowrap}

  /* ===== FOOTER ===== */
  .ft-desc{position:absolute;margin:0;font-size:16px;font-weight:400;line-height:1.5;color:#fff}
  .ft-h{position:absolute;top:46px;margin:0;font-size:23px;font-weight:500;color:#fff;line-height:1;white-space:nowrap}
  .ft-col{position:absolute;top:104px;display:flex;flex-direction:column;gap:24px}
  .ft-col a{font-size:17px;font-weight:500;color:#fff;text-decoration:none;line-height:19px;white-space:nowrap}
  .ft-col a:hover{color:#7fd4ff}

  /* ===== accordions (desktop) ===== */
  .dacc{cursor:pointer;overflow:hidden}
  .dacc .dh{min-height:78px}
  .dacc .dh>div>svg{transition:transform .22s}
  .dacc.open .dh>div>svg{transform:rotate(180deg)}
  .dacc .da{display:none;padding:0 24px 20px 24px;font-size:18px;line-height:1.6;color:#cfdcee}
  .dacc.open .da{display:block}
  .faqwrap .faq{position:relative;width:100%;margin-bottom:25px;border-radius:14px;cursor:pointer;
    background:linear-gradient(180deg,rgba(3,26,58,.9),rgba(6,44,86,.9));
    border:1px solid rgba(102,161,255,.4);overflow:hidden}
  .faqwrap .faq:last-child{margin-bottom:0}
  .faqwrap .fh{position:relative;display:flex;align-items:center;min-height:77px;padding-left:34px}
  .faqwrap .fh .ftxt{color:#fff;font-weight:500;font-size:24px;margin-left:20px}
  .faqwrap .fa{display:none;padding:0 34px 22px 34px;font-size:20px;line-height:1.6;color:#cfdcee}
  .faqwrap .faq.open .fa{display:block}

  .side-x{position:absolute;top:0;right:0;width:34px;height:34px;border-radius:50%;background:rgba(8,24,58,.92);border:1.5px solid rgba(120,190,255,.7);color:#dbeaff;font-size:15px;cursor:pointer;z-index:5;display:flex;align-items:center;justify-content:center;line-height:1;box-shadow:0 2px 8px rgba(0,0,0,.4)}
  .side-x:hover{background:rgba(30,60,110,.95)}