:root{
  --cbs-conf-navy-1:#0a1f4d;
  --cbs-conf-navy-2:#123a8c;
  --cbs-conf-navy-3:#0d2a63;
  --cbs-conf-gold:#f4b400;
  --cbs-conf-gold-dark:#d99900;
  --cbs-conf-white:#ffffff;
}

.cbs-conf-banner{
  position:relative !important;
  width:100% !important;
  /*background:linear-gradient(100deg,var(--cbs-conf-navy-1) 0%,var(--cbs-conf-navy-2) 45%,var(--cbs-conf-navy-3) 75%,var(--cbs-conf-navy-1) 100%) !important;*/
  background: #009cbb;
  background-size:300% 300% !important;
  animation:cbsConfGradient 8s ease infinite;
  overflow:hidden !important;
  box-shadow:0 2px 10px rgba(0,0,0,.25) !important;
  font-family:inherit !important;
  z-index:5 !important;
}
@keyframes cbsConfGradient{
  0%{background-position:0% 50%;}
  50%{background-position:100% 50%;}
  100%{background-position:0% 50%;}
}

.cbs-conf-banner::before{
  content:"" !important;
  position:absolute !important;
  top:0;left:-40%;
  width:35%;height:100%;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.18) 45%,transparent 90%) !important;
  animation:cbsConfShine 4s ease-in-out infinite;
  pointer-events:none;
  z-index:2;
}
@keyframes cbsConfShine{
  0%{left:-40%;}
  60%{left:120%;}
  100%{left:120%;}
}

.cbs-conf-inner{
  position:relative !important;
  max-width:1400px !important;
  margin:0 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:18px !important;
  padding:16px 28px !important;
  min-height:64px !important;
  z-index:1;
}

.cbs-conf-title-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:16px !important;
  min-width:0;
  animation:cbsConfFadeIn .8s ease both;
}
@keyframes cbsConfFadeIn{
  from{opacity:0;transform:translateY(-8px);}
  to{opacity:1;transform:translateY(0);}
}

.cbs-conf-chevron{
  width:2px !important;
  height:26px !important;
  background:var(--cbs-conf-gold) !important;
  transform:skewX(-20deg) !important;
  flex:0 0 auto;
  animation:cbsConfGlow 2.2s ease-in-out infinite;
}
.cbs-conf-chevron.right{animation-delay:.4s;}
@keyframes cbsConfGlow{
  0%,100%{box-shadow:0 0 2px rgba(244,180,0,.4);}
  50%{box-shadow:0 0 12px rgba(244,180,0,1);}
}

.cbs-conf-title{
  margin:0 !important;
  color:var(--cbs-conf-white) !important;
  font-size:20px !important;
  font-weight:800 !important;
  text-align:center !important;
  line-height:1.3 !important;
  white-space:nowrap;
  letter-spacing:.3px !important;
  text-transform:none !important;
}
.cbs-conf-title sup{font-size:12px !important;top:-.7em !important;}

.cbs-conf-btn{
  position:relative !important;
  flex:0 0 auto;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:var(--cbs-conf-gold) !important;
  color:var(--cbs-conf-navy-1) !important;
  font-weight:800 !important;
  font-size:14px !important;
  text-decoration:none !important;
  padding:10px 26px !important;
  border-radius:999px !important;
  overflow:hidden;
  box-shadow:0 0 0 0 rgba(244,180,0,.55);
  animation:cbsConfPulse 2.2s ease-out infinite;
  transition:transform .2s ease, background .2s ease;
  white-space:nowrap;
}
.cbs-conf-btn::after{
  content:"";
  position:absolute;
  top:0;left:-60%;
  width:40%;height:100%;
  background:linear-gradient(115deg,transparent 0%,rgba(255,255,255,.6) 50%,transparent 100%);
  animation:cbsConfBtnShine 2.6s ease-in-out infinite;
}
@keyframes cbsConfBtnShine{
  0%{left:-60%;}
  60%{left:130%;}
  100%{left:130%;}
}
.cbs-conf-btn:hover{background:var(--cbs-conf-gold-dark) !important;transform:translateY(-2px) scale(1.03);}
@keyframes cbsConfPulse{
  0%{box-shadow:0 0 0 0 rgba(244,180,0,.55);}
  70%{box-shadow:0 0 0 10px rgba(244,180,0,0);}
  100%{box-shadow:0 0 0 0 rgba(244,180,0,0);}
}

@media (max-width:991px){
  .cbs-conf-title{font-size:12px !important; white-space:normal;}
  .cbs-conf-inner{gap:14px !important;}
}
@media (max-width:767px){
  .cbs-conf-inner{flex-direction:column !important;padding:14px 10px !important;gap:10px !important;}
  .cbs-conf-chevron{display:none !important;}
  .cbs-conf-title{font-size:15px !important;white-space:normal;}
  .cbs-conf-btn{padding:9px 22px !important;font-size:13px !important;}
}
@media (prefers-reduced-motion: reduce){
  .cbs-conf-banner,
  .cbs-conf-banner::before,
  .cbs-conf-chevron,
  .cbs-conf-title-wrap,
  .cbs-conf-btn,
  .cbs-conf-btn::after{animation:none;}
}