:root{
  --hb-navy-900:#040b1c;
  --hb-navy-800:#071129;
  --hb-navy-700:#0a1a3a;
  --hb-navy-600:#0e2350;
  --hb-blue:#1e6bff;
  --hb-blue-600:#1257e0;
  --hb-blue-light:#3b86ff;
  --hb-cyan:#37b6f6;
  --hb-gold:#f5b730;
  --hb-bg:#f6f8fc;
  --hb-white:#ffffff;
  --hb-text:#0f1b34;
  --hb-muted:#64748b;
  --hb-border:#e6ebf3;
}
*{scroll-behavior:smooth}
body{
  font-family:'Plus Jakarta Sans',system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  background:var(--hb-bg);
  color:var(--hb-text);
  overflow-x:hidden;
}
h1,h2,h3,h4,h5,.fw-900{font-weight:800;letter-spacing:-.01em}
a{text-decoration:none}
.section{padding:64px 0 100px;
    border-radius: 40px 40px 0 0;
    margin-top: -36px;
    position: relative;
    background: var(--hb-bg);}
.section_pb_0{padding-bottom: 2.25rem;}
.text-muted2{color:var(--hb-muted)!important}
.text-gold{color:var(--hb-gold)!important}
.text-blue{color:var(--hb-blue)!important}
.text{color: var(--hb-text);}
.accordion-button:focus{box-shadow: none;}

/* Navbar */
.hb-nav{background:var(--hb-navy-900);border-bottom:1px solid rgba(255,255,255,.06)}

.hb-nav .navbar-brand img, .hb-footer .navbar-brand img, .dash-side .brand img, .auth_logo img{height:46px;}
.hb-nav .navbar-brand small{color:var(--hb-cyan);font-weight:600;font-size: 13px;}
.hb-nav .navbar-brand span{font-size: 20px;}
.hb-nav .nav-link{color:#cdd7ea!important;font-weight:600;font-size:.95rem;padding:.5rem .9rem!important;border-radius:8px;display:flex;align-items:center;gap:.4rem}
.hb-nav .nav-link:hover{color:var(--hb-white)!important}
.hb-nav .nav-link.active{color:var(--hb-white)!important;background:rgba(30,107,255,.18)}
.logo-ball{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#444,#000 70%);display:flex;align-items:center;justify-content:center;color:var(--hb-white);font-weight:800;border:2px solid #cdd7ea;margin-right:8px;}
.logo-ball .dot{width:18px;height:18px;border-radius:50%;background:var(--hb-white);color:#000;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800}
.header-btn .btn{padding:.5rem 1rem;}

/* Buttons */
.btn-hb{background:var(--hb-blue);border:none;color:var(--hb-white);font-weight:700;border-radius:10px;padding:.7rem 1.4rem}
.btn-hb:hover{background:var(--hb-blue-600);color:var(--hb-white)}
.btn-outline-hb{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.35);color:var(--hb-white);font-weight:700;border-radius:10px;padding: .7rem 1.4rem;}
:not(.btn-check)+.btn:active{}
.btn-outline-hb:hover{background:rgba(255,255,255,.16);color:var(--hb-white)}
.btn-outline-dark{background:rgba(14, 35, 80,.02);border:1px solid rgba(14, 35, 80,1);color:var(--hb-navy-600);font-weight:700;border-radius:10px;padding:.7rem 1.4rem}
.btn-outline-dark:hover{background:rgba(14, 35, 80,1);color:var(--hb-white)}
.btn-outline-dark.btn_sm{font-weight:600;border-radius:6px;padding: .2rem 0.6rem;font-size: 0.875rem;}
.btn-ghost{background:transparent;border:1px solid var(--hb-border);color:var(--hb-text);font-weight:700;border-radius:10px}

/* BG Image */
.bg_img{background-position:center;background-repeat:no-repeat;background-size:cover;}
.bg_gradient{background:radial-gradient(circle at top left,rgba(34, 94, 150, 0.28) 0%,transparent 35%),radial-gradient(circle at bottom right,rgba(84, 78, 180, 0.22) 0%,transparent 30%),linear-gradient(90deg,#07101d 0%,#091428 35%,#0a1630 70%,#081225 100%);}

/* Hero */
.hero{position:relative;
    /* background:linear-gradient(120deg,var(--hb-navy-900),var(--hb-navy-700)); */
    color:var(--hb-white);overflow:hidden}
/* .hero::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 30%,rgba(30,107,255,.25),transparent 55%)} */
.hero-inner{position:relative;z-index:2;padding-top: 3.2rem;padding-bottom:6.4rem;}
.hero .hero-inner p{font-size:20px;}
.badge-pill{display:inline-flex;align-items:center;gap:.4rem;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:var(--hb-white);border-radius:50px;padding:.4rem 1rem;font-size:.82rem;font-weight:600}
.stat-num{font-size:1.6rem;font-weight:800;color:var(--hb-white)}
.stat-lbl{font-size:.8rem;color:var(--hb-white);text-transform:uppercase;letter-spacing:.05em;font-weight:600;}

/* Section heading */
.eyebrow{color:var(--hb-blue);font-weight:800;letter-spacing:.12em;text-transform:uppercase;font-size:.8rem}
.sec-title{font-size:1.9rem}

/* Cards */
.hb-card{background:var(--hb-white);border:1px solid var(--hb-border);border-radius:16px;transition:.25s;height:100%}
.hb-card:hover{transform:translateY(-6px);box-shadow:0 18px 40px rgba(15,27,52,.12);border-color:#cdd9f0}
.ico-box{width:54px;height:54px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin:0 auto}
.ico-blue{background:#e7efff;color:var(--hb-blue)}
.ico-gold{background:#fff3da;color:var(--hb-gold)}
.ico-green{background:#e3f7ec;color:#1ca661}
.ico-orange{background:#ffe9db;color:#f2722b}
.ico-purple{background:#eee7ff;color:#7b54e8}
.ico-cyan{background:#e0f5ff;color:var(--hb-cyan)}
.hb-card-hl{box-shadow:0 18px 40px rgba(15,27,52,.12);border-color:1px solid #cdd9f0;border-radius:16px;}

/* Dashboard band */
.band-dark{background: linear-gradient(120deg, var(--hb-navy-900), var(--hb-navy-700));
    /* background:linear-gradient(120deg,var(--hb-navy-800),var(--hb-navy-600)); */
    color:var(--hb-white);overflow: hidden;}
.bg_grad{overflow:hidden;}
.band-dark::before, .bg_grad::before{
  content:"";position:absolute;inset:-20%;z-index:0;pointer-events:none;
  background:
    radial-gradient(40% 50% at 15% 20%,rgba(55,182,246,.28),transparent 60%),
    radial-gradient(45% 55% at 90% 80%,rgba(123,84,232,.22),transparent 60%),
    radial-gradient(35% 45% at 70% 10%,rgba(245,183,48,.14),transparent 60%);
  filter:blur(8px);animation:auroraShift 16s ease-in-out infinite alternate;
}
@keyframes auroraShift{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(2%,-2%,0) scale(1.08)}
  100%{transform:translate3d(-2%,2%,0) scale(1.04)}
}
.glass{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:14px}
.check-list li{display:flex;align-items:center;gap:.6rem;margin-bottom:.8rem;color:#dbe4f5}
.check-list i{color:var(--hb-cyan)}

/* Journey */
.journey-step{text-align:center}
.journey-ico{width:64px;height:64px;border-radius:16px;background:#e7efff;color:var(--hb-blue);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin:0 auto;position:relative}
.journey-ico .num{position:absolute;top:-8px;right:-8px;width:24px;height:24px;border-radius:50%;background:var(--hb-blue);color:var(--hb-white);font-size:.75rem;display:flex;align-items:center;justify-content:center;font-weight:700}

/* Numbers band */
.numbers-band{background:linear-gradient(120deg,var(--hb-navy-900),var(--hb-navy-700));color:var(--hb-white);position:relative;overflow:hidden}
.numbers-r .col{display:flex;align-items:center;justify-content:center;border-right: 1px solid rgba(255, 255, 255, .16);}
.numbers-r .col:last-child{border-right:none;}
/* Moments */
.moment-img{border-radius:14px;width:100%;height:150px;object-fit:cover}

/* CTA */
.cta_main .bi.trophy_icon{color: var(--hb-white) !important;background: rgba(30, 107, 255, .18);padding: 16px;height: 80px;width: 90px;display: flex;align-items: center;justify-content: center;border-radius: 50%;font-size: 2.2rem;}
.cta-band{background:linear-gradient(120deg,var(--hb-navy-800),var(--hb-blue-600));border-radius:18px;color:var(--hb-white)}

/* Footer */
.hb-footer{background:var(--hb-navy-800);color:var(--hb-white);border-top: 1px solid rgba(255, 255, 255, .16);font-size:.95rem;}
.hb-footer a{color:var(--hb-white)}
.hb-footer a:hover{color:var(--hb-white)}
.hb-footer h6{color:var(--hb-white);font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.82rem}
.soc{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.08);display:inline-flex;align-items:center;justify-content:center;color:var(--hb-white);margin-right:.4rem}
.soc:hover{background:var(--hb-blue);color:var(--hb-white)}

/* page hero */
.page-hero{color:var(--hb-white);position:relative;overflow:hidden}
.mini-stat{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:12px}

/* tables / pills */
.chip{border:1px solid var(--hb-border);background:var(--hb-white);color:var(--hb-text);border-radius:8px;padding:.45rem .9rem;font-weight:600;font-size:.9rem}
.chip.active{background:var(--hb-blue);color:var(--hb-white);border-color:var(--hb-blue)}
.status-badge{font-size:.72rem;font-weight:700;border-radius:6px;padding:.25rem .55rem}
.s-live{background:#ffe2e2;color:#e02424}
.s-up{background:#e7efff;color:var(--hb-blue)}
.s-done{background:#e3f7ec;color:#1ca661}
.s-maint{background:#fff3da;color:#c98a00}
.s-avail{background:#e0f5ff;color:#0c87c4}
.team-badge{width:36px;height:36px;border-radius:7px;background:var(--hb-navy-700);color:var(--hb-white);display:inline-flex;align-items:center;justify-content:center;font-size:.8rem;}
.team-badge{width:30px;height:30px;}
.score-big{font-size:1.6rem;}
.feature-mini i{font-size:1.3rem}
@media(max-width:991px){.sec-title{font-size:1.5rem}.hero h1{font-size:2rem}}

/* ============ ATTRACTIVE POLISH LAYER ============ */
/* Animated aurora background on dark sections */
.hero,.page-hero,.band-dark,.numbers-band{position:relative}
/* .hero::before,.page-hero::before{
  content:"";position:absolute;inset:-20%;z-index:0;pointer-events:none;
  background:
    radial-gradient(40% 50% at 15% 20%,rgba(55,182,246,.28),transparent 60%),
    radial-gradient(45% 55% at 90% 80%,rgba(123,84,232,.22),transparent 60%),
    radial-gradient(35% 45% at 70% 10%,rgba(245,183,48,.14),transparent 60%);
  filter:blur(8px);animation:auroraShift 16s ease-in-out infinite alternate;
}
@keyframes auroraShift{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(2%,-2%,0) scale(1.08)}
  100%{transform:translate3d(-2%,2%,0) scale(1.04)}
} */
/* subtle grid texture */
/* .hero::after,.page-hero::after{
  background:
    radial-gradient(circle at 80% 30%,rgba(30,107,255,.28),transparent 55%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px) 0 0/100% 44px,
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px) 0 0/44px 100%;
} */

/* Gradient buttons with glow */
.btn-hb{
  background:linear-gradient(120deg,var(--hb-blue),var(--hb-cyan));
  box-shadow:0 8px 22px -8px rgba(30,107,255,.7);
  transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;
}
.btn-hb:hover{transform:translateY(-2px);filter:brightness(1.05);box-shadow:0 14px 30px -8px rgba(55,182,246,.75)}
.btn-group .btn-hb:hover {
    transform: translateY(0px);
    filter: brightness(1.05);
    box-shadow: 0 14px 30px -8px rgba(55, 182, 246, .75);
}
.no_trans.btn-hb:hover{transform:translateY(0px);}
.btn-outline-hb, .btn-outline-dark{backdrop-filter:blur(6px);transition:transform .2s ease,background .2s ease}
.btn-outline-hb:hover, .btn-outline-dark:hover{transform:translateY(-2px)}
.btn-group .btn-outline-hb:hover, .btn-group .btn-outline-dark:hover{transform:translateY(0px)}


/* Animated gradient brand text helper */
.text-gradient{
  background:linear-gradient(100deg,var(--hb-white),var(--hb-cyan) 45%,var(--hb-blue-light));
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
}

/* Badge pill shimmer */
.badge-pill{backdrop-filter:blur(6px);box-shadow:0 4px 18px -6px rgba(55,182,246,.5)}

/* Cards: glow border + image zoom */
.hb-card, .hb-card-hl{position:relative;overflow:hidden}
.hb-card::after, .hb-card-hl::after{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;
  background:linear-gradient(130deg,rgba(55,182,246,.0),rgba(55,182,246,.12));
  opacity:0;transition:opacity .3s ease;
}
.hb-card-hl::after{background-color:var(--hb-white);z-index:1;}
.hb-card:hover::after, .hb-card-hl::after{opacity:1}
.hb-card:hover{box-shadow:0 24px 50px -16px rgba(30,107,255,.32);border-color:transparent}
.moment-img{transition:transform .5s ease}
.moment-img:hover,.hb-card:hover .moment-img{transform:scale(1.06)}
.video-thumb{position:relative;height:150px;background-color:var(--hb-navy-600);display:flex;align-items:center;justify-content:center;color:var(--hb-white);}
.hb-card-hl .notice-card{border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);}
.hb-card-hl .notice-card:last-child, .dash-card .notice-card:last-child{border-bottom: none;}
.dash-card .notice-card{border-bottom: 1px solid var(--bs-dark);}
.hb-card-notices{overflow-y:auto;max-height:500px;padding-left:12px;position:relative;z-index:2;}
.notices_main::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(rgba(4, 11, 28, .035) 1px, transparent 1px) 0 0 / 100% 44px, linear-gradient(90deg, rgba(4, 11, 28, .035) 1px, transparent 1px) 0 0 / 44px 100%;}

/* Icon boxes pop */
.ico-box,.journey-ico{transition:transform .25s ease,box-shadow .25s ease}
.hb-card:hover .ico-box,.journey-step:hover .journey-ico{transform:translateY(-4px) rotate(-4deg);box-shadow:0 12px 24px -10px rgba(30,107,255,.45)}

/* Glass cards on dark bands */
.glass,.mini-stat{backdrop-filter:blur(10px);transition:transform .25s ease,background .25s ease}
/* .glass:hover,.mini-stat:hover{transform:translateY(-3px);background:rgba(255,255,255,.1)} */

/* Section eyebrow underline accent */
.eyebrow{position:relative;display:inline-block}

/* CTA band glow */
.cta-band{position:relative;overflow:hidden;box-shadow:0 30px 70px -30px rgba(30,107,255,.6)}
.cta-band::before{content:"";position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.18),transparent 60%);animation:auroraShift 12s ease-in-out infinite alternate}

/* Nav link animated underline */
.hb-nav .nav-link{position:relative}
.hb-nav .nav-link::after{content:"";position:absolute;left:.9rem;right:.9rem;bottom:.3rem;height:2px;background:linear-gradient(90deg,var(--hb-cyan),var(--hb-blue));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.hb-nav .nav-link:hover::after,.hb-nav .nav-link.active::after{transform:scaleX(1)}

/* Chips */
.chip{transition:transform .2s ease,box-shadow .2s ease}
.chip:hover{transform:translateY(-2px);box-shadow:0 8px 18px -10px rgba(30,107,255,.5)}
.chip.active{box-shadow:0 8px 20px -8px rgba(30,107,255,.6)}

/* Live status pulse */
.s-live{position:relative}
.s-live::before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:#e02424;margin-right:5px;vertical-align:middle;animation:livePulse 1.2s ease-in-out infinite}
@keyframes livePulse{0%,100%{box-shadow:0 0 0 0 rgba(224,36,36,.6)}50%{box-shadow:0 0 0 6px rgba(224,36,36,0)}}

/* Social icons */
.soc{transition:transform .2s ease,background .2s ease}
.soc:hover{transform:translateY(-3px)}

/* Scroll reveal */
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
[data-reveal].in{opacity:1;transform:none}

/* nicer scrollbar */
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:var(--hb-bg)}
::-webkit-scrollbar-thumb{background:linear-gradient(var(--hb-blue),var(--hb-cyan));border-radius:10px}


.players_vs{font-size:1rem;}
.daywise_box{margin-bottom:2rem;}
.daywise_box:last-child{margin-bottom:0;}
.m-round{padding:1px 6px;border-radius:5px;}
.m-info{min-height:153px;}
.vimeo-video.gvideo img{width: 100% !important;}

.header_logos img{max-height:75px;text-align:center;}

@media(max-width:1100px){
.hero .display-4{}
}
@media(max-width:1100px){
  .hb-nav .navbar-brand img, .hb-footer .navbar-brand img, .dash-side .brand img, .auth_logo img{height: 36px;}
  .hb-footer{font-size:14px;}
  .hb-nav .nav-link{font-size:14px;padding:.5rem .5rem !important;}
  .header-btn .btn, :not(.btn-check)+.btn:active{padding:0.4rem 0.6rem;border-radius:8px;font-size:14px;}
  .page-hero p.fs-5{font-size:1.15rem !important;}
  .section{padding:40px 0 60px;border-radius:30px 30px 0 0;}
  .header_logos img{max-height:65px;}
}
@media(max-width:768px){
  .stat-num {font-size: 1.3rem;}
.bg_span{position: absolute;top:0;bottom:0;right:0;left:0;background:rgba(4, 11, 28, 0.4);}
.hero .hero-inner p{font-size:18px;}
}
@media(max-width:600px){
  .hb-nav .navbar-brand img, .hb-footer .navbar-brand img, .dash-side .brand img, .auth_logo img{height: 33px;}
  body{font-size:14px;}
  .moment-img, .video-thumb {height: 130px;}
  .players_vs{font-size:15px;}
  .numbers-r .col{border-right: none;}
  .stat-lbl {font-size:.7rem;}
.hero .hero-inner p{font-size:16px;}
.header_logos img {max-height: 37px;}
}

.video-wrapper{
    width:100%;
    aspect-ratio:16 / 9;
    overflow:hidden;
    border-radius:8px;
    background:#000;
}
.video-wrapper iframe{
    width:100%;
    height:100%;
    border:0;
    display:block;
}
.match-row .bi-camera-reels-fill, .match-row.active .bi-play-circle-fill{display: block;}
.match-row .bi-play-circle-fill, .match-row.active .bi-camera-reels-fill{display: none;}
.check-list li.match-row{padding: 12px;margin-bottom: 0.4rem;cursor: pointer;border: 1px solid rgba(255, 255, 255, .1);}
.match-row.active{background: rgba(255, 255, 255, .06);border: 1px solid rgba(255, 255, 255, .35) !important;}
.match-row:hover{border: 1px solid rgba(255, 255, 255, .20);}
.match-row .bi-arrow-right{opacity: 0.5;}
.match-row.active .bi-arrow-right, .match-row:hover .bi-arrow-right{opacity:1;}
.sponsor_partners .video-thumb, .sponsor_partners .moment-img{width: 100%;height:auto;aspect-ratio:2 / 1;}
.glightbox-clean .gslide-description{background:var(--hb-navy-800) !important;color: #fff;}
.glightbox-clean .gdesc-inner{padding: 12px 16px !important;}

.header_logos{background-color:var(--hb-navy-800);}

/* Auto-scrolling sponsor/partner logo carousel */
.logo-marquee{overflow:hidden;position:relative;width:100%;
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}
.logo-marquee:hover .logo-track{animation-play-state:paused;}
.logo-track{display:flex;flex-wrap:nowrap;width:max-content;
  animation:logo-scroll 32s linear infinite;}
.logo-track .logo-item{flex:0 0 auto;width:190px;padding:0 10px;}
.logo-track .logo-item .logo-box{height:100%;display:flex;align-items:center;justify-content:center;}
.logo-track .logo-item img{max-width:100%;max-height:80px;object-fit:contain;}
@keyframes logo-scroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:575px){.logo-track .logo-item{width:150px}}
@media(prefers-reduced-motion:reduce){.logo-track{animation:none}}

/* Legal / information document pages */
.legal-doc{line-height:1.75;}
.legal-doc h3{color:var(--hb-navy-800);font-weight:700;}
.legal-doc ul{padding-left:1.2rem;}
.legal-doc li{margin-bottom:.4rem;}
.bg-700{background-color:var(--hb-navy-700);}