:root{
  --bf-bg:#000;
  --bf-card:#05070b;
  --bf-card2:#0a0e14;
  --bf-fume:#10141b;
  --bf-line:#d6b957;
  --bf-line-soft:rgba(214,185,87,.32);
  --bf-gold:#f4d35f;
  --bf-gold2:#c99f20;
  --bf-text:#ffffff;
  --bf-muted:#a7aab3;
}

html,body{
  background:#000 !important;
  color:#fff !important;
  overflow-x:hidden !important;
}

body{
  background:
    radial-gradient(circle at 50% 0%, rgba(214,185,87,.055), transparent 34%),
    radial-gradient(circle at 50% 34%, rgba(214,185,87,.035), transparent 28%),
    #000 !important;
}

#root{
  max-width:100% !important;
  overflow-x:hidden !important;
}

#bonussaFinalSponsors,
#bonussaFinalSponsors *{
  box-sizing:border-box !important;
}

#bonussaFinalSponsors{
  width:100%;
  max-width:1040px;
  margin:38px auto 90px;
  padding:0 clamp(18px,4vw,42px);
  color:#fff;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
}

.bf-kicker{
  margin:0 0 8px;
  color:#ffe69c;
  font-size:clamp(11px,2.4vw,15px);
  font-weight:900;
  letter-spacing:.34em;
  text-transform:uppercase;
  text-shadow:0 0 18px rgba(244,211,95,.18);
}

.bf-title{
  margin:0;
  color:#fff;
  font-size:clamp(30px,7vw,56px);
  line-height:.98;
  letter-spacing:-.055em;
  font-weight:950;
}

.bf-desc{
  margin:14px 0 26px;
  max-width:720px;
  color:rgba(255,255,255,.66);
  font-size:clamp(14px,3.8vw,22px);
  line-height:1.45;
  font-weight:500;
}

.bf-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
  width:100%;
}

.bf-empty{
  border:1px solid rgba(214,185,87,.24);
  border-radius:24px;
  padding:24px;
  color:rgba(255,255,255,.68);
  background:linear-gradient(180deg,rgba(17,22,29,.86),rgba(5,7,11,.92));
  box-shadow:0 18px 42px rgba(0,0,0,.38);
  font-size:15px;
  line-height:1.45;
  font-weight:700;
  text-align:center;
}

@media (min-width:820px){
  .bf-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:18px;
  }
}

.bf-card{
  position:relative;
  isolation:isolate;
  min-width:0;
  min-height:226px;
  border-radius:30px;
  padding:1px;
  background:rgba(214,185,87,.42);
  overflow:hidden;
  box-shadow:
    0 22px 44px rgba(0,0,0,.68),
    inset 0 0 0 1px rgba(255,255,255,.02);
}

.bf-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:32px;
  background:
    conic-gradient(
      from var(--bf-angle,0deg),
      rgba(244,211,95,.95),
      rgba(244,211,95,.12),
      rgba(255,255,255,.05),
      rgba(244,211,95,.78),
      rgba(244,211,95,.14),
      rgba(244,211,95,.95)
    );
  opacity:.96;
  z-index:-2;
  animation:bf-border-spin 5.2s linear infinite;
}

.bf-card::after{
  content:"";
  position:absolute;
  inset:1px;
  border-radius:29px;
  background:
    radial-gradient(circle at 50% 0%, rgba(214,185,87,.10), transparent 34%),
    linear-gradient(180deg,#111821 0%,#06080c 52%,#020304 100%);
  z-index:-1;
}

@keyframes bf-border-spin{
  to{--bf-angle:360deg}
}

.bf-inner{
  position:relative;
  z-index:1;
  min-height:224px;
  height:100%;
  padding:13px 13px 12px;
  display:flex;
  flex-direction:column;
  border-radius:29px;
  overflow:hidden;
}

.bf-media{
  height:94px;
  width:100%;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.035), transparent 34%),
    linear-gradient(180deg,#10151d 0%,#05070a 100%);
  box-shadow:
    inset 0 0 18px rgba(255,255,255,.025),
    inset 0 -18px 34px rgba(0,0,0,.34);
}

.bf-media img{
  display:block;
  max-width:82%;
  max-height:82%;
  width:auto;
  height:auto;
  object-fit:contain;
  filter:
    drop-shadow(0 12px 22px rgba(0,0,0,.54))
    saturate(1.06)
    contrast(1.04);
}

.bf-name{
  margin:14px 0 0;
  color:#fff;
  text-align:center;
  font-size:clamp(17px,4.8vw,25px);
  line-height:1.02;
  font-weight:950;
  letter-spacing:-.035em;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  text-shadow:0 2px 12px rgba(0,0,0,.7);
}

.bf-offer{
  margin:4px 0 0;
  color:#ffe08a;
  text-align:center;
  font-size:clamp(11px,3.1vw,15px);
  line-height:1.1;
  font-weight:950;
  letter-spacing:.03em;
  text-transform:uppercase;
}

.bf-button-zone{
  margin-top:auto;
  padding-top:15px;
}

.bf-detail{
  position:relative;
  width:100%;
  height:44px;
  border:1px solid rgba(244,211,95,.72);
  border-radius:17px;
  cursor:pointer;
  color:#ffe38a;
  font-size:clamp(13px,3.5vw,16px);
  font-weight:950;
  letter-spacing:-.02em;
  background:
    linear-gradient(180deg,#1a1e25 0%,#0b0e13 54%,#050607 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.9),
    0 0 0 1px rgba(0,0,0,.28),
    0 9px 22px rgba(0,0,0,.44),
    0 0 18px rgba(214,185,87,.08);
  overflow:hidden;
}

.bf-detail::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  background:linear-gradient(110deg,transparent 0%,rgba(244,211,95,.10) 30%,rgba(255,239,159,.55) 48%,rgba(244,211,95,.08) 65%,transparent 100%);
  transform:translateX(-140%);
  animation:bf-button-light 3.8s ease-in-out infinite;
}

.bf-detail span{
  position:relative;
  z-index:1;
}

@keyframes bf-button-light{
  0%{transform:translateX(-145%)}
  46%{transform:translateX(145%)}
  100%{transform:translateX(145%)}
}

.bf-card:hover{
  transform:translateY(-2px);
  transition:transform .18s ease;
}

.bf-more{
  margin:22px auto 0;
  width:min(380px,74%);
  height:46px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:linear-gradient(180deg,#181c24 0%,#080a0f 100%);
  color:#fff;
  font-weight:900;
  display:flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  box-shadow:0 18px 28px rgba(0,0,0,.45);
}

.bf-modal{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:rgba(0,0,0,.58);
  backdrop-filter:blur(14px);
}

.bf-modal.show{
  display:flex;
}

.bf-modal-card{
  width:min(640px,100%);
  border-radius:30px;
  border:1px solid rgba(214,185,87,.42);
  background:
    radial-gradient(circle at 50% 0%,rgba(214,185,87,.11),transparent 28%),
    linear-gradient(180deg,#15191f 0%,#07090d 100%);
  box-shadow:0 28px 70px rgba(0,0,0,.72);
  padding:26px;
}

.bf-modal-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:16px;
}

.bf-modal-title{
  margin:0;
  color:#fff;
  font-size:34px;
  line-height:1;
  font-weight:950;
}

.bf-modal-desc{
  margin:16px 0 0;
  color:rgba(255,255,255,.68);
  font-size:18px;
  line-height:1.45;
}

.bf-modal-offer{
  margin:20px 0 0;
  padding:15px 17px;
  border-radius:18px;
  border:1px solid rgba(214,185,87,.38);
  background:rgba(214,185,87,.075);
  color:#ffe08a;
  font-weight:950;
}

.bf-x{
  width:48px;
  height:48px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.10);
  background:linear-gradient(180deg,#242832,#11141b);
  color:#fff;
  font-size:24px;
  cursor:pointer;
}

.bf-modal-actions{
  margin-top:24px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}

.bf-modal-btn{
  height:54px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.09);
  cursor:pointer;
  font-size:17px;
  font-weight:950;
}

.bf-modal-btn.dark{
  color:#fff;
  background:linear-gradient(180deg,#20242d,#0c0e13);
}

.bf-modal-btn.gold{
  color:#080808;
  border-color:rgba(244,211,95,.70);
  background:linear-gradient(180deg,#ffe578 0%,#c99f20 100%);
}

@media (max-width:430px){
  #bonussaFinalSponsors{
    padding:0 14px;
    margin-top:32px;
  }

  .bf-grid{
    gap:12px;
  }

  .bf-card{
    min-height:204px;
    border-radius:25px;
  }

  .bf-inner{
    min-height:202px;
    padding:10px;
    border-radius:24px;
  }

  .bf-media{
    height:78px;
    border-radius:18px;
  }

  .bf-name{
    margin-top:12px;
  }

  .bf-button-zone{
    padding-top:12px;
  }

  .bf-detail{
    height:40px;
    border-radius:15px;
  }

  .bf-modal-actions{
    grid-template-columns:1fr;
  }
}

@media (max-width:360px){
  .bf-grid{
    gap:10px;
  }

  .bf-card{
    min-height:190px;
  }

  .bf-inner{
    min-height:188px;
  }

  .bf-media{
    height:70px;
  }

  .bf-detail{
    height:38px;
  }
}

/* =========================================================
   BONUSSA FINAL - CARD BORDER MOTION RESTORE
   Amaç: Kart kenarlarında düz border değil, sürekli akan
   premium altın ışık geçişi.
   ========================================================= */

@property --bf-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}

.bf-card {
  position: relative !important;
  isolation: isolate !important;
  padding: 1px !important;
  background:
    linear-gradient(
      135deg,
      rgba(255, 232, 150, .72) 0%,
      rgba(214, 185, 87, .22) 18%,
      rgba(255, 255, 255, .035) 34%,
      rgba(214, 185, 87, .18) 52%,
      rgba(255, 232, 150, .62) 76%,
      rgba(214, 185, 87, .30) 100%
    ) !important;
  box-shadow:
    0 22px 44px rgba(0,0,0,.72),
    0 0 0 1px rgba(0,0,0,.78),
    inset 0 0 0 1px rgba(255,255,255,.025) !important;
  overflow: hidden !important;
}

.bf-card::after {
  content: "" !important;
  position: absolute !important;
  inset: 1px !important;
  border-radius: inherit !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.035), transparent 34%),
    linear-gradient(180deg, #111821 0%, #06080d 52%, #020304 100%) !important;
  z-index: 0 !important;
  pointer-events: none !important;
}

.bf-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 0 !important;
  padding: 2px !important;
  border-radius: inherit !important;
  background:
    conic-gradient(
      from var(--bf-angle),
      rgba(255,238,160,.96) 0deg,
      rgba(214,185,87,.18) 34deg,
      rgba(255,255,255,.035) 72deg,
      rgba(214,185,87,.20) 112deg,
      rgba(255,226,120,.92) 154deg,
      rgba(214,185,87,.16) 198deg,
      rgba(255,255,255,.04) 244deg,
      rgba(214,185,87,.22) 292deg,
      rgba(255,238,160,.96) 360deg
    ) !important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) !important;
  -webkit-mask-composite: xor !important;
  mask-composite: exclude !important;
  z-index: 3 !important;
  pointer-events: none !important;
  opacity: .98 !important;
  animation: bf-card-border-flow 4.2s linear infinite !important;
}

@keyframes bf-card-border-flow {
  from { --bf-angle: 0deg; }
  to { --bf-angle: 360deg; }
}

.bf-inner {
  position: relative !important;
  z-index: 1 !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.025), transparent 32%),
    linear-gradient(180deg, rgba(17,24,33,.90) 0%, rgba(5,7,11,.96) 54%, rgba(1,2,3,.98) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -22px 34px rgba(0,0,0,.38) !important;
}

.bf-media {
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.035), transparent 34%),
    linear-gradient(180deg, #10161f 0%, #05070a 100%) !important;
  box-shadow:
    inset 0 0 20px rgba(255,255,255,.026),
    inset 0 -18px 34px rgba(0,0,0,.42),
    0 12px 28px rgba(0,0,0,.35) !important;
}

.bf-detail {
  color: #ffe79b !important;
  background:
    linear-gradient(120deg, #161b22 0%, #0b0e13 42%, #171b20 52%, #06080b 100%) !important;
  border-color: rgba(255,226,125,.74) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.92),
    0 8px 20px rgba(0,0,0,.48),
    0 0 18px rgba(214,185,87,.10) !important;
}

.bf-detail::before {
  background:
    linear-gradient(
      110deg,
      transparent 0%,
      rgba(255,230,140,.06) 26%,
      rgba(255,240,170,.46) 48%,
      rgba(214,185,87,.10) 64%,
      transparent 100%
    ) !important;
}

@media (max-width: 430px) {
  .bf-card::before {
    padding: 1.7px !important;
  }

  .bf-card {
    box-shadow:
      0 18px 36px rgba(0,0,0,.72),
      0 0 0 1px rgba(0,0,0,.78) !important;
  }
}


/* =========================================================
   BONUSSA FINAL OVERRIDE
   - Auth ile sponsor alanı arasındaki boşluğu küçült
   - Kart içini siyah füme yap
   ========================================================= */

#bonussaFinalSponsors.bf-auth-section{
  position: relative !important;
  z-index: 5 !important;
  margin: -220px auto 90px !important;
}

@media (max-width: 820px){
  #bonussaFinalSponsors.bf-auth-section{
    margin: -185px auto 82px !important;
  }
}

@media (max-width: 430px){
  #bonussaFinalSponsors.bf-auth-section{
    margin: -155px auto 72px !important;
    padding: 0 16px !important;
  }
}

@media (max-width: 360px){
  #bonussaFinalSponsors.bf-auth-section{
    margin: -138px auto 66px !important;
    padding: 0 14px !important;
  }
}

/* kart genel tonu: maviye kaçmasın, siyah füme olsun */
.bf-card{
  background:
    linear-gradient(
      135deg,
      rgba(255,228,132,.70) 0%,
      rgba(214,185,87,.22) 18%,
      rgba(255,255,255,.025) 34%,
      rgba(214,185,87,.16) 54%,
      rgba(255,228,132,.58) 78%,
      rgba(214,185,87,.24) 100%
    ) !important;
}

.bf-card::after{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.028), transparent 30%),
    radial-gradient(circle at 50% 100%, rgba(255,255,255,.018), transparent 34%),
    linear-gradient(180deg,#0f1115 0%,#090b0f 52%,#040506 100%) !important;
}

.bf-inner{
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.020), transparent 24%),
    radial-gradient(circle at 80% 10%, rgba(255,255,255,.014), transparent 20%),
    linear-gradient(180deg, rgba(18,20,24,.97) 0%, rgba(10,12,15,.98) 50%, rgba(3,4,5,1) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.028),
    inset 0 -20px 34px rgba(0,0,0,.42) !important;
}

.bf-media{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.020), transparent 28%),
    linear-gradient(180deg,#111419 0%,#07090c 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.020),
    inset 0 -18px 30px rgba(0,0,0,.46),
    0 10px 24px rgba(0,0,0,.34) !important;
}

.bf-name{
  text-shadow: 0 2px 10px rgba(0,0,0,.72) !important;
}

.bf-offer{
  color:#ffe08a !important;
}

.bf-detail{
  background:
    linear-gradient(135deg,#161a20 0%,#0a0d11 40%,#12161c 55%,#050608 100%) !important;
  color:#ffe79b !important;
  border-color:rgba(255,225,120,.72) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.065),
    inset 0 -1px 0 rgba(0,0,0,.88),
    0 8px 20px rgba(0,0,0,.48),
    0 0 16px rgba(214,185,87,.09) !important;
}

.bf-detail span{
  color:#ffe79b !important;
}

/* BONUSSA_VISUAL_FINAL_PASS_START */

@property --bf-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

body.bf-auth-page #root {
  min-height: 100vh !important;
  display: flex !important;
  flex-direction: column !important;
  overflow-x: hidden !important;
}

body.bf-auth-page #root > :first-child {
  min-height: auto !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

body.bf-auth-page #root > :first-child [class*="min-h-screen"] {
  min-height: auto !important;
}

body.bf-auth-page #bonussaFinalSponsors {
  margin-top: clamp(18px, 3.2vh, 34px) !important;
}

body.bf-sponsor-page #bonussaFinalSponsors {
  margin-top: 30px !important;
}

#bonussaFinalSponsors {
  background: transparent !important;
}

.bf-grid {
  gap: clamp(14px, 3.2vw, 22px) !important;
}

.bf-card {
  min-height: 238px !important;
  border-radius: 30px !important;
  padding: 1px !important;
  background: rgba(215, 185, 88, .46) !important;
  box-shadow:
    0 22px 46px rgba(0,0,0,.78),
    0 0 0 1px rgba(255,255,255,.018),
    0 0 32px rgba(214,185,87,.055) !important;
  transform: translateZ(0);
}

.bf-card::before {
  inset: -3px !important;
  border-radius: 33px !important;
  opacity: 1 !important;
  filter: saturate(1.1) contrast(1.08);
  background:
    conic-gradient(
      from var(--bf-angle),
      rgba(255,229,128,.95) 0deg,
      rgba(214,185,87,.28) 34deg,
      rgba(255,255,255,.035) 76deg,
      rgba(214,185,87,.12) 132deg,
      rgba(255,228,120,.78) 176deg,
      rgba(214,185,87,.18) 222deg,
      rgba(255,255,255,.04) 282deg,
      rgba(255,229,128,.95) 360deg
    ) !important;
  animation: bf-border-spin 4.6s linear infinite !important;
}

.bf-card::after {
  inset: 1px !important;
  border-radius: 29px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.055), transparent 24%),
    radial-gradient(circle at 50% 18%, rgba(214,185,87,.07), transparent 34%),
    linear-gradient(180deg, #111820 0%, #090d13 38%, #030507 100%) !important;
}

.bf-inner {
  min-height: 236px !important;
  padding: 13px 13px 13px !important;
  border-radius: 29px !important;
  background:
    linear-gradient(180deg, rgba(18,25,32,.28) 0%, rgba(3,5,7,.18) 100%) !important;
}

.bf-inner::before {
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0%, rgba(255,226,125,.055) 38%, rgba(255,226,125,.16) 48%, rgba(255,226,125,.04) 58%, transparent 100%);
  transform: translateX(-130%);
  animation: bf-card-soft-sweep 5.8s ease-in-out infinite;
  opacity: .74;
}

@keyframes bf-card-soft-sweep {
  0% { transform: translateX(-135%); }
  42% { transform: translateX(135%); }
  100% { transform: translateX(135%); }
}

.bf-media {
  height: 94px !important;
  border-radius: 22px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.045), transparent 30%),
    linear-gradient(180deg, #101720 0%, #05070b 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -18px 30px rgba(0,0,0,.42),
    0 12px 26px rgba(0,0,0,.24) !important;
}

.bf-media img {
  max-width: 86% !important;
  max-height: 86% !important;
  object-fit: contain !important;
}

.bf-name {
  margin-top: 16px !important;
  color: #fff !important;
  text-shadow: 0 3px 14px rgba(0,0,0,.75) !important;
}

.bf-offer {
  margin-top: 5px !important;
  color: #ffe49a !important;
  text-shadow: 0 0 14px rgba(214,185,87,.12) !important;
}

.bf-button-zone {
  margin-top: auto !important;
  padding-top: 15px !important;
}

.bf-detail {
  height: 46px !important;
  border-radius: 17px !important;
  color: #ffe59a !important;
  border: 1px solid rgba(255,226,132,.72) !important;
  background:
    linear-gradient(180deg, #1b2028 0%, #0b0f15 50%, #05070a 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.95),
    0 10px 22px rgba(0,0,0,.45),
    0 0 18px rgba(214,185,87,.08) !important;
}

.bf-detail::before {
  background:
    linear-gradient(
      110deg,
      transparent 0%,
      rgba(244,211,95,.08) 28%,
      rgba(255,239,159,.46) 48%,
      rgba(244,211,95,.08) 66%,
      transparent 100%
    ) !important;
  animation: bf-button-light 3.6s ease-in-out infinite !important;
}

@media (max-width: 430px) {
  body.bf-auth-page #bonussaFinalSponsors {
    margin-top: 22px !important;
  }

  .bf-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 13px !important;
  }

  .bf-card {
    min-height: 218px !important;
    border-radius: 26px !important;
  }

  .bf-card::before {
    border-radius: 29px !important;
  }

  .bf-card::after {
    border-radius: 25px !important;
  }

  .bf-inner {
    min-height: 216px !important;
    padding: 10px !important;
    border-radius: 25px !important;
  }

  .bf-media {
    height: 82px !important;
    border-radius: 18px !important;
  }

  .bf-name {
    margin-top: 13px !important;
    font-size: clamp(17px, 4.8vw, 22px) !important;
  }

  .bf-offer {
    font-size: clamp(11px, 3vw, 14px) !important;
  }

  .bf-button-zone {
    padding-top: 12px !important;
  }

  .bf-detail {
    height: 42px !important;
    border-radius: 15px !important;
  }
}

@media (max-width: 370px) {
  .bf-card {
    min-height: 204px !important;
  }

  .bf-inner {
    min-height: 202px !important;
  }

  .bf-media {
    height: 74px !important;
  }

  .bf-detail {
    height: 40px !important;
  }
}

/* BONUSSA_VISUAL_FINAL_PASS_END */

/* BONUSSA_PREMIUM_EDGE_FINAL_START */

/*
  Final görünüm:
  - Detay butonu animasyonu korunur.
  - Kart içinden çapraz çizgi geçmez.
  - Sadece dış kenar çizgilerinde hareketli sarı ışık geçişi olur.
  - Kart içi daha koyu siyah füme yapılır.
*/

.bf-card{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  padding:2px !important;
  border-radius:30px !important;
  background:
    linear-gradient(145deg,
      rgba(255,231,142,.72) 0%,
      rgba(214,185,87,.28) 18%,
      rgba(255,255,255,.04) 42%,
      rgba(214,185,87,.24) 68%,
      rgba(255,231,142,.62) 100%
    ) !important;
  box-shadow:
    0 24px 54px rgba(0,0,0,.84),
    0 0 0 1px rgba(255,255,255,.025),
    0 0 24px rgba(214,185,87,.055) !important;
}

/* Eski pseudo animasyonları tamamen kapat */
.bf-card::before,
.bf-card::after{
  display:none !important;
  content:none !important;
  animation:none !important;
}

/* Kart içi: daha premium siyah füme */
.bf-inner{
  position:relative !important;
  z-index:4 !important;
  border-radius:27px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.035), transparent 28%),
    radial-gradient(circle at 50% 18%, rgba(214,185,87,.03), transparent 36%),
    linear-gradient(180deg,#0e151d 0%,#05070b 48%,#010203 100%) !important;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.025),
    inset 0 18px 34px rgba(255,255,255,.014),
    inset 0 -28px 42px rgba(0,0,0,.42) !important;
}

/* Kenar ışıkları */
.bf-edge-line{
  position:absolute !important;
  pointer-events:none !important;
  z-index:8 !important;
  display:block !important;
  border-radius:999px !important;
  opacity:.92 !important;
  filter:blur(.12px) !important;
  background:
    linear-gradient(90deg,
      transparent 0%,
      rgba(255,242,168,.10) 18%,
      rgba(255,238,142,.92) 50%,
      rgba(255,242,168,.10) 82%,
      transparent 100%
    ) !important;
  box-shadow:
    0 0 7px rgba(255,232,125,.42),
    0 0 18px rgba(214,185,87,.22) !important;
}

.bf-edge-top,
.bf-edge-bottom{
  width:46% !important;
  height:3px !important;
  left:-52% !important;
}

.bf-edge-top{
  top:1px !important;
  animation:bf-edge-top-run 4.8s linear infinite !important;
}

.bf-edge-bottom{
  bottom:1px !important;
  animation:bf-edge-bottom-run 4.8s linear infinite !important;
  animation-delay:-2.4s !important;
}

.bf-edge-left,
.bf-edge-right{
  width:3px !important;
  height:42% !important;
  top:-48% !important;
  background:
    linear-gradient(180deg,
      transparent 0%,
      rgba(255,242,168,.10) 18%,
      rgba(255,238,142,.92) 50%,
      rgba(255,242,168,.10) 82%,
      transparent 100%
    ) !important;
}

.bf-edge-left{
  left:1px !important;
  animation:bf-edge-left-run 4.8s linear infinite !important;
  animation-delay:-3.6s !important;
}

.bf-edge-right{
  right:1px !important;
  animation:bf-edge-right-run 4.8s linear infinite !important;
  animation-delay:-1.2s !important;
}

@keyframes bf-edge-top-run{
  0%{left:-52%; opacity:0}
  8%{opacity:.92}
  48%{left:106%; opacity:.92}
  58%{opacity:0}
  100%{left:106%; opacity:0}
}

@keyframes bf-edge-bottom-run{
  0%{left:106%; opacity:0}
  8%{opacity:.86}
  48%{left:-52%; opacity:.86}
  58%{opacity:0}
  100%{left:-52%; opacity:0}
}

@keyframes bf-edge-right-run{
  0%{top:-48%; opacity:0}
  8%{opacity:.88}
  48%{top:106%; opacity:.88}
  58%{opacity:0}
  100%{top:106%; opacity:0}
}

@keyframes bf-edge-left-run{
  0%{top:106%; opacity:0}
  8%{opacity:.82}
  48%{top:-48%; opacity:.82}
  58%{opacity:0}
  100%{top:-48%; opacity:0}
}

/* İçerik her zaman net ve üstte kalsın */
.bf-media,
.bf-name,
.bf-offer,
.bf-button-zone,
.bf-detail{
  position:relative !important;
  z-index:10 !important;
}

/* Detay butonundaki mevcut animasyon korunur; sadece konumu ve premium hissi güçlendirilir */
.bf-detail{
  background:
    linear-gradient(180deg,#171d25 0%,#080b10 58%,#030405 100%) !important;
  border-color:rgba(255,226,138,.72) !important;
  color:#ffe69a !important;
}

@media (max-width:430px){
  .bf-card{
    border-radius:28px !important;
    padding:2px !important;
  }

  .bf-inner{
    border-radius:25px !important;
  }

  .bf-edge-top,
  .bf-edge-bottom{
    height:2.5px !important;
    width:50% !important;
  }

  .bf-edge-left,
  .bf-edge-right{
    width:2.5px !important;
    height:44% !important;
  }
}

/* BONUSSA_PREMIUM_EDGE_FINAL_END */

/* BONUSSA_DETAIL_BUTTON_VIDEO_STYLE_START */

/*
  Sadece Detay butonu:
  - Kart ölçüsüne dokunmaz.
  - Kart kenar animasyonuna dokunmaz.
  - Buton içi siyah füme kalır.
  - Kenarda videodaki gibi hareketli gold geçiş döner.
*/

.bf-detail{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  width:100% !important;
  height:46px !important;
  padding:1.5px !important;
  border:0 !important;
  border-radius:18px !important;
  cursor:pointer !important;
  color:#ffe59a !important;
  font-size:clamp(13px,3.5vw,16px) !important;
  font-weight:950 !important;
  letter-spacing:-.015em !important;
  background:rgba(214,185,87,.30) !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.48),
    0 0 18px rgba(214,185,87,.08),
    inset 0 0 0 1px rgba(255,255,255,.035) !important;
}

/* Dönen kenar ışığı */
.bf-detail::before{
  content:"" !important;
  position:absolute !important;
  z-index:0 !important;
  width:180% !important;
  height:420% !important;
  left:-40% !important;
  top:-160% !important;
  border-radius:50% !important;
  background:
    conic-gradient(
      from 0deg,
      transparent 0deg,
      transparent 38deg,
      rgba(255,244,176,.20) 52deg,
      rgba(255,238,139,.96) 66deg,
      rgba(214,185,87,.36) 82deg,
      transparent 104deg,
      transparent 178deg,
      rgba(255,244,176,.14) 196deg,
      rgba(255,238,139,.72) 212deg,
      rgba(214,185,87,.24) 228deg,
      transparent 252deg,
      transparent 360deg
    ) !important;
  animation:bf-detail-edge-video-spin 3.9s linear infinite !important;
  opacity:.98 !important;
  pointer-events:none !important;
}

/* Butonun füme iç yüzeyi */
.bf-detail::after{
  content:"" !important;
  position:absolute !important;
  z-index:1 !important;
  inset:1.5px !important;
  border-radius:16.5px !important;
  background:
    radial-gradient(circle at 22% 0%, rgba(255,255,255,.075), transparent 30%),
    radial-gradient(circle at 78% 100%, rgba(214,185,87,.055), transparent 34%),
    linear-gradient(180deg,#171d25 0%,#0b0f15 52%,#030406 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.08),
    inset 0 -1px 0 rgba(0,0,0,.90),
    inset 0 0 18px rgba(255,255,255,.018) !important;
  pointer-events:none !important;
}

.bf-detail span{
  position:relative !important;
  z-index:3 !important;
  width:100% !important;
  height:100% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:inherit !important;
  color:#ffe59a !important;
  text-shadow:
    0 0 12px rgba(244,211,95,.28),
    0 2px 10px rgba(0,0,0,.72) !important;
  overflow:hidden !important;
}

/* İçte çok hafif ışık geçişi */
.bf-detail span::after{
  content:"" !important;
  position:absolute !important;
  inset:-8px !important;
  z-index:-1 !important;
  background:
    linear-gradient(
      108deg,
      transparent 0%,
      transparent 34%,
      rgba(255,235,143,.16) 46%,
      rgba(255,255,255,.20) 50%,
      rgba(255,235,143,.12) 56%,
      transparent 68%,
      transparent 100%
    ) !important;
  transform:translateX(-145%) skewX(-18deg) !important;
  animation:bf-detail-inner-video-sweep 4.8s ease-in-out infinite !important;
  pointer-events:none !important;
}

.bf-detail:hover{
  box-shadow:
    0 14px 32px rgba(0,0,0,.52),
    0 0 24px rgba(214,185,87,.14),
    inset 0 0 0 1px rgba(255,255,255,.04) !important;
}

.bf-detail:active{
  transform:translateY(1px) !important;
}

@keyframes bf-detail-edge-video-spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}

@keyframes bf-detail-inner-video-sweep{
  0%{ transform:translateX(-145%) skewX(-18deg); opacity:0; }
  18%{ opacity:.88; }
  48%{ transform:translateX(145%) skewX(-18deg); opacity:.70; }
  62%{ opacity:0; }
  100%{ transform:translateX(145%) skewX(-18deg); opacity:0; }
}

@media (max-width:430px){
  .bf-detail{
    height:43px !important;
    border-radius:17px !important;
    padding:1.4px !important;
  }

  .bf-detail::after{
    inset:1.4px !important;
    border-radius:15.6px !important;
  }
}

@media (max-width:360px){
  .bf-detail{
    height:40px !important;
    border-radius:15px !important;
  }

  .bf-detail::after{
    border-radius:13.8px !important;
  }
}

/* BONUSSA_DETAIL_BUTTON_VIDEO_STYLE_END */

/* BONUSSA_VISUAL_REFINEMENT_START */

/* =========================================================
   1) KARTLAR: siyah füme + sadece kenarda hareketli gold
   ========================================================= */

#bonussaFinalSponsors{
  margin:22px auto 90px !important;
}

.bf-card{
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;
  padding:1.4px !important;
  border:0 !important;
  border-radius:30px !important;
  background:rgba(214,185,87,.22) !important;
  box-shadow:
    0 18px 42px rgba(0,0,0,.62),
    inset 0 0 0 1px rgba(255,255,255,.02) !important;
}

/* Mevcut eski border pseudo'ları override */
.bf-card::before{
  content:"" !important;
  position:absolute !important;
  inset:-42% !important;
  z-index:0 !important;
  border-radius:50% !important;
  background:
    conic-gradient(
      from 0deg,
      transparent 0deg,
      transparent 24deg,
      rgba(255,245,185,.10) 40deg,
      rgba(255,239,154,.98) 58deg,
      rgba(214,185,87,.42) 74deg,
      transparent 96deg,
      transparent 168deg,
      rgba(255,245,185,.08) 188deg,
      rgba(255,239,154,.80) 206deg,
      rgba(214,185,87,.34) 224deg,
      transparent 248deg,
      transparent 360deg
    ) !important;
  animation:bf-card-edge-spin 6.8s linear infinite !important;
  opacity:.96 !important;
  pointer-events:none !important;

  /* sadece border görünür, içeride çizgi dolaşmaz */
  padding:2px !important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask-composite:exclude !important;
}

.bf-card::after{
  content:"" !important;
  position:absolute !important;
  inset:1.4px !important;
  z-index:1 !important;
  border-radius:28.8px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(214,185,87,.07), transparent 28%),
    radial-gradient(circle at 20% 18%, rgba(255,255,255,.03), transparent 24%),
    linear-gradient(180deg,#0b0b0d 0%,#060708 52%,#020304 100%) !important;
  pointer-events:none !important;
}

.bf-inner{
  position:relative !important;
  z-index:2 !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.02), transparent 30%),
    linear-gradient(180deg, rgba(16,18,21,.24) 0%, rgba(0,0,0,0) 100%) !important;
}

.bf-media{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.02), transparent 32%),
    linear-gradient(180deg,#090a0c 0%,#040506 100%) !important;
  box-shadow:
    inset 0 0 18px rgba(255,255,255,.018),
    inset 0 -18px 34px rgba(0,0,0,.42) !important;
}

/* =========================================================
   2) GÜNCEL FIRSAT kaldır
   ========================================================= */

.bf-offer{
  display:none !important;
}

.bf-modal-offer{
  display:none !important;
}

.bf-name{
  margin:18px 0 0 !important;
  font-size:clamp(18px,4.8vw,26px) !important;
}

.bf-button-zone{
  padding-top:16px !important;
}

/* =========================================================
   3) Detay butonu mevcut kalsın, iç füme daha net olsun
   ========================================================= */

.bf-detail{
  background:rgba(214,185,87,.22) !important;
}

.bf-detail::after{
  background:
    radial-gradient(circle at 24% 0%, rgba(255,255,255,.05), transparent 28%),
    linear-gradient(180deg,#14181f 0%,#090c11 52%,#030405 100%) !important;
}

/* =========================================================
   4) BONUSSA intro overlay
   ========================================================= */

.bf-intro{
  position:fixed !important;
  inset:0 !important;
  z-index:9999999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:
    radial-gradient(circle at 50% 42%, rgba(214,185,87,.08), transparent 24%),
    rgba(0,0,0,.96) !important;
  opacity:0 !important;
  pointer-events:none !important;
  transition:opacity .45s ease !important;
}

.bf-intro.show{
  opacity:1 !important;
}

.bf-intro.hide{
  opacity:0 !important;
}

.bf-intro-box{
  text-align:center !important;
  transform:translateY(18px) scale(.96) !important;
  opacity:0 !important;
  animation:bf-intro-box-in 1.1s cubic-bezier(.2,.8,.2,1) forwards !important;
}

.bf-intro-ring{
  width:92px !important;
  height:92px !important;
  margin:0 auto 16px !important;
  border-radius:50% !important;
  position:relative !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(214,185,87,.06), transparent 55%),
    #090909 !important;
  box-shadow:
    0 0 0 1px rgba(214,185,87,.55),
    0 0 24px rgba(214,185,87,.18),
    inset 0 0 22px rgba(255,255,255,.025) !important;
}

.bf-intro-ring::before{
  content:"" !important;
  position:absolute !important;
  inset:-8px !important;
  border-radius:50% !important;
  background:
    conic-gradient(
      from 0deg,
      transparent 0deg,
      rgba(255,239,154,.98) 50deg,
      transparent 100deg,
      transparent 210deg,
      rgba(255,239,154,.80) 260deg,
      transparent 320deg
    ) !important;
  -webkit-mask:
    linear-gradient(#000 0 0) content-box,
    linear-gradient(#000 0 0) !important;
  -webkit-mask-composite:xor !important;
  mask-composite:exclude !important;
  padding:2px !important;
  animation:bf-intro-ring-spin 3.2s linear infinite !important;
}

.bf-intro-crown{
  position:absolute !important;
  inset:0 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  color:#f4d35f !important;
  font-size:38px !important;
  text-shadow:0 0 18px rgba(244,211,95,.22) !important;
}

.bf-intro-title{
  margin:0 !important;
  font-size:clamp(34px,9vw,62px) !important;
  font-weight:1000 !important;
  letter-spacing:.18em !important;
  color:#f6d86d !important;
  text-transform:uppercase !important;
  text-shadow:
    0 0 26px rgba(244,211,95,.16),
    0 8px 26px rgba(0,0,0,.55) !important;
  animation:bf-intro-title-glow 1.8s ease-in-out infinite alternate !important;
}

.bf-intro-sub{
  margin:10px 0 0 !important;
  color:rgba(255,255,255,.62) !important;
  font-size:14px !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
}

@keyframes bf-card-edge-spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}

@keyframes bf-intro-box-in{
  0%{
    opacity:0;
    transform:translateY(18px) scale(.96);
  }
  100%{
    opacity:1;
    transform:translateY(0) scale(1);
  }
}

@keyframes bf-intro-ring-spin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}

@keyframes bf-intro-title-glow{
  from{
    text-shadow:
      0 0 18px rgba(244,211,95,.10),
      0 8px 24px rgba(0,0,0,.55);
  }
  to{
    text-shadow:
      0 0 30px rgba(244,211,95,.22),
      0 8px 24px rgba(0,0,0,.55);
  }
}

@media (max-width:430px){
  #bonussaFinalSponsors{
    margin:16px auto 80px !important;
  }

  .bf-card{
    border-radius:26px !important;
  }

  .bf-card::after{
    border-radius:24.8px !important;
  }

  .bf-inner{
    border-radius:24px !important;
  }

  .bf-name{
    margin-top:16px !important;
    font-size:clamp(17px,5vw,23px) !important;
  }
}

/* BONUSSA_VISUAL_REFINEMENT_END */

/* BONUSSA_CARD_EDGE_FINAL_FIX_START */

/* Kart kenarı artık mask ile değil, güvenli border-box gradient ile döner.
   İç alan sabit siyah füme kalır. */

@property --bf-card-edge-angle {
  syntax: "<angle>";
  inherits: false;
  initial-value: 0deg;
}

.bf-card{
  --bf-card-edge-angle:0deg;
  position:relative !important;
  isolation:isolate !important;
  overflow:hidden !important;

  padding:0 !important;
  border:1.45px solid transparent !important;
  border-radius:30px !important;

  background:
    linear-gradient(180deg,#07090b 0%,#030405 52%,#010101 100%) padding-box,
    conic-gradient(
      from var(--bf-card-edge-angle),
      rgba(255,238,150,.96) 0deg,
      rgba(214,185,87,.18) 22deg,
      rgba(255,255,255,.035) 78deg,
      rgba(214,185,87,.10) 132deg,
      rgba(255,238,150,.88) 178deg,
      rgba(214,185,87,.16) 218deg,
      rgba(255,255,255,.035) 284deg,
      rgba(214,185,87,.72) 330deg,
      rgba(255,238,150,.96) 360deg
    ) border-box !important;

  animation:bf-card-edge-ring 5.8s linear infinite !important;

  box-shadow:
    0 18px 42px rgba(0,0,0,.68),
    0 0 0 1px rgba(0,0,0,.42),
    inset 0 0 0 1px rgba(255,255,255,.018) !important;
}

/* Eski geniş gold dolgu yapan pseudo katmanları tamamen kapatıyoruz */
.bf-card::before,
.bf-card::after{
  display:none !important;
  content:none !important;
}

/* Kart içi net siyah füme */
.bf-inner{
  position:relative !important;
  z-index:2 !important;
  margin:0 !important;
  border-radius:28px !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.025), transparent 32%),
    linear-gradient(180deg,#080b0f 0%,#030405 50%,#010101 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.025),
    inset 0 -22px 36px rgba(0,0,0,.38) !important;
}

/* Üst logo alanı siyah füme */
.bf-media{
  background:
    radial-gradient(circle at 50% 0%, rgba(255,255,255,.035), transparent 32%),
    linear-gradient(180deg,#0b0f14 0%,#040506 100%) !important;
  box-shadow:
    inset 0 0 18px rgba(255,255,255,.02),
    inset 0 -18px 34px rgba(0,0,0,.48),
    0 10px 22px rgba(0,0,0,.34) !important;
}

/* Güncel fırsat tamamen kapalı kalsın */
.bf-offer,
.bf-modal-offer{
  display:none !important;
}

/* İsim alanı dengeli */
.bf-name{
  margin:18px 0 0 !important;
  color:#fff !important;
  text-shadow:
    0 2px 12px rgba(0,0,0,.82),
    0 0 1px rgba(255,255,255,.12) !important;
}

/* Detay butonuna dokunmuyoruz; sadece iç rengini füme tutuyoruz */
.bf-detail{
  background:
    linear-gradient(180deg,#151a21 0%,#090c11 54%,#030405 100%) !important;
  color:#ffe59c !important;
  border-color:rgba(255,226,128,.72) !important;
}

/* Butonun mevcut ışık animasyonu kalsın */
.bf-detail::before{
  display:block !important;
}

@keyframes bf-card-edge-ring{
  0%{
    --bf-card-edge-angle:0deg;
  }
  100%{
    --bf-card-edge-angle:360deg;
  }
}

@media (max-width:430px){
  .bf-card{
    border-radius:26px !important;
    border-width:1.35px !important;
  }

  .bf-inner{
    border-radius:24.5px !important;
  }

  .bf-media{
    border-radius:18px !important;
  }
}

/* BONUSSA_CARD_EDGE_FINAL_FIX_END */

/* BONUSSA_SPONSOR_HEADER_PREMIUM_START */

#bonussaFinalSponsors{
  margin-top:26px !important;
}

#bonussaFinalSponsors .bf-head{
  position:relative !important;
  overflow:hidden !important;
  margin:0 0 24px !important;
  padding:18px 18px 20px !important;
  border-radius:28px !important;
  border:1px solid rgba(214,185,87,.22) !important;
  background:
    radial-gradient(circle at 18% 0%, rgba(244,211,95,.12), transparent 28%),
    radial-gradient(circle at 85% 10%, rgba(255,255,255,.045), transparent 22%),
    linear-gradient(180deg,rgba(10,12,15,.82) 0%,rgba(3,4,5,.78) 100%) !important;
  box-shadow:
    0 20px 46px rgba(0,0,0,.48),
    inset 0 1px 0 rgba(255,255,255,.035),
    inset 0 -1px 0 rgba(214,185,87,.08) !important;
}

#bonussaFinalSponsors .bf-head::before{
  content:"" !important;
  position:absolute !important;
  inset:-40% -70% !important;
  background:
    linear-gradient(
      110deg,
      transparent 0%,
      transparent 39%,
      rgba(244,211,95,.08) 45%,
      rgba(255,240,160,.20) 50%,
      rgba(244,211,95,.07) 56%,
      transparent 64%,
      transparent 100%
    ) !important;
  transform:translateX(-30%) rotate(0deg) !important;
  animation:bf-head-premium-sweep 7.2s ease-in-out infinite !important;
  pointer-events:none !important;
}

#bonussaFinalSponsors .bf-head-top{
  position:relative !important;
  z-index:1 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:12px !important;
  margin:0 0 12px !important;
}

#bonussaFinalSponsors .bf-kicker{
  margin:0 !important;
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  color:#ffe8a3 !important;
  font-size:clamp(10px,2.25vw,13px) !important;
  line-height:1 !important;
  font-weight:950 !important;
  letter-spacing:.28em !important;
  text-transform:uppercase !important;
  text-shadow:0 0 18px rgba(244,211,95,.22) !important;
}

#bonussaFinalSponsors .bf-live{
  display:inline-flex !important;
  align-items:center !important;
  gap:7px !important;
  height:28px !important;
  padding:0 11px !important;
  border-radius:999px !important;
  border:1px solid rgba(214,185,87,.22) !important;
  background:rgba(214,185,87,.065) !important;
  color:rgba(255,232,163,.88) !important;
  font-size:10px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  white-space:nowrap !important;
}

#bonussaFinalSponsors .bf-live i{
  display:block !important;
  width:6px !important;
  height:6px !important;
  border-radius:50% !important;
  background:#f4d35f !important;
  box-shadow:0 0 12px rgba(244,211,95,.88) !important;
  animation:bf-live-pulse 1.8s ease-in-out infinite !important;
}

#bonussaFinalSponsors .bf-title{
  position:relative !important;
  z-index:1 !important;
  margin:0 !important;
  color:#fff !important;
  font-size:clamp(34px,8vw,62px) !important;
  line-height:.92 !important;
  letter-spacing:-.07em !important;
  font-weight:950 !important;
  text-shadow:
    0 2px 18px rgba(0,0,0,.72),
    0 0 1px rgba(255,255,255,.15) !important;
}

#bonussaFinalSponsors .bf-desc{
  position:relative !important;
  z-index:1 !important;
  margin:14px 0 0 !important;
  max-width:760px !important;
  color:rgba(255,255,255,.66) !important;
  font-size:clamp(14px,3.45vw,20px) !important;
  line-height:1.45 !important;
  font-weight:550 !important;
}

#bonussaFinalSponsors .bf-head-line{
  position:relative !important;
  z-index:1 !important;
  width:100% !important;
  height:1px !important;
  margin-top:17px !important;
  background:
    linear-gradient(
      90deg,
      rgba(244,211,95,.0) 0%,
      rgba(244,211,95,.58) 16%,
      rgba(255,255,255,.18) 48%,
      rgba(244,211,95,.42) 78%,
      rgba(244,211,95,.0) 100%
    ) !important;
  opacity:.72 !important;
}

@keyframes bf-head-premium-sweep{
  0%{
    transform:translateX(-48%) rotate(0deg);
    opacity:.25;
  }
  42%{
    transform:translateX(38%) rotate(0deg);
    opacity:.95;
  }
  100%{
    transform:translateX(38%) rotate(0deg);
    opacity:.25;
  }
}

@keyframes bf-live-pulse{
  0%,100%{
    opacity:.48;
    transform:scale(.92);
  }
  50%{
    opacity:1;
    transform:scale(1.16);
  }
}

@media (max-width:430px){
  #bonussaFinalSponsors{
    margin-top:24px !important;
  }

  #bonussaFinalSponsors .bf-head{
    padding:16px 14px 17px !important;
    border-radius:24px !important;
    margin-bottom:20px !important;
  }

  #bonussaFinalSponsors .bf-head-top{
    align-items:flex-start !important;
    gap:8px !important;
  }

  #bonussaFinalSponsors .bf-kicker{
    font-size:10px !important;
    letter-spacing:.22em !important;
    line-height:1.35 !important;
  }

  #bonussaFinalSponsors .bf-live{
    height:25px !important;
    padding:0 9px !important;
    font-size:9px !important;
    letter-spacing:.08em !important;
  }

  #bonussaFinalSponsors .bf-title{
    font-size:clamp(35px,10vw,46px) !important;
    line-height:.95 !important;
  }

  #bonussaFinalSponsors .bf-desc{
    font-size:15px !important;
    line-height:1.42 !important;
    margin-top:12px !important;
  }

  #bonussaFinalSponsors .bf-head-line{
    margin-top:14px !important;
  }
}

/* BONUSSA_SPONSOR_HEADER_PREMIUM_END */


/* BONUSSA_ROUTE_SAFETY_START */
.bf-safe-page{min-height:100vh;padding:22px 16px 92px;background:radial-gradient(circle at 50% 0%,rgba(244,211,95,.12),transparent 34%),#000;color:#fff;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.bf-safe-page *{box-sizing:border-box}.bf-safe-hero,.bf-safe-card,.bf-safe-row,.bf-safe-tabs{width:min(100%,760px);margin-left:auto;margin-right:auto;border:1px solid rgba(212,175,55,.22);background:linear-gradient(180deg,rgba(18,18,18,.96),rgba(5,5,5,.98));box-shadow:0 20px 60px rgba(0,0,0,.42);border-radius:24px}.bf-safe-hero{display:flex;align-items:center;gap:16px;padding:18px;margin-bottom:16px}.bf-safe-crown{width:56px;height:56px;flex:0 0 56px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,#d4af37,#f4e4bc);color:#070707;font-size:28px;font-weight:950}.bf-safe-kicker{margin:0 0 4px;color:#d4af37;font-size:11px;font-weight:900;letter-spacing:.18em}.bf-safe-hero h1{margin:0;font-size:clamp(25px,5vw,38px);line-height:1;font-weight:950;color:#f4d35f}.bf-safe-hero p{margin:7px 0 0;color:rgba(255,255,255,.64)}.bf-safe-card{padding:18px;margin-bottom:12px}.bf-safe-card span{display:block;color:rgba(255,255,255,.55);font-size:13px;margin-bottom:8px}.bf-safe-card strong{display:block;color:#fff;font-size:18px;word-break:break-word}.bf-safe-center{text-align:center}.bf-safe-big{font-size:clamp(34px,9vw,62px);font-weight:950;color:#f4d35f;line-height:1;margin-bottom:8px}.bf-safe-btn{display:block;width:min(100%,760px);margin:12px auto;padding:16px 18px;border:0;border-radius:18px;background:linear-gradient(135deg,#d4af37,#f4e4bc);color:#080808;font-weight:950;cursor:pointer}.bf-safe-btn:disabled{opacity:.48;cursor:not-allowed}.bf-safe-note{width:min(100%,760px);min-height:22px;margin:8px auto 14px;color:#9ff0bf;text-align:center;font-weight:800}.bf-safe-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:min(100%,760px);margin:0 auto 12px}.bf-safe-grid .bf-safe-card{width:100%;margin:0}.bf-safe-three{grid-template-columns:repeat(3,minmax(0,1fr))}.bf-safe-list{width:min(100%,760px);margin:12px auto}.bf-safe-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;margin-bottom:10px}.bf-safe-row strong{color:#fff}.bf-safe-row span{color:#d4af37;text-align:right}.bf-safe-tabs{display:flex;gap:8px;overflow:auto;padding:10px;margin-bottom:12px}.bf-safe-tabs span{white-space:nowrap;border-radius:999px;padding:8px 12px;background:rgba(212,175,55,.1);color:#f4d35f;font-size:12px;font-weight:900}.bf-safe-nav{position:fixed;left:50%;bottom:14px;transform:translateX(-50%);width:min(calc(100% - 20px),760px);display:flex;justify-content:space-around;gap:6px;padding:10px;border:1px solid rgba(212,175,55,.22);border-radius:22px;background:rgba(5,5,5,.88);backdrop-filter:blur(18px);z-index:80}.bf-safe-nav a{color:#d4af37;text-decoration:none;font-size:12px;font-weight:900}@media(max-width:640px){.bf-safe-grid,.bf-safe-three{grid-template-columns:1fr}.bf-safe-hero{align-items:flex-start}.bf-safe-row{align-items:flex-start;flex-direction:column}.bf-safe-row span{text-align:left}.bf-safe-nav a{font-size:11px}}
/* BONUSSA_ROUTE_SAFETY_END */