/* Baadshah Box Premium V6 — visual-only enhancement, no payment/business logic */
:root{
  --bb6-gold:#D7AE68;
  --bb6-gold-hi:#F3D69A;
  --bb6-gold-deep:#9B6A2F;
  --bb6-ink:#070809;
  --bb6-ink-2:#0D0F12;
  --bb6-panel:#12151A;
  --bb6-ivory:#F7F3EB;
  --bb6-muted:#A9A49B;
  --bb6-line:rgba(215,174,104,.22);
  --bb6-radius:28px;
  --bb6-shadow:0 28px 90px rgba(0,0,0,.16);
  --bb6-ease:cubic-bezier(.22,1,.36,1);
}
html{scroll-behavior:smooth;scroll-padding-top:98px}
body,button,input,select,textarea,.bb-page,.bbl-content-section,.membership-sec{font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important}
body{background:#070809;color:#111;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
::selection{background:var(--bb6-gold);color:#090909}

/* scroll progress */
.bb6-scroll-progress{position:fixed;inset:0 0 auto;z-index:100000;height:3px;background:rgba(255,255,255,.04);pointer-events:none}
.bb6-scroll-progress>span{display:block;width:0;height:100%;background:linear-gradient(90deg,var(--bb6-gold-deep),var(--bb6-gold-hi));box-shadow:0 0 18px rgba(215,174,104,.55)}

/* Premium dedicated page system */
.bb-page{background:var(--bb6-ink)!important;overflow:clip}
.bb-shell{width:min(1240px,calc(100% - 30px))!important}
.bb-hero{min-height:min(760px,82svh);display:flex;align-items:center;padding:110px 0 92px!important;background:
 radial-gradient(circle at 82% 20%,rgba(215,174,104,.22),transparent 27%),
 radial-gradient(circle at 18% 80%,rgba(215,174,104,.08),transparent 24%),
 linear-gradient(135deg,#101216 0%,#050607 58%,#0c0905 100%)!important;isolation:isolate}
.bb-hero::before{background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px)!important;background-size:54px 54px!important;opacity:.6}
.bb-hero::after{content:"";position:absolute;width:520px;height:520px;right:-170px;top:-170px;border-radius:50%;border:1px solid rgba(215,174,104,.18);box-shadow:0 0 0 55px rgba(215,174,104,.025),0 0 0 110px rgba(215,174,104,.015);z-index:0;animation:bb6-orbit 14s linear infinite}
@keyframes bb6-orbit{to{transform:rotate(360deg)}}
.bb-hero__inner{max-width:1050px!important}
.bb-eyebrow{font-size:11px!important;letter-spacing:.24em!important;margin-bottom:22px!important;color:var(--bb6-gold-hi)!important}
.bb-title{font-size:clamp(44px,6vw,78px)!important;line-height:.96!important;letter-spacing:-.045em!important;font-weight:800!important;max-width:900px;text-wrap:balance}
.bb-lead{font-size:clamp(16px,1.35vw,19px)!important;line-height:1.7!important;max-width:760px!important;color:rgba(255,255,255,.76)!important}
.bb-actions{margin-top:38px!important;gap:14px!important}
.bb-btn{position:relative;min-height:56px!important;padding:0 25px!important;border-radius:999px!important;overflow:hidden;font-size:14px!important;font-weight:800!important;isolation:isolate;transition:transform .3s var(--bb6-ease),box-shadow .3s ease,border-color .3s ease!important}
.bb-btn::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.3) 45%,transparent 70%);transform:translateX(-130%);transition:transform .75s var(--bb6-ease)}
.bb-btn:hover::before{transform:translateX(130%)}
.bb-btn--gold{background:linear-gradient(135deg,var(--bb6-gold-hi),var(--bb6-gold))!important;box-shadow:0 12px 32px rgba(215,174,104,.2)}
.bb-btn--gold:hover{transform:translateY(-4px)!important;box-shadow:0 20px 50px rgba(215,174,104,.32)!important}
.bb-btn--dark{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.16)!important;backdrop-filter:blur(10px)}
.bb-btn--dark:hover{transform:translateY(-3px);border-color:rgba(215,174,104,.5)!important;background:rgba(215,174,104,.06)!important}

.bb-section{position:relative;padding:100px 0!important;background:#f7f5f0;color:#171717;overflow:hidden}
.bb-section:nth-of-type(even){background:#efebe3}
.bb-section--soft{background:#0b0d10!important;color:#fff}
.bb-section::before{content:"";position:absolute;width:500px;height:500px;border-radius:50%;right:-300px;top:-220px;background:radial-gradient(circle,rgba(215,174,104,.13),transparent 67%);pointer-events:none}
.bb-section-head{margin-bottom:44px!important;align-items:flex-end!important}
.bb-kicker{font-size:11px!important;letter-spacing:.2em!important;color:var(--bb6-gold-deep)!important}
.bb-h2{font-size:clamp(32px,4vw,52px)!important;line-height:1.05!important;letter-spacing:-.04em!important;font-weight:800!important;text-wrap:balance}
.bb-section--soft .bb-h2{color:#fff!important}
.bb-copy{font-size:15px!important;line-height:1.75!important;color:#5f5a52!important}
.bb-section--soft .bb-copy{color:rgba(255,255,255,.62)!important}
.bb-grid,.bb-feature-grid{gap:18px!important}
.bb-card{border-radius:26px!important;padding:28px!important;border:1px solid rgba(22,18,13,.09)!important;background:linear-gradient(155deg,rgba(255,255,255,.94),rgba(246,241,232,.88))!important;box-shadow:0 16px 45px rgba(37,27,15,.06)!important;transition:transform .4s var(--bb6-ease),box-shadow .4s ease,border-color .4s ease!important;transform-style:preserve-3d;will-change:transform}
.bb-card::after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(130deg,rgba(255,255,255,.7),transparent 28%,rgba(215,174,104,.08));opacity:0;transition:opacity .35s ease;pointer-events:none}
.bb-card:hover{transform:translateY(-8px);box-shadow:0 28px 70px rgba(44,30,15,.13)!important;border-color:rgba(215,174,104,.32)!important}
.bb-card:hover::after{opacity:1}
.bb-section--soft .bb-card{background:linear-gradient(155deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;border-color:rgba(255,255,255,.08)!important;box-shadow:0 24px 65px rgba(0,0,0,.2)!important}
.bb-card h3{font-weight:800!important;letter-spacing:-.02em;font-size:18px!important;line-height:1.3!important}
.bb-card p{line-height:1.68!important;font-size:14px!important}
.bb-card__num{color:var(--bb6-gold-deep)!important}
.bb-mini-icon{width:50px;height:50px;display:grid;place-items:center;border-radius:16px;background:rgba(215,174,104,.12);font-size:22px;margin-bottom:26px;border:1px solid rgba(215,174,104,.18)}

.bb-statbar{gap:14px!important;margin-top:38px!important}
.bb-stat{position:relative;overflow:hidden;padding:23px!important;border-radius:22px!important;background:rgba(255,255,255,.055)!important;border:1px solid rgba(215,174,104,.22)!important;backdrop-filter:blur(14px);transition:transform .3s var(--bb6-ease),background .3s ease}
.bb-stat:hover{transform:translateY(-5px);background:rgba(215,174,104,.085)!important}
.bb-stat strong{font-size:clamp(25px,3vw,37px)!important;letter-spacing:-.045em}
.bb-stat span{font-size:12px!important;color:rgba(255,255,255,.58)!important}
.bb-journey{gap:16px!important}
.bb-step{border-radius:24px!important;padding:28px!important;background:linear-gradient(150deg,#11151a,#0a0c0f)!important;border:1px solid rgba(255,255,255,.08)!important;box-shadow:0 20px 50px rgba(0,0,0,.15);transition:transform .35s var(--bb6-ease),border-color .35s ease}
.bb-step:hover{transform:translateY(-7px);border-color:rgba(215,174,104,.36)!important}
.bb-step__index{background:linear-gradient(135deg,var(--bb6-gold-hi),var(--bb6-gold-deep))!important;box-shadow:0 8px 20px rgba(215,174,104,.2)}
.bb-table-wrap{border-radius:24px!important;border-color:rgba(215,174,104,.16)!important;box-shadow:0 24px 70px rgba(0,0,0,.1)}
.bb-table th{background:#111419!important;color:var(--bb6-gold-hi)!important;padding:18px!important}
.bb-table td{padding:17px 18px!important}
.bb-form{border-radius:30px!important;padding:clamp(20px,3.5vw,38px)!important;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;border:1px solid rgba(215,174,104,.15)!important;box-shadow:0 30px 80px rgba(0,0,0,.2);backdrop-filter:blur(12px)}
.bb-field label{font-size:12px!important;font-weight:800!important;letter-spacing:.02em}
.bb-field input,.bb-field select,.bb-field textarea{border-radius:15px!important;border:1px solid rgba(255,255,255,.12)!important;background:rgba(255,255,255,.06)!important;color:#fff!important;transition:border-color .25s ease,box-shadow .25s ease,background .25s ease!important}
.bb-field input:focus,.bb-field select:focus,.bb-field textarea:focus{outline:none!important;border-color:var(--bb6-gold)!important;background:rgba(255,255,255,.085)!important;box-shadow:0 0 0 4px rgba(215,174,104,.10)!important}
.bb-field select option{color:#111}
.bb-disclaimer{border-radius:22px!important;border:1px solid rgba(215,174,104,.22)!important;background:linear-gradient(135deg,rgba(215,174,104,.11),rgba(255,255,255,.035))!important;padding:24px!important}

/* V4 BBL content enhancement */
.bbl-content-title{font-family:"Plus Jakarta Sans",sans-serif!important;font-weight:800!important;letter-spacing:-.055em!important}
.bbl-content-copy{font-size:15px!important;line-height:1.85!important}
.bbl-stat-card,.bbl-journey-card,.bbl-role-card,.bbl-assessment-card,.bbl-package-card,.bbl-franchise-card,.bbl-playoff-card,.bbl-slot-card{transition:transform .38s var(--bb6-ease),box-shadow .38s ease,border-color .38s ease!important}
.bbl-stat-card:hover,.bbl-journey-card:hover,.bbl-role-card:hover,.bbl-assessment-card:hover,.bbl-package-card:hover,.bbl-franchise-card:hover,.bbl-playoff-card:hover,.bbl-slot-card:hover{transform:translateY(-7px);box-shadow:0 28px 68px rgba(36,25,13,.14)!important;border-color:rgba(215,174,104,.38)!important}
.bbl-content-section--dark .bbl-package-card:hover,.bbl-content-section--dark .bbl-playoff-card:hover{box-shadow:0 28px 70px rgba(0,0,0,.38)!important}

/* Existing registration flow — visual only */
.membership-sec{background:radial-gradient(circle at 50% -10%,rgba(215,174,104,.18),transparent 28%),linear-gradient(180deg,#f6f2ea,#ece7df)!important}
.membership-card{border-radius:26px!important;box-shadow:0 22px 60px rgba(33,24,14,.09)!important}
.membership-card:hover{transform:translateY(-8px)!important;box-shadow:0 34px 80px rgba(76,52,21,.18)!important}
.select-plan-btn{min-height:56px;border-radius:16px!important;background:linear-gradient(135deg,#121417,#050606)!important}
.select-plan-btn:hover{background:linear-gradient(135deg,var(--bb6-gold-hi),var(--bb6-gold-deep))!important;color:#0a0a0a!important}

/* Reveal motion */
.bb6-reveal{opacity:0;transform:translateY(28px) scale(.985);transition:opacity .75s var(--bb6-ease),transform .75s var(--bb6-ease)}
.bb6-reveal.bb6-visible{opacity:1;transform:none}
.bb6-reveal[data-bb6-delay="1"]{transition-delay:.08s}.bb6-reveal[data-bb6-delay="2"]{transition-delay:.16s}.bb6-reveal[data-bb6-delay="3"]{transition-delay:.24s}

/* desktop pointer glow */
.bb6-pointer-glow{position:fixed;left:0;top:0;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(215,174,104,.10),transparent 68%);pointer-events:none;z-index:9997;transform:translate(-50%,-50%);opacity:0;transition:opacity .25s ease;mix-blend-mode:screen}

@media (max-width:991.98px){
  .bb-hero{min-height:auto;padding:82px 0 72px!important}
  .bb-section{padding:78px 0!important}
  .bb-section-head{display:block!important}
  .bb-grid--3,.bb-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:767.98px){
  html{scroll-padding-top:76px}
  .bb-shell{width:min(100% - 24px,1240px)!important}
  .bb-hero{padding:68px 0 60px!important}
  .bb-hero::after{width:310px;height:310px;right:-170px;top:-120px}
  .bb-title{font-size:clamp(38px,11vw,54px)!important}
  .bb-lead{font-size:16px!important;line-height:1.7!important}
  .bb-actions{display:grid!important;grid-template-columns:1fr!important}
  .bb-btn{width:100%}
  .bb-statbar{grid-template-columns:1fr!important}
  .bb-section{padding:64px 0!important}
  .bb-h2{font-size:clamp(29px,8.6vw,40px)!important}
  .bb-grid--3,.bb-feature-grid,.bb-journey{grid-template-columns:1fr!important}
  .bb-card{padding:23px!important;border-radius:22px!important}
  .bb-section-head{margin-bottom:30px!important}
  .bb-table-wrap{border-radius:18px!important}
  .bb-form{border-radius:22px!important}
  .bb6-pointer-glow{display:none}
}
@media (max-width:420px){
  .bb-shell{width:calc(100% - 20px)!important}
  .bb-title{font-size:38px!important}
  .bb-section{padding:56px 0!important}
  .bb-h2{font-size:30px!important}
  .bb-card{padding:20px!important}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}
  .bb6-reveal{opacity:1!important;transform:none!important}
}


/* =========================================================
   V6.2 CONTENT CONTRAST + TYPE SCALE FIX
   Keep the original Baadshah Box header/footer from style.css.
   ========================================================= */

/* Light content surfaces must use dark copy. */
.bb-section:not(.bb-section--soft) .bb-h2{color:#171512!important}
.bb-section:not(.bb-section--soft) .bb-card h3{color:#171512!important}
.bb-section:not(.bb-section--soft) .bb-card p{color:#655f56!important}
.bb-section:not(.bb-section--soft) .bb-card__num{color:#9b6a2f!important}
.bb-section:not(.bb-section--soft) .bb-disclaimer{color:#5f594f!important;background:#f5eee0!important;border-color:rgba(155,106,47,.20)!important}

/* Dark content surfaces retain light text. */
.bb-section--soft .bb-card h3,.bb-section--soft .bb-step h3{color:#fff!important}
.bb-section--soft .bb-card p,.bb-section--soft .bb-step p{color:rgba(255,255,255,.68)!important}
.bb-section--soft .bb-kicker{color:var(--bb6-gold-hi)!important}
.bb-section--soft .bb-disclaimer{color:rgba(255,255,255,.72)!important}

/* Light page forms: white card, dark fields, readable labels. */
.bb-section:not(.bb-section--soft) .bb-form{
  background:#fff!important;
  border:1px solid rgba(27,24,20,.10)!important;
  box-shadow:0 24px 64px rgba(46,34,20,.10)!important;
  backdrop-filter:none!important;
}
.bb-section:not(.bb-section--soft) .bb-field label{color:#26231f!important}
.bb-section:not(.bb-section--soft) .bb-field input,
.bb-section:not(.bb-section--soft) .bb-field select,
.bb-section:not(.bb-section--soft) .bb-field textarea{
  background:#fbfaf7!important;
  color:#171512!important;
  border-color:#d9d3c9!important;
}
.bb-section:not(.bb-section--soft) .bb-field input::placeholder,
.bb-section:not(.bb-section--soft) .bb-field textarea::placeholder{color:#858078!important}
.bb-section:not(.bb-section--soft) .bb-field input:focus,
.bb-section:not(.bb-section--soft) .bb-field select:focus,
.bb-section:not(.bb-section--soft) .bb-field textarea:focus{
  background:#fff!important;
  border-color:var(--bb6-gold)!important;
  box-shadow:0 0 0 4px rgba(215,174,104,.12)!important;
}

/* Better text sizing / reading comfort. */
.bb-table th{font-size:11px!important}
.bb-table td{font-size:13px!important;line-height:1.55!important}
.bb-step h3{font-size:18px!important;line-height:1.3!important}
.bb-step p{font-size:14px!important;line-height:1.65!important}
.bb-stat strong{font-size:clamp(24px,2.5vw,32px)!important}
.bb-stat span{font-size:11px!important}

/* Original header/footer are controlled by assets/css/style.css. Only inherit the new font. */
.landing-header,.nav-header,.footer-sec,.copyright-sec,
.landing-header a,.footer-sec a,.footer-sec p,.copyright-sec a,.copyright-sec p{
  font-family:"Plus Jakarta Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

@media (max-width:991.98px){
  .bb-hero{padding:72px 0 62px!important}
  .bb-section{padding:68px 0!important}
}
@media (max-width:767.98px){
  .bb-hero{padding:58px 0 52px!important}
  .bb-section{padding:54px 0!important}
  .bb-card,.bb-step{padding:20px!important}
  .bb-card h3,.bb-step h3{font-size:17px!important}
  .bb-card p,.bb-step p{font-size:13.5px!important}
}


/* =========================================================
   V6.3 FOOTER ALIGNMENT / SCALE
   ========================================================= */
.bb-site-footer{
  background:#faf2e8!important;
  padding:56px 0!important;
  color:#171512!important;
}
.bb-site-footer .bb-footer-main{
  display:grid;
  grid-template-columns:minmax(190px,240px) minmax(500px,1fr) minmax(285px,330px) 170px;
  align-items:center;
  gap:34px;
}
.bb-site-footer .bb-footer-brand{display:flex;align-items:center}
.bb-site-footer .logoicon{
  width:220px!important;
  max-width:100%!important;
  height:auto!important;
  margin:0!important;
  object-fit:contain!important;
}
.bb-site-footer .bb-footer-nav{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:nowrap;
  gap:clamp(18px,1.7vw,34px);
  min-width:0;
}
.bb-site-footer .bb-footer-nav a{
  color:#171512!important;
  text-decoration:none!important;
  font-size:15px!important;
  line-height:1.25!important;
  font-weight:500!important;
  white-space:nowrap;
  transition:color .2s ease,transform .2s ease;
}
.bb-site-footer .bb-footer-nav a:hover{
  color:#a8742e!important;
  transform:translateY(-1px);
}
.bb-site-footer .bb-footer-support{
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:9px;
}
.bb-site-footer .bb-footer-title{
  margin:0 0 8px!important;
  color:#171512!important;
  font-size:14px!important;
  line-height:1.2!important;
  font-weight:700!important;
}
.bb-site-footer .bb-footer-support a{
  color:#171512!important;
  font-size:14px!important;
  line-height:1.45!important;
  font-weight:400!important;
  text-decoration:none!important;
  white-space:nowrap;
}
.bb-site-footer .bb-footer-support a:hover{color:#a8742e!important}
.bb-site-footer .bb-footer-social{justify-self:end}
.bb-site-footer .bb-footer-social-row{
  display:flex;
  align-items:center;
  gap:12px;
}
.bb-site-footer .ft-social-icon{
  display:inline-flex!important;
  width:36px!important;
  height:36px!important;
  flex:0 0 36px!important;
  transition:transform .2s ease;
}
.bb-site-footer .ft-social-icon:hover{transform:translateY(-2px)}
.bb-site-footer .ft-social-icon img{width:100%!important;height:100%!important}

/* Keep copyright visually connected to the footer. */
.copyright-sec{
  background:#eadbc8!important;
  padding:16px 0!important;
  font-size:12px!important;
}
.copyright-sec p{margin-bottom:0!important;line-height:1.5!important}
.copyright-sec .policy-lists{gap:12px!important;align-items:center!important}
.copyright-sec .policy-lists li a{
  padding:3px 8px!important;
  font-size:12px!important;
  line-height:1.4!important;
}

@media (max-width:1399.98px){
  .bb-site-footer .bb-footer-main{
    grid-template-columns:190px 1fr 275px 150px;
    gap:24px;
  }
  .bb-site-footer .logoicon{width:185px!important}
  .bb-site-footer .bb-footer-nav{gap:18px}
  .bb-site-footer .bb-footer-nav a{font-size:13px!important}
  .bb-site-footer .bb-footer-support a{font-size:13px!important}
}

@media (max-width:1199.98px){
  .bb-site-footer{padding:48px 0!important}
  .bb-site-footer .bb-footer-main{
    grid-template-columns:190px 1fr 250px;
    grid-template-areas:
      "brand nav nav"
      "brand support social";
    row-gap:28px;
  }
  .bb-site-footer .bb-footer-brand{grid-area:brand}
  .bb-site-footer .bb-footer-nav{grid-area:nav;justify-content:flex-start;flex-wrap:wrap}
  .bb-site-footer .bb-footer-support{grid-area:support}
  .bb-site-footer .bb-footer-social{grid-area:social;justify-self:start}
}

@media (max-width:767.98px){
  .bb-site-footer{padding:40px 0!important}
  .bb-site-footer .bb-footer-main{
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:28px;
  }
  .bb-site-footer .logoicon{width:170px!important}
  .bb-site-footer .bb-footer-nav{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
    gap:14px 24px;
  }
  .bb-site-footer .bb-footer-nav a{
    font-size:14px!important;
    white-space:normal;
  }
  .bb-site-footer .bb-footer-support a{
    font-size:13px!important;
    white-space:normal;
  }
  .bb-site-footer .bb-footer-social{justify-self:auto}
  .copyright-sec{padding:14px 0!important;text-align:left!important}
  .copyright-sec .policy-lists{
    justify-content:flex-start!important;
    margin-top:10px!important;
    gap:6px 12px!important;
  }
}

/* ============================================================
   V6.4 layout fixes — header clearance + homepage contact section
   ============================================================ */

/* The legacy header is absolutely positioned. Start premium page heroes
   below it so the eyebrow/title never sits underneath the navigation. */
.bb-page > .bb-hero,
.bb-page .bb-hero:first-child {
  margin-top: 140px !important;
}

/* Keep hero sizing balanced now that it clears the header. */
@media (min-width: 1200px) {
  .bb-page > .bb-hero,
  .bb-page .bb-hero:first-child {
    margin-top: 140px !important;
  }
}

@media (max-width: 1199.98px) {
  .bb-page > .bb-hero,
  .bb-page .bb-hero:first-child {
    margin-top: 125px !important;
  }
}

@media (max-width: 991.98px) {
  .bb-page > .bb-hero,
  .bb-page .bb-hero:first-child {
    margin-top: 112px !important;
  }
}

@media (max-width: 576px) {
  .bb-page > .bb-hero,
  .bb-page .bb-hero:first-child {
    margin-top: 96px !important;
  }
}

/* Homepage contact was inheriting the premium dark body while retaining
   the original black heading. Restore it as a readable light section. */
.contact-us {
  background: #f7f1e8 !important;
  color: #4f4a43 !important;
}
.contact-us .title,
.contact-us .text_black,
.contact-us h1,
.contact-us h2,
.contact-us h3,
.contact-us h4,
.contact-us h5,
.contact-us h6 {
  color: #111111 !important;
}
.contact-us p {
  color: #625d55 !important;
}
.contact-us .form-contact-input {
  background: #ffffff !important;
  color: #151515 !important;
  border-color: #ded8cf !important;
  box-shadow: none !important;
}
.contact-us .form-contact-input::placeholder {
  color: #777b82 !important;
  opacity: 1;
}
.contact-us .form-contact-input:focus {
  border-color: #d7ae68 !important;
  box-shadow: 0 0 0 3px rgba(215,174,104,.14) !important;
}
.contact-us .secondary-btn {
  background: #111111 !important;
  color: #ffffff !important;
  border: 1px solid #111111 !important;
}
.contact-us .secondary-btn:hover {
  background: #d7ae68 !important;
  border-color: #d7ae68 !important;
  color: #111111 !important;
}

/* Slightly tighten the very tall legacy contact spacing on modern screens. */
.contact-us.inner-sec {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}
@media (max-width: 991.98px) {
  .contact-us.inner-sec {
    padding-top: 90px !important;
    padding-bottom: 90px !important;
  }
}
@media (max-width: 576px) {
  .contact-us.inner-sec {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
}

/* ===== V6.5: DB-driven player role availability ===== */
.bb-role-capacity {
  position: relative;
  overflow: hidden;
  padding: clamp(64px, 7vw, 104px) 0;
  background:
    radial-gradient(circle at 88% 8%, rgba(213, 169, 91, .16), transparent 32%),
    radial-gradient(circle at 4% 100%, rgba(213, 169, 91, .08), transparent 30%),
    #0b0d10;
  color: #fff;
}
.bb-role-capacity::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: .34;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 52px 52px;
}
.bb-role-capacity .bb-shell { position: relative; z-index: 1; }
.bb-role-capacity__head {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  align-items: end;
  gap: 36px;
  margin-bottom: 34px;
}
.bb-role-capacity__title {
  max-width: 780px;
  margin: 12px 0 14px;
  color: #fff;
  font-size: clamp(32px, 4.4vw, 62px);
  line-height: .98;
  letter-spacing: -.045em;
  font-weight: 800;
}
.bb-role-capacity__lead {
  max-width: 720px;
  margin: 0;
  color: rgba(255,255,255,.66);
  font-size: clamp(15px,1.25vw,18px);
  line-height: 1.7;
}
.bb-role-capacity__summary {
  min-width: 260px;
  padding: 20px 22px;
  border: 1px solid rgba(224,182,107,.26);
  border-radius: 20px;
  background: linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 16px 44px rgba(0,0,0,.22);
}
.bb-role-capacity__summary > span,
.bb-role-capacity__summary small {
  display: block;
  color: rgba(255,255,255,.56);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: .04em;
}
.bb-role-capacity__summary strong {
  display: block;
  margin: 5px 0 8px;
  color: #fff;
  font-size: 20px;
  line-height: 1.25;
}
.bb-role-capacity__summary strong b { color: #edc97f; font-size: 28px; }
.bb-role-capacity__grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 16px;
}
.bb-role-card {
  position: relative;
  min-height: 210px;
  padding: 22px;
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 22px;
  background: linear-gradient(150deg,#171a1f 0%,#101216 100%);
  box-shadow: 0 20px 50px rgba(0,0,0,.2), inset 0 1px 0 rgba(255,255,255,.05);
  animation: bbRoleCardIn .62s both;
  animation-delay: var(--role-delay,0ms);
  transition: transform .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.bb-role-card::after {
  content: "";
  position: absolute;
  width: 120px;
  height: 120px;
  right: -50px;
  bottom: -60px;
  border-radius: 50%;
  background: rgba(224,182,107,.1);
  filter: blur(4px);
}
.bb-role-card:hover {
  transform: translateY(-5px);
  border-color: rgba(224,182,107,.38);
  box-shadow: 0 24px 58px rgba(0,0,0,.28),0 0 0 1px rgba(224,182,107,.05);
}
.bb-role-card__top {
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:14px;
  min-height:44px;
}
.bb-role-card__name {
  color:#fff;
  font-weight:700;
  font-size:15px;
  line-height:1.3;
}
.bb-role-card__status {
  flex:none;
  padding:5px 8px;
  border-radius:999px;
  background:rgba(224,182,107,.1);
  color:#edc97f;
  font-size:9px;
  line-height:1;
  font-weight:800;
  letter-spacing:.08em;
}
.bb-role-card__numbers {
  display:flex;
  align-items:baseline;
  gap:8px;
  margin:22px 0 16px;
}
.bb-role-card__numbers strong {
  color:#fff;
  font-size:clamp(30px,3vw,42px);
  line-height:1;
  letter-spacing:-.04em;
  font-variant-numeric:tabular-nums;
}
.bb-role-card__numbers span { color:rgba(255,255,255,.46); font-size:11px; }
.bb-role-card__track {
  position:relative;
  height:8px;
  overflow:hidden;
  border-radius:999px;
  background:rgba(255,255,255,.07);
}
.bb-role-card__track span {
  display:block;
  height:100%;
  min-width:0;
  border-radius:inherit;
  background:linear-gradient(90deg,#b98534,#f2cf85);
  box-shadow:0 0 18px rgba(224,182,107,.3);
  transition:width .85s cubic-bezier(.22,1,.36,1);
}
.bb-role-card__meta {
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
  color:rgba(255,255,255,.45);
  font-size:10px;
}
.bb-role-card__meta b { color:#fff; font-weight:700; }
.bb-role-card--full { border-color:rgba(255,115,115,.24); }
.bb-role-card--full .bb-role-card__status { background:rgba(255,92,92,.1); color:#ff9a9a; }
.bb-role-capacity__note {
  display:flex;
  align-items:center;
  gap:9px;
  margin-top:22px;
  color:rgba(255,255,255,.46);
  font-size:11px;
}
.bb-role-capacity__pulse {
  width:7px;
  height:7px;
  border-radius:50%;
  background:#68dd9d;
  box-shadow:0 0 0 0 rgba(104,221,157,.4);
  animation:bbRolePulse 1.8s infinite;
}
.bb-role-capacity__error {
  grid-column:1/-1;
  padding:22px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  color:rgba(255,255,255,.7);
  text-align:center;
  background:rgba(255,255,255,.035);
}
.bb-role-card--loading { pointer-events:none; }
.bb-role-card__skeleton {
  display:block;
  border-radius:9px;
  background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.11),rgba(255,255,255,.05));
  background-size:220% 100%;
  animation:bbRoleSkeleton 1.3s linear infinite;
}
.bb-role-card__skeleton--title { width:68%; height:16px; }
.bb-role-card__skeleton--number { width:42%; height:40px; }
@keyframes bbRoleCardIn { from{opacity:0;transform:translateY(16px)} to{opacity:1;transform:translateY(0)} }
@keyframes bbRolePulse { 70%{box-shadow:0 0 0 7px rgba(104,221,157,0)} 100%{box-shadow:0 0 0 0 rgba(104,221,157,0)} }
@keyframes bbRoleSkeleton { to{background-position:-220% 0} }

@media (max-width:1100px){
  .bb-role-capacity__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:820px){
  .bb-role-capacity__head{grid-template-columns:1fr;align-items:start;gap:24px}
  .bb-role-capacity__summary{min-width:0;width:100%}
}
@media (max-width:620px){
  .bb-role-capacity{padding:54px 0}
  .bb-role-capacity__grid{grid-template-columns:1fr;gap:12px}
  .bb-role-card{min-height:190px;padding:19px}
  .bb-role-capacity__title{font-size:34px}
  .bb-role-card__meta{font-size:9px}
}
@media (prefers-reduced-motion:reduce){
  .bb-role-card,.bb-role-capacity__pulse,.bb-role-card__skeleton{animation:none!important}
  .bb-role-card__track span{transition:none!important}
}