:root {
  --bg:#050607;
  --bg-2:#0a0d13;
  --panel:#11151c;
  --panel-2:#151b25;
  --text:#f6f3ee;
  --muted:#98a2b3;
  --line:rgba(255,255,255,.08);
  --gold:#d4a53a;
  --gold-soft:#f2d17e;
  --max:1180px;
  --radius:22px;
  --shadow:0 20px 60px rgba(0,0,0,.35);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;background-color:#020304;background-image:var(--page-overlay, radial-gradient(circle at 14% 0%, rgba(212,165,58,.22), transparent 0 30%), linear-gradient(180deg,#161109 0%,#080808 26%,#000000 100%));background-repeat:no-repeat;background-size:cover;background-attachment:fixed;color:var(--text);position:relative;min-height:100vh}
a{text-decoration:none;color:inherit}
img,video{display:block;max-width:100%}
.page-bg{position:fixed;inset:0;pointer-events:none;background:var(--page-overlay, radial-gradient(circle at 14% 0%, rgba(212,165,58,.22), transparent 0 30%), linear-gradient(180deg,#161109 0%,#080808 26%,#000000 100%));opacity:1;z-index:-1}.page-bg::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 16% 8%, rgba(212,165,58,.22), transparent 0 18%),radial-gradient(circle at 85% 18%, rgba(108,80,22,.10), transparent 0 18%),linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,.28) 70%, rgba(0,0,0,.5) 100%);opacity:.95}
.container{width:min(var(--max), calc(100% - 40px));margin:0 auto}
.site-main{padding:20px 0 48px}

.site-header{position:sticky;top:0;z-index:50;background:rgba(5,6,7,.88);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.05)}
.site-header::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.header-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:74px}
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand img,.brand-badge{width:42px;height:42px;border-radius:12px;object-fit:cover}
.brand-badge{display:grid;place-items:center;background:linear-gradient(135deg,#2a1b07,var(--gold));color:#101010;font-weight:900}
.brand-copy{display:flex;flex-direction:column;line-height:1.05}
.brand-copy strong{font-size:1.1rem}
.brand-copy span{font-size:.76rem;color:var(--muted)}
.main-nav{display:flex;align-items:center;gap:24px;overflow:auto hidden}
.main-nav::-webkit-scrollbar{display:none}
.main-nav a{font-weight:700;font-size:.95rem;white-space:nowrap;color:#e8edf4;opacity:.88}
.main-nav a:hover{color:#fff}
.header-actions{display:flex;align-items:center;gap:10px}
.search-box{display:flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:999px;background:#11151c;border:1px solid var(--line);min-width:150px}
.search-box input{background:transparent;border:none;outline:none;color:#fff;width:100%}
.ghost-btn,.primary-btn,.circle-btn{display:inline-flex;align-items:center;justify-content:center;height:42px;border-radius:999px;font-weight:800}
.ghost-btn{padding:0 18px;background:#12161d;border:1px solid var(--line)}
.primary-btn{padding:0 18px;background:linear-gradient(135deg,var(--gold),var(--gold-soft));color:#111}
.circle-btn{width:42px;background:#1a1116;border:1px solid var(--line);color:#ff5555}
.menu-toggle{display:none;width:42px;height:42px;border:none;border-radius:12px;background:#11151c;color:#fff}

.welcome-strip{padding:14px 0 8px}
.welcome-strip h1{margin:0 0 6px;font-size:2.2rem;letter-spacing:-.04em}
.welcome-strip p{margin:0;color:var(--muted);max-width:800px}
.hero-section{margin-top:12px}
.hero-banner{position:relative;display:block;overflow:hidden;border-radius:28px;min-height:250px;background:#160f10;border:1px solid var(--line);box-shadow:var(--shadow)}
.hero-banner img,.hero-banner video{width:100%;height:100%;min-height:250px;object-fit:cover}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.35),rgba(0,0,0,.06) 55%, rgba(0,0,0,.18))}
.hero-content{position:absolute;left:26px;bottom:22px;z-index:2;display:flex;gap:10px;flex-wrap:wrap}
.hero-chip,.hero-content strong{display:inline-flex;align-items:center;border-radius:999px;padding:10px 14px;background:rgba(10,12,16,.62);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}
.hero-content strong{font-size:1rem}

.section{margin-top:26px}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:14px}
.section-head h2{margin:0;font-size:1.95rem;letter-spacing:-.04em}
.section-head p{margin:4px 0 0;color:var(--muted)}
.section-controls{display:flex;gap:8px}
.section-controls span{width:36px;height:36px;border-radius:12px;background:#141922;border:1px solid var(--line);display:grid;place-items:center}

.quick-cards{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}
.quick-card{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:132px;padding:16px;border-radius:18px;border:1px solid var(--line);box-shadow:var(--shadow)}
.quick-1{background:linear-gradient(160deg,#12385c,#1a4c7c 58%,#132333)}
.quick-2{background:linear-gradient(160deg,#176632,#219044 58%,#16311c)}
.quick-3{background:linear-gradient(160deg,#592c76,#7a33a5 58%,#22152f)}
.quick-4{background:linear-gradient(160deg,#7f5607,#a97512 58%,#302311)}
.quick-5{background:linear-gradient(160deg,#861627,#b4193b 58%,#2d1118)}
.quick-6{background:linear-gradient(160deg,#434954,#5e6773 58%,#23272f)}
.quick-icon{width:52px;height:52px;border-radius:15px;background:rgba(255,255,255,.14);display:grid;place-items:center;font-weight:900;font-size:1.3rem}
.quick-copy strong{display:block;font-size:1.05rem}
.quick-copy span{display:block;margin-top:4px;font-size:.88rem;color:rgba(255,255,255,.78);line-height:1.35}
.quick-card em{position:absolute;right:16px;bottom:14px;font-style:normal;font-size:1.3rem}

.sponsor-grid-builder{display:flex;flex-direction:column;gap:14px}
.sponsor-grid-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sponsor-grid-row.row-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.sponsor-grid-row.row-count-1{grid-template-columns:1fr}
.sponsor-card{position:relative;display:block;overflow:visible;border-radius:20px;background:transparent;border:none;box-shadow:none;padding:2px;isolation:isolate}.sponsor-card-inner{overflow:hidden;border-radius:inherit;background:#0f141b;border:1px solid rgba(255,255,255,.06);box-shadow:var(--shadow)}
.sponsor-card.span-2{grid-column:span 2}
.sponsor-card.span-3{grid-column:span 3}
.sponsor-thumb{height:var(--thumb-height,108px);background:linear-gradient(135deg,#111722,#1a1e26);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.sponsor-thumb.has-media img{width:100%;height:100%;object-fit:cover}
.sponsor-thumb .contain{width:100%;height:100%;object-fit:contain;padding:16px 20px}
.fake-brand{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:
radial-gradient(circle at 70% 80%, rgba(212,165,58,.22), transparent 0 30%),
radial-gradient(circle at 20% 0%, rgba(31,78,135,.22), transparent 0 30%),
linear-gradient(135deg,#0f151f,#181b22)}
.fake-brand span{font-weight:900;font-size:2rem;letter-spacing:-.04em}
.sponsor-meta{display:flex;justify-content:space-between;align-items:flex-end;gap:10px;padding:10px 14px 12px}
.sponsor-meta strong{display:block;font-size:1.1rem;line-height:1.1}
.sponsor-meta small{display:block;margin-top:4px;color:#ff5b92;font-weight:800;font-size:.88rem;line-height:1.35}
.sponsor-meta b{font-size:.9rem;color:#ffd76b;white-space:nowrap}

.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.feature-card{position:relative;overflow:hidden;min-height:158px;border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow);padding:18px;display:flex;align-items:flex-end}
.feature-1{background:linear-gradient(145deg,#85510d,#a96a12 58%,#35220f)}
.feature-2{background:linear-gradient(145deg,#5d2680,#7f35a5 58%,#2b1439)}
.feature-3{background:linear-gradient(145deg,#144da2,#246fdf 58%,#122642)}
.feature-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22}
.feature-copy{position:relative;z-index:2}
.feature-copy strong{display:block;font-size:1.8rem;line-height:1.02;letter-spacing:-.04em;max-width:180px}
.feature-copy span{display:block;margin-top:8px;font-weight:700}

.cta-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.cta-banner,.cta-contact{border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow)}
.cta-banner{min-height:140px;padding:26px;background:
radial-gradient(circle at 78% 50%, rgba(255,255,255,.08), transparent 0 25%),
linear-gradient(135deg,#1082f4,#1b6fd1 60%,#12467e);display:flex;align-items:center}
.cta-banner small{display:block;font-size:1rem;opacity:.92}
.cta-banner strong{display:block;margin-top:8px;font-size:2rem;line-height:1.06;max-width:420px}
.cta-contact{padding:26px;background:linear-gradient(180deg,#031324,#081522)}
.cta-contact h3{margin:0 0 8px;font-size:2rem;letter-spacing:-.04em}
.cta-contact p{margin:0 0 18px;color:var(--muted);max-width:480px}

.site-footer{margin-top:34px;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(7,8,10,.82),rgba(3,4,5,.94))}
.footer-grid{display:flex;justify-content:space-between;gap:20px;padding:26px 0 36px}
.footer-brand strong{display:block;font-size:1.06rem}
.footer-brand p{margin:8px 0 0;color:var(--muted);max-width:540px}
.footer-links{display:flex;flex-wrap:wrap;gap:10px}
.footer-links a{padding:10px 14px;border-radius:999px;background:#11151c;border:1px solid var(--line)}
.footer-socials{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;align-items:center}
.social-pill{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:linear-gradient(180deg,rgba(18,22,28,.95),rgba(9,12,16,.95));border:1px solid rgba(243,205,107,.22);color:var(--gold-soft);box-shadow:0 14px 30px rgba(0,0,0,.25)}
.social-pill svg{width:18px;height:18px;display:block;color:var(--gold)}

.sponsor-glow{position:relative}
.sponsor-glow::before{content:none}
.border-anim-off .sponsor-glow::before{display:none}
to{transform:rotate(360deg)}}

.popup-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.72);padding:18px}
.popup-card{position:relative;width:min(460px,92vw);overflow:hidden;border-radius:24px;background:#0d1118;border:1px solid var(--line);box-shadow:0 40px 100px rgba(0,0,0,.6)}
.popup-card img,.popup-card video{width:100%;max-height:78vh;object-fit:cover}
.popup-close{position:absolute;top:12px;right:12px;width:36px;height:36px;border:none;border-radius:999px;background:#0d1118;color:#fff;z-index:2}
.popup-actions{padding:14px;display:flex;justify-content:center}
.popup-actions a{display:inline-flex;padding:12px 18px;border-radius:14px;background:linear-gradient(135deg,var(--gold),var(--gold-soft));color:#111;font-weight:900}


.youtube-section{margin-top:28px}
.youtube-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:16px;align-items:start}
.youtube-feature,.youtube-card{background:#0f141b;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.youtube-video-wrap{position:relative;aspect-ratio:16/9;background:#000}
.youtube-video-wrap iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.youtube-feature-copy{padding:16px 18px 18px;display:flex;flex-direction:column;gap:6px}
.youtube-feature-copy strong{font-size:1.2rem}
.youtube-feature-copy span{color:var(--muted);line-height:1.45}
.youtube-list{display:grid;grid-template-columns:1fr;gap:12px}
.desktop-only{display:grid}
.mobile-only{display:none}
.youtube-mobile-slider{display:none;overflow-x:auto;gap:12px;padding-bottom:4px;scroll-snap-type:x proximity}
.youtube-mobile-slider::-webkit-scrollbar{display:none}
.youtube-mobile-card{min-width:220px;max-width:220px;flex:0 0 220px;background:#0f141b;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:var(--shadow);scroll-snap-align:start}
.youtube-card{display:grid;grid-template-columns:160px 1fr;align-items:center}
.youtube-thumb{aspect-ratio:16/9;background:#07090d}
.youtube-thumb img{width:100%;height:100%;object-fit:cover}
.youtube-copy{padding:14px 16px}
.youtube-copy strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:1rem;line-height:1.35}
.youtube-copy span{display:block;margin-top:6px;color:var(--muted);font-size:.88rem}

@media (max-width:1180px){
  .quick-cards{grid-template-columns:repeat(3,1fr)}
  .youtube-layout{grid-template-columns:1fr}
}
@media (max-width:920px){
  .header-row{grid-template-columns:auto auto auto;gap:14px}
  .menu-toggle{display:inline-grid;place-items:center}
  .main-nav{display:none;position:absolute;left:20px;right:20px;top:72px;flex-direction:column;align-items:flex-start;padding:16px;border-radius:18px;background:rgba(9,11,15,.97);border:1px solid var(--line)}
  .main-nav.open{display:flex}
  .search-box{min-width:44px;width:44px;padding:0;justify-content:center}
  .search-box input,.ghost-btn{display:none}
  .feature-row,.cta-grid{grid-template-columns:1fr}
  .youtube-card{grid-template-columns:140px 1fr}
}
@media (max-width:640px){
  .container{width:min(var(--max), calc(100% - 24px))}
  .site-main{padding:14px 0 34px}
  .brand-copy span{display:none}
  .welcome-strip h1{font-size:1.8rem}
  .hero-banner,.hero-banner img,.hero-banner video{min-height:190px}
  .quick-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .quick-card{min-height:120px;padding:14px}
  .quick-icon{width:44px;height:44px;font-size:1.15rem}
  .quick-copy strong{font-size:1rem}
  .quick-copy span{font-size:.82rem}
  .sponsor-grid-builder{gap:10px}
  .sponsor-grid-row{gap:10px}
  .sponsor-grid-row.row-count-3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .sponsor-grid-row.row-count-2{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sponsor-grid-row.row-count-1{grid-template-columns:1fr}
  .sponsor-card,.sponsor-card.span-2,.sponsor-card.span-3{grid-column:auto;border-radius:16px;min-width:0}
  .sponsor-thumb{height:clamp(74px, 22vw, var(--thumb-height,96px))}
  .sponsor-thumb .contain{padding:12px 14px}
  .fake-brand span{font-size:1rem;text-align:center;padding:0 8px;word-break:break-word}
  .sponsor-meta{padding:10px 10px 12px;display:block}
  .sponsor-meta strong{font-size:.86rem;line-height:1.15}
  .sponsor-meta small{font-size:.7rem;margin-top:5px;line-height:1.2}
  .sponsor-meta b{display:block;margin-top:6px;font-size:.76rem}
  .section-head h2{font-size:1.55rem}
  .desktop-only{display:none}
  .mobile-only.youtube-mobile-slider{display:flex}
  .youtube-mobile-card .youtube-thumb{aspect-ratio:16/9}
  .youtube-mobile-card .youtube-copy{padding:12px 13px 14px}
  .youtube-copy{padding:12px 13px 14px}
  .section-head p{font-size:.94rem}
  .feature-copy strong,.cta-banner strong,.cta-contact h3{font-size:1.55rem}
  .footer-grid{flex-direction:column}.footer-socials{justify-content:flex-start}
  .header-actions{gap:8px}
  .header-actions .primary-btn,.header-actions .circle-btn{display:none}
}

.hero-playlist{cursor:pointer}
.hero-stage{position:relative;min-height:inherit;height:100%}
.hero-media{width:100%;height:100%;min-height:250px;object-fit:cover}
.hero-stage > video.hero-media{background:#06090d}
.hero-playlist.is-transitioning .hero-media{opacity:.9;transform:scale(1.01)}
.hero-media{transition:opacity .35s ease, transform .35s ease}
@media (max-width:640px){.hero-media{min-height:190px}.hero-content{left:14px;bottom:14px}.hero-chip,.hero-content strong{padding:8px 11px;font-size:.82rem}}

.device-mobile{display:none}
@media (max-width:640px){.device-desktop{display:none!important}.device-mobile{display:block}.hero-banner.device-mobile{margin-top:0}}
@media (min-width:641px){.device-mobile{display:none!important}}

:root{--site-bg:radial-gradient(circle at 14% 0%, rgba(212,165,58,.22), transparent 0 30%), linear-gradient(180deg,#161109 0%,#080808 26%,#000000 100%);--border-anim-color:#f3cd6b;--border-anim-speed:3s}
body{background:#060708}
.page-bg{position:fixed;inset:0;background:var(--site-bg);z-index:-2}
.page-bg::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 10%, rgba(255,255,255,.04), transparent 0 20%), radial-gradient(circle at 20% 90%, rgba(212,165,58,.08), transparent 0 18%)}

.sponsor-card,.feature-card{transition:transform .22s ease, box-shadow .22s ease, border-color .22s ease}
.sponsor-card:hover,.feature-card:hover{transform:translateY(-6px);box-shadow:0 20px 45px rgba(0,0,0,.42);border-color:rgba(255,219,128,.32)}
.sponsor-card.is-featured,.feature-card.is-featured{box-shadow:0 24px 60px rgba(212,165,58,.14), var(--shadow)}
.featured-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;margin-bottom:8px;border-radius:999px;background:rgba(212,165,58,.16);border:1px solid rgba(212,165,58,.22);color:var(--gold-soft);font-size:.73rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.sponsor-meta{position:relative;z-index:3}
.sponsor-card .fake-brand,.sponsor-card .sponsor-thumb img,.feature-card img{will-change:transform}
.sponsor-card:hover .fake-brand,.sponsor-card:hover .sponsor-thumb img,.feature-card:hover img{transform:scale(1.02)}
.sponsor-glow::before{content:none}
.sponsor-card-inner{position:relative;z-index:2;background:#0f141b;border-radius:inherit;overflow:hidden}
.border-anim-off .sponsor-glow::before{display:none}

.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.admin-stat-card{padding:20px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 50px rgba(0,0,0,.25)}
.admin-stat-card .value{font-size:2rem;font-weight:900;margin-top:8px}
.admin-muted{color:#aeb7c6}
.admin-grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}
.admin-list{display:grid;gap:10px}
.admin-list-item{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:#11161f;border:1px solid rgba(255,255,255,.06)}
.admin-progress{height:8px;border-radius:999px;background:#121720;overflow:hidden}.admin-progress > span{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--gold-soft))}
.badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#11161f;border:1px solid rgba(255,255,255,.08);font-size:.78rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 16px;border-radius:14px;background:#131822;border:1px solid rgba(255,255,255,.08);color:#fff;font-weight:700;cursor:pointer}
.btn-primary{background:linear-gradient(135deg,var(--gold),var(--gold-soft));color:#111;border-color:transparent}
.btn-danger{background:linear-gradient(135deg,#6c1727,#a71d38);border-color:transparent}
.card-note{padding:12px 14px;border-radius:14px;background:#11161f;border:1px solid rgba(255,255,255,.06)}
.input-inline{display:flex;gap:10px;align-items:center}.input-inline > *{flex:1}
.theme-preview{margin-top:18px;padding:18px;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.01))}
.theme-preview-stage{padding:24px;border-radius:18px;background:var(--preview-bg, var(--site-bg));position:relative;overflow:hidden}
.theme-preview-card{position:relative;display:flex;justify-content:space-between;align-items:flex-end;gap:12px;padding:18px;border-radius:18px;background:#0f141b;border:1px solid rgba(255,255,255,.08)}
.theme-preview-card::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:2px;background:conic-gradient(from 0deg, transparent 0deg 300deg, var(--preview-border, var(--border-anim-color)) 318deg, #fff2bf 338deg, var(--preview-border, var(--border-anim-color)) 356deg, transparent 360deg);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;animation:borderOrbit var(--border-anim-speed) linear infinite}
.theme-preview-card > *{position:relative;z-index:1}
.theme-preview-title{font-size:1.1rem;font-weight:900;color:var(--preview-primary,var(--gold))}
.theme-preview-copy{color:#d6dbea}.theme-preview-rating{color:var(--preview-secondary,var(--gold-soft));font-weight:900}
.sticky-cta{position:fixed;left:50%;transform:translateX(-50%);bottom:14px;z-index:60;display:none;min-width:min(92vw,420px);justify-content:center;padding:14px 18px;border-radius:999px;background:linear-gradient(135deg,var(--gold),var(--gold-soft));color:#111;font-weight:900;box-shadow:0 18px 40px rgba(0,0,0,.35)}
@media (max-width:640px){.sticky-cta{display:flex}.admin-stat-grid,.admin-grid-2{grid-template-columns:1fr}}


/* === PRELOADER FIX === */
.preloader{
  position:fixed;
  inset:0;
  z-index:9999;
  display:flex !important;
  align-items:center;
  justify-content:center;
  opacity:1;
  visibility:visible;
  background:
    radial-gradient(circle at 20% 0%, rgba(212,165,58,.20), transparent 0 36%),
    radial-gradient(circle at 80% 100%, rgba(212,165,58,.10), transparent 0 28%),
    linear-gradient(180deg,#171108 0%,#090909 42%,#000000 100%);
  transition:opacity .6s ease, visibility .6s ease;
}
.preloader.is-hidden{opacity:0;visibility:hidden}
.preloader-core{
  position:relative;
  width:164px;
  height:164px;
  display:grid;
  place-items:center;
}
.preloader-logo{
  max-width:92px;
  max-height:92px;
  width:auto;
  height:auto;
  object-fit:contain;
  position:relative;
  z-index:3;
  filter:drop-shadow(0 0 22px rgba(243,205,107,.18));
  animation:preloaderFloat 1.8s ease-in-out infinite;
}
.preloader-fallback{
  width:92px;
  height:92px;
  border-radius:24px;
  display:grid;
  place-items:center;
  position:relative;
  z-index:3;
  font-size:2.5rem;
  font-weight:900;
  color:#111;
  background:linear-gradient(135deg,var(--gold),var(--gold-soft));
  box-shadow:0 18px 40px rgba(243,205,107,.22);
  animation:preloaderFloat 1.8s ease-in-out infinite;
}
.preloader-ring{
  position:absolute;
  inset:6px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.06);
  box-shadow:0 0 0 1px rgba(243,205,107,.08) inset;
}
.preloader-ring::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:inherit;
  padding:2px;
  background:conic-gradient(from 0deg, transparent 0deg 320deg, var(--gold) 332deg 346deg, transparent 358deg 360deg);
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  animation:preloaderSpin 1.4s linear infinite;
}
.preloader-glow{
  position:absolute;
  inset:-18px;
  border-radius:999px;
  background:radial-gradient(circle, rgba(243,205,107,.14) 0%, rgba(243,205,107,0) 68%);
  filter:blur(10px);
}
@keyframes preloaderSpin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes preloaderFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}

/* === BORDER EFFECT CLEAN FIX === */
.sponsor-card{
  position:relative;
  display:block;
  overflow:visible;
  border-radius:20px;
  background:transparent;
  border:none;
  box-shadow:none;
  padding:2px;
  isolation:isolate;
}
.sponsor-card-inner{
  position:relative;
  z-index:2;
  overflow:hidden;
  border-radius:inherit;
  background:#0f141b;
  border:1px solid rgba(255,255,255,.06);
  box-shadow:var(--shadow);
}
.sponsor-glow{
  --ring-size: 2px;
  --ring-angle-start: 328deg;
  --ring-angle-end: 346deg;
}
.sponsor-glow::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  padding:var(--ring-size);
  background:conic-gradient(
    from 0deg,
    transparent 0deg 312deg,
    rgba(243,205,107,0) 312deg,
    var(--border-anim-color, #f3cd6b) var(--ring-angle-start),
    #fff5c7 338deg,
    var(--border-anim-color, #f3cd6b) var(--ring-angle-end),
    rgba(243,205,107,0) 354deg,
    transparent 360deg
  );
  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
  z-index:3;
  animation:borderOrbitClean var(--border-anim-speed) linear infinite;
}
.border-anim-off .sponsor-glow::before{
  display:none;
}
@keyframes borderOrbitClean{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
.sponsor-card:hover{
  transform:translateY(-6px);
  box-shadow:none;
}
.sponsor-card:hover .sponsor-card-inner{
  box-shadow:0 24px 48px rgba(0,0,0,.34);
}

/* === FIGMA-LEVEL ADMIN POLISH === */
.admin-side{
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)),
    linear-gradient(180deg,#0a0d12 0%, #0f131b 100%) !important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.05), 30px 0 80px rgba(0,0,0,.20);
}
.admin-brand{
  font-size:1.45rem !important;
  letter-spacing:-.03em;
}
.admin-brand-sub{
  margin-bottom:22px !important;
}
.admin-menu a{
  backdrop-filter:blur(10px);
  transition:transform .18s ease, background .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.admin-menu a:hover,
.admin-menu a.active{
  transform:translateX(3px);
  box-shadow:0 14px 30px rgba(0,0,0,.18);
}
.admin-panel{
  background:
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)) !important;
  backdrop-filter:blur(10px);
  box-shadow:0 18px 50px rgba(0,0,0,.20);
}
.admin-topbar{
  padding:18px 20px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 16px 40px rgba(0,0,0,.15);
}
.quick-link{
  transition:transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.quick-link:hover{
  transform:translateY(-4px);
  border-color:rgba(243,205,107,.26);
  box-shadow:0 14px 34px rgba(0,0,0,.22);
}


/* === FINAL CARD SWEEP FIX === */
.sponsor-card,
.sponsor-card::before,
.sponsor-card::after,
.sponsor-card-inner::before,
.sponsor-card-inner::after,
.sponsor-glow::before,
.sponsor-glow::after,
.sponsor-thumb::before,
.sponsor-thumb::after{
  box-sizing:border-box;
}

/* kill old stacked border/glow effects */
.sponsor-card::before,
.sponsor-card::after,
.sponsor-glow::before,
.sponsor-glow::after,
.sponsor-card-inner::before,
.sponsor-card-inner::after{
  content:none !important;
  display:none !important;
  background:none !important;
  animation:none !important;
  box-shadow:none !important;
}

.sponsor-card{
  position:relative;
  overflow:hidden !important;
  border-radius:20px;
  padding:0 !important;
  background:linear-gradient(180deg, rgba(14,20,29,.96), rgba(8,12,18,.98)) !important;
  border:1px solid rgba(243,205,107,.18) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.03) !important;
  isolation:isolate;
}
.sponsor-card::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:1;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0) 42%),
    linear-gradient(90deg, rgba(243,205,107,.0) 0%, rgba(243,205,107,.18) 22%, rgba(255,244,198,.65) 50%, rgba(243,205,107,.18) 78%, rgba(243,205,107,0) 100%);
  background-repeat:no-repeat;
  background-size:100% 100%, 22% 150%;
  background-position:0 0, -34% -24%;
  mix-blend-mode:screen;
  opacity:.9;
  animation:sponsorSweepFinal var(--border-anim-speed, 3s) linear infinite !important;
  filter:blur(.2px);
}
.sponsor-card::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  left:0; right:0; top:0;
  height:1px;
  z-index:2;
  background:linear-gradient(90deg, transparent, rgba(243,205,107,.45), transparent);
  opacity:.8;
  pointer-events:none;
}
.sponsor-card-inner{
  position:relative;
  z-index:3;
  overflow:hidden;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(17,25,38,.88), rgba(9,13,22,.94)) !important;
  border:none !important;
  box-shadow:none !important;
}
.sponsor-thumb{
  position:relative;
  background:linear-gradient(180deg, rgba(20,27,40,.82), rgba(17,24,36,.58)) !important;
}
.sponsor-thumb::before{
  content:none !important;
}
@keyframes sponsorSweepFinal{
  0%{ background-position:0 0, -34% -24%; }
  100%{ background-position:0 0, 134% 18%; }
}

/* === POPUP FIX === */
.popup-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:10000 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  padding:24px !important;
  background:rgba(0,0,0,.72) !important;
  backdrop-filter:blur(8px) !important;
}
.popup-card{
  position:relative !important;
  width:min(460px,92vw) !important;
  max-width:min(460px,92vw) !important;
  margin:0 auto !important;
  transform:none !important;
}
body > .popup-overlay{
  left:0 !important; top:0 !important;
}

/* === ADMIN PREMIUM POLISH FINAL === */
.admin-shell{
  background:radial-gradient(circle at 0% 0%, rgba(243,205,107,.07), transparent 24%), linear-gradient(180deg,#080b10 0%, #0c1017 100%);
}
.admin-side{
  border-right:1px solid rgba(255,255,255,.06) !important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.03), 40px 0 100px rgba(0,0,0,.28) !important;
}
.admin-panel{
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 24px 60px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.02) !important;
}
.admin-menu a{
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
  border:1px solid rgba(255,255,255,.07) !important;
}
.admin-menu a.active,
.admin-menu a:hover{
  background:linear-gradient(180deg, rgba(243,205,107,.18), rgba(243,205,107,.08)) !important;
  border-color:rgba(243,205,107,.30) !important;
  color:#fff !important;
}
.stat-card,.quick-link,.admin-card{
  border:1px solid rgba(255,255,255,.08) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)) !important;
  box-shadow:0 18px 40px rgba(0,0,0,.18) !important;
}


/* === BORDER/SWEEP FINAL FIX v5 === */
/* Remove all previous pseudo-light/border layers */
.sponsor-glow::before,
.sponsor-glow::after,
.sponsor-card-inner::after{
  content:none !important;
  display:none !important;
  animation:none !important;
  background:none !important;
  box-shadow:none !important;
}

.sponsor-card{
  position:relative !important;
  overflow:hidden !important;
  border-radius:20px !important;
  padding:0 !important;
  background:transparent !important;
  border:1px solid rgba(243,205,107,.14) !important;
  box-shadow:0 18px 46px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.02) !important;
  isolation:isolate;
}
.sponsor-card::before{
  content:"" !important;
  display:block !important;
  position:absolute;
  top:-38%;
  left:-46%;
  width:34%;
  height:180%;
  border-radius:40px;
  transform:skewX(-28deg) translateX(0);
  background:linear-gradient(90deg,
    rgba(243,205,107,0) 0%,
    rgba(243,205,107,.04) 18%,
    rgba(255,247,214,.55) 48%,
    rgba(243,205,107,.22) 58%,
    rgba(243,205,107,0) 100%);
  filter:blur(1.2px);
  opacity:.62;
  mix-blend-mode:screen;
  pointer-events:none;
  z-index:3;
  animation:sponsorSweepSingle 4.4s linear infinite !important;
}
.sponsor-card::after{
  content:"" !important;
  display:block !important;
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  z-index:2;
  background:linear-gradient(180deg, rgba(243,205,107,.10), rgba(243,205,107,0) 18%);
  opacity:.55;
}
.sponsor-card-inner{
  position:relative;
  z-index:1;
  overflow:hidden;
  border-radius:inherit;
  background:linear-gradient(180deg, rgba(18,24,34,.98), rgba(7,11,17,.99)) !important;
  border:none !important;
  box-shadow:none !important;
}
@keyframes sponsorSweepSingle{
  0%{transform:skewX(-28deg) translateX(-10%); opacity:0}
  8%{opacity:.58}
  42%{opacity:.66}
  60%{opacity:.62}
  100%{transform:skewX(-28deg) translateX(520%); opacity:0}
}

/* popup must wait until preloader finishes */
.popup-overlay{z-index:9000 !important;}

/* === PREMIUM ADMIN POLISH v5 === */
body.admin-body{
  background:
    radial-gradient(circle at 8% 0%, rgba(243,205,107,.10), transparent 0 22%),
    linear-gradient(180deg,#06080c 0%, #0a0d12 38%, #07090d 100%) !important;
}
.admin-side{
  background:
    radial-gradient(circle at top left, rgba(243,205,107,.10), transparent 0 28%),
    linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02)),
    linear-gradient(180deg,#0a0d12 0%, #10141c 100%) !important;
  border-right:1px solid rgba(255,255,255,.06) !important;
  box-shadow:inset -1px 0 0 rgba(255,255,255,.03), 32px 0 80px rgba(0,0,0,.28) !important;
}
.admin-content{
  padding:34px !important;
}
.admin-panel{
  background:
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:0 26px 60px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.03) !important;
  backdrop-filter:blur(16px);
}
.admin-topbar{
  position:sticky;
  top:18px;
  z-index:6;
  padding:22px 24px !important;
  border-radius:24px !important;
  background:
    radial-gradient(circle at 0% 0%, rgba(243,205,107,.08), transparent 0 26%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 22px 60px rgba(0,0,0,.28) !important;
  margin-bottom:26px !important;
}
.admin-topbar h1{font-size:2.25rem !important; letter-spacing:-.05em;}
.admin-topbar p{font-size:1rem !important; color:#c1cad8 !important;}
.admin-brand{font-size:1.55rem !important; letter-spacing:-.04em;}
.admin-brand-sub{color:#c4ccd8 !important; opacity:.86;}
.admin-menu a{
  min-height:52px;
  background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.admin-menu a:hover,
.admin-menu a.active{
  background:linear-gradient(135deg, rgba(243,205,107,.98), rgba(255,240,185,.92)) !important;
  color:#111 !important;
  border-color:rgba(255,255,255,.22) !important;
  transform:translateX(4px) !important;
  box-shadow:0 16px 32px rgba(0,0,0,.20), 0 0 0 1px rgba(255,255,255,.08) inset !important;
}
.chip{
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  color:#e8edf4;
}
.quick-link{
  background:linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 12px 28px rgba(0,0,0,.18);
}
.quick-link:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 20px 40px rgba(0,0,0,.22) !important;
}



/* === ULTIMATE V7: SINGLE DIAGONAL SWEEP + ACCENT CARD TONE === */
/* hard reset old sponsor border/glow stacks */
body .sponsor-card::before,
body .sponsor-card::after,
body .sponsor-glow::before,
body .sponsor-glow::after{
  content:none !important;
  display:none !important;
  background:none !important;
  border:none !important;
  animation:none !important;
  box-shadow:none !important;
}

body .sponsor-card{
  position:relative !important;
  overflow:hidden !important;
  border-radius:20px !important;
  background:transparent !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:0 20px 44px rgba(0,0,0,.22) !important;
  isolation:isolate !important;
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}

body .sponsor-card:hover{
  transform:translateY(-6px) !important;
  border-color:rgba(255,255,255,.12) !important;
  box-shadow:0 24px 54px rgba(0,0,0,.30) !important;
}

body .sponsor-card-inner{
  position:relative !important;
  z-index:1 !important;
  overflow:hidden !important;
  border-radius:inherit !important;
  border:none !important;
  box-shadow:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(145deg,
      var(--accent) -40%,
      #0c1421 26%,
      #08111b 66%,
      #050b13 100%) !important;
}

/* subtle top line like the reference */
body .sponsor-card-inner::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:1px !important;
  z-index:4 !important;
  background:linear-gradient(90deg, transparent 0%, var(--border-anim-color) 50%, transparent 100%) !important;
  opacity:.95 !important;
}

/* the only visible sweep */
body .sponsor-card-inner::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:-38% !important;
  left:-42% !important;
  width:24% !important;
  height:178% !important;
  z-index:3 !important;
  pointer-events:none !important;
  border-radius:40px !important;
  transform:skewX(-28deg) translateX(0) !important;
  background:linear-gradient(
    90deg,
    transparent 0%,
    transparent 18%,
    var(--accent) 36%,
    #fff4bf 50%,
    var(--accent) 64%,
    transparent 82%,
    transparent 100%
  ) !important;
  mix-blend-mode:screen !important;
  filter:blur(1.2px) !important;
  opacity:.88 !important;
  animation:ninaSweep 4.6s cubic-bezier(.4,0,.2,1) infinite !important;
}

body .sponsor-card:hover .sponsor-card-inner::before{
  opacity:1 !important;
}

body .sponsor-thumb{
  background:
    linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)),
    linear-gradient(145deg,
      var(--accent) -20%,
      #162131 24%,
      #0e1825 100%) !important;
}

@keyframes ninaSweep{
  0%   { transform:skewX(-28deg) translateX(0); opacity:0; }
  8%   { opacity:.92; }
  48%  { opacity:.96; }
  100% { transform:skewX(-28deg) translateX(620%); opacity:0; }
}

/* theme preview reflects accent immediately */
.theme-preview-card{
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.01)),
    linear-gradient(145deg,
      var(--preview-accent, var(--accent)) -40%,
      #0c1421 26%,
      #08111b 66%,
      #050b13 100%) !important;
  overflow:hidden !important;
  border:none !important;
  box-shadow:0 20px 44px rgba(0,0,0,.18) !important;
}
.theme-preview-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:-38% !important;
  left:-42% !important;
  width:24% !important;
  height:178% !important;
  z-index:0 !important;
  pointer-events:none !important;
  border-radius:40px !important;
  transform:skewX(-28deg) translateX(0) !important;
  background:linear-gradient(
    90deg,
    transparent 0%,
    transparent 18%,
    var(--preview-accent, var(--accent)) 36%,
    #fff4bf 50%,
    var(--preview-accent, var(--accent)) 64%,
    transparent 82%,
    transparent 100%
  ) !important;
  mix-blend-mode:screen !important;
  filter:blur(1.2px) !important;
  opacity:.88 !important;
  animation:ninaSweep 4.6s cubic-bezier(.4,0,.2,1) infinite !important;
}
.theme-preview-card::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:1px !important;
  z-index:1 !important;
  background:linear-gradient(90deg, transparent 0%, var(--preview-border, var(--border-anim-color)) 50%, transparent 100%) !important;
  opacity:.95 !important;
}
.theme-preview-card > *{
  position:relative !important;
  z-index:2 !important;
}



/* === V8 REFERENCE-MATCH SWEEP OVERRIDE === */
/* Kill previous sponsor pseudo stacks again so only the reference effect remains */
body .sponsor-card::before,
body .sponsor-card::after,
body .sponsor-glow::before,
body .sponsor-glow::after,
body .sponsor-card-inner::before,
body .sponsor-card-inner::after{
  content:none !important;
  display:none !important;
  background:none !important;
  border:none !important;
  animation:none !important;
  box-shadow:none !important;
  -webkit-mask:none !important;
  mask:none !important;
}

body .sponsor-card{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  border-radius:20px !important;
  padding:0 !important;
  background:transparent !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.24) !important;
}

body .sponsor-card-inner{
  position:relative !important;
  z-index:1 !important;
  overflow:hidden !important;
  border-radius:inherit !important;
  border:none !important;
  box-shadow:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008)),
    linear-gradient(145deg,
      color-mix(in srgb, var(--accent) 24%, #101827 76%) 0%,
      #07111c 44%,
      #040b13 100%) !important;
}

/* thin top gold line */
body .sponsor-card-inner > .sponsor-topline,
body .sponsor-card-inner::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:1px !important;
  z-index:4 !important;
  background:linear-gradient(90deg, transparent 0%, var(--border-anim-color) 50%, transparent 100%) !important;
  opacity:.95 !important;
}

/* subtle diagonal moving sheen like the reference image */
body .sponsor-card-inner::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:-26% !important;
  left:-18% !important;
  width:16% !important;
  height:168% !important;
  z-index:3 !important;
  pointer-events:none !important;
  border-radius:40px !important;
  transform:skewX(-24deg) translateX(0) !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 20%,
    rgba(243,205,107,.10) 38%,
    rgba(255,245,199,.72) 50%,
    rgba(243,205,107,.10) 62%,
    rgba(255,255,255,0) 80%,
    rgba(255,255,255,0) 100%
  ) !important;
  mix-blend-mode:screen !important;
  filter:blur(4px) !important;
  opacity:.72 !important;
  animation:ninaRefSweep 5.4s ease-in-out infinite !important;
}

/* very soft ambient glow under the sweep */
body .sponsor-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(243,205,107,.05), transparent 26%),
    radial-gradient(circle at 50% 22%, rgba(255,245,199,.035), transparent 18%) !important;
  opacity:1 !important;
}

@keyframes ninaRefSweep{
  0%   { transform:skewX(-24deg) translateX(-8%); opacity:0; }
  10%  { opacity:.68; }
  38%  { opacity:.76; }
  60%  { opacity:.70; }
  100% { transform:skewX(-24deg) translateX(620%); opacity:0; }
}

/* keep hover premium but calm */
body .sponsor-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 24px 54px rgba(0,0,0,.30) !important;
}

/* theme preview should mirror the same effect */
.theme-preview-card{
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008)),
    linear-gradient(145deg,
      color-mix(in srgb, var(--preview-accent, var(--accent)) 24%, #101827 76%) 0%,
      #07111c 44%,
      #040b13 100%) !important;
}
.theme-preview-card::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:1px !important;
  z-index:4 !important;
  background:linear-gradient(90deg, transparent 0%, var(--preview-border, var(--border-anim-color)) 50%, transparent 100%) !important;
  opacity:.95 !important;
}
.theme-preview-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:-26% !important;
  left:-18% !important;
  width:16% !important;
  height:168% !important;
  z-index:3 !important;
  pointer-events:none !important;
  border-radius:40px !important;
  transform:skewX(-24deg) translateX(0) !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,0) 20%,
    rgba(243,205,107,.10) 38%,
    rgba(255,245,199,.72) 50%,
    rgba(243,205,107,.10) 62%,
    rgba(255,255,255,0) 80%,
    rgba(255,255,255,0) 100%
  ) !important;
  mix-blend-mode:screen !important;
  filter:blur(4px) !important;
  opacity:.72 !important;
  animation:ninaRefSweep 5.4s ease-in-out infinite !important;
}



/* === V9 FINAL CLEAN SWEEP REBUILD === */
/* hard-disable all old sponsor glow/border layers */
html body .sponsor-card::before,
html body .sponsor-card::after,
html body .sponsor-glow::before,
html body .sponsor-glow::after,
html body .sponsor-card-inner::after{
  content:none !important;
  display:none !important;
  background:none !important;
  animation:none !important;
  border:none !important;
  box-shadow:none !important;
  -webkit-mask:none !important;
  mask:none !important;
}

/* stable card shell */
html body .sponsor-card{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  border-radius:20px !important;
  padding:0 !important;
  background:transparent !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.24) !important;
}

html body .sponsor-card-inner{
  position:relative !important;
  z-index:1 !important;
  overflow:hidden !important;
  border-radius:inherit !important;
  border:none !important;
  box-shadow:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008)),
    linear-gradient(145deg,
      color-mix(in srgb, var(--accent) 24%, #101827 76%) 0%,
      #07111c 44%,
      #040b13 100%) !important;
}

/* thin top gold line */
html body .sponsor-card-inner .sponsor-topline{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:1px !important;
  z-index:4 !important;
  display:block !important;
  background:linear-gradient(90deg, transparent 0%, var(--border-anim-color) 50%, transparent 100%) !important;
  opacity:.95 !important;
}

/* single moving diagonal line */
html body .sponsor-card-inner::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:-34% !important;
  left:-220px !important;
  width:130px !important;
  height:185% !important;
  z-index:3 !important;
  pointer-events:none !important;
  border-radius:999px !important;
  transform:skewX(-24deg) !important;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0) 0%,
      rgba(243,205,107,.04) 24%,
      rgba(255,244,191,.90) 50%,
      rgba(243,205,107,.05) 76%,
      rgba(255,255,255,0) 100%
    ) !important;
  mix-blend-mode:screen !important;
  filter:blur(6px) !important;
  opacity:.82 !important;
  animation:ninaSweepMove 4.8s linear infinite !important;
  will-change:left, transform, opacity !important;
}

@keyframes ninaSweepMove{
  0%{
    left:-220px;
    opacity:0;
  }
  8%{
    opacity:.82;
  }
  78%{
    opacity:.82;
  }
  100%{
    left:calc(100% + 220px);
    opacity:0;
  }
}

/* subtle hover only */
html body .sponsor-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 24px 54px rgba(0,0,0,.30) !important;
}

/* theme preview mirrors real site */
.theme-preview-card{
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008)),
    linear-gradient(145deg,
      color-mix(in srgb, var(--preview-accent, var(--accent)) 24%, #101827 76%) 0%,
      #07111c 44%,
      #040b13 100%) !important;
}
.theme-preview-card::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:1px !important;
  z-index:4 !important;
  background:linear-gradient(90deg, transparent 0%, var(--preview-border, var(--border-anim-color)) 50%, transparent 100%) !important;
  opacity:.95 !important;
}
.theme-preview-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  top:-34% !important;
  left:-220px !important;
  width:130px !important;
  height:185% !important;
  z-index:3 !important;
  pointer-events:none !important;
  border-radius:999px !important;
  transform:skewX(-24deg) !important;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0) 0%,
      rgba(243,205,107,.04) 24%,
      rgba(255,244,191,.90) 50%,
      rgba(243,205,107,.05) 76%,
      rgba(255,255,255,0) 100%
    ) !important;
  mix-blend-mode:screen !important;
  filter:blur(6px) !important;
  opacity:.82 !important;
  animation:ninaSweepMove 4.8s linear infinite !important;
}


/* === V10 FINAL MOTION SWEEP (reliable animated version) === */
/* hard kill every old sponsor pseudo layer */
html body .sponsor-card::before,
html body .sponsor-card::after,
html body .sponsor-glow::before,
html body .sponsor-glow::after,
html body .sponsor-card-inner::before,
html body .sponsor-card-inner::after{
  content:none !important;
  display:none !important;
  background:none !important;
  animation:none !important;
  border:none !important;
  box-shadow:none !important;
  -webkit-mask:none !important;
  mask:none !important;
}

/* shell */
html body .sponsor-card{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  border-radius:20px !important;
  padding:0 !important;
  background:transparent !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.24) !important;
}
html body .sponsor-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 24px 54px rgba(0,0,0,.30) !important;
}

/* inner panel */
html body .sponsor-card-inner{
  position:relative !important;
  z-index:1 !important;
  overflow:hidden !important;
  border-radius:inherit !important;
  border:none !important;
  box-shadow:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008)),
    linear-gradient(145deg,
      color-mix(in srgb, var(--accent) 24%, #101827 76%) 0%,
      #07111c 44%,
      #040b13 100%) !important;
}

/* thin gold top line */
html body .sponsor-card-inner .sponsor-topline{
  position:absolute !important;
  inset:0 auto auto 0 !important;
  width:100% !important;
  height:1px !important;
  z-index:4 !important;
  display:block !important;
  background:linear-gradient(90deg, transparent 0%, var(--border-anim-color) 50%, transparent 100%) !important;
  opacity:.95 !important;
}

/* full overlay with animated background-position so motion always works */
html body .sponsor-card-inner::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:3 !important;
  pointer-events:none !important;
  background-image:
    linear-gradient(
      115deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 42%,
      rgba(243,205,107,.06) 46%,
      rgba(255,244,191,.88) 49.4%,
      rgba(255,255,255,.98) 50%,
      rgba(255,244,191,.88) 50.6%,
      rgba(243,205,107,.06) 54%,
      rgba(255,255,255,0) 58%,
      rgba(255,255,255,0) 100%
    ) !important;
  background-repeat:no-repeat !important;
  background-size:240% 240% !important;
  background-position:-180% 50% !important;
  mix-blend-mode:screen !important;
  filter:blur(3px) !important;
  opacity:.78 !important;
  animation:ninaSweepBG 4.6s linear infinite !important;
  will-change:background-position !important;
}

@keyframes ninaSweepBG{
  0%   { background-position:-180% 50%; opacity:0; }
  8%   { opacity:.78; }
  80%  { opacity:.78; }
  100% { background-position:230% 50%; opacity:0; }
}

/* subtle ambient glow */
html body .sponsor-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 50% 0%, rgba(243,205,107,.05), transparent 28%),
    radial-gradient(circle at 50% 20%, rgba(255,245,199,.03), transparent 16%) !important;
  opacity:1 !important;
}

/* preview mirrors the same effect */
.theme-preview-card{
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008)),
    linear-gradient(145deg,
      color-mix(in srgb, var(--preview-accent, var(--accent)) 24%, #101827 76%) 0%,
      #07111c 44%,
      #040b13 100%) !important;
}
.theme-preview-card::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 auto auto 0 !important;
  width:100% !important;
  height:1px !important;
  z-index:4 !important;
  background:linear-gradient(90deg, transparent 0%, var(--preview-border, var(--border-anim-color)) 50%, transparent 100%) !important;
  opacity:.95 !important;
}
.theme-preview-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  z-index:3 !important;
  pointer-events:none !important;
  background-image:
    linear-gradient(
      115deg,
      rgba(255,255,255,0) 0%,
      rgba(255,255,255,0) 42%,
      rgba(243,205,107,.06) 46%,
      rgba(255,244,191,.88) 49.4%,
      rgba(255,255,255,.98) 50%,
      rgba(255,244,191,.88) 50.6%,
      rgba(243,205,107,.06) 54%,
      rgba(255,255,255,0) 58%,
      rgba(255,255,255,0) 100%
    ) !important;
  background-repeat:no-repeat !important;
  background-size:240% 240% !important;
  background-position:-180% 50% !important;
  mix-blend-mode:screen !important;
  filter:blur(3px) !important;
  opacity:.78 !important;
  animation:ninaSweepBG 4.6s linear infinite !important;
}



/* === V11 EXPLICIT SWEEP ELEMENT FIX === */
/* disable old pseudo sweep layers again */
html body .sponsor-card::before,
html body .sponsor-card::after,
html body .sponsor-glow::before,
html body .sponsor-glow::after,
html body .sponsor-card-inner::before,
html body .sponsor-card-inner::after,
.theme-preview-card::before,
.theme-preview-card::after{
  content:none !important;
  display:none !important;
  background:none !important;
  animation:none !important;
  border:none !important;
  box-shadow:none !important;
  -webkit-mask:none !important;
  mask:none !important;
}

html body .sponsor-card{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  border-radius:20px !important;
  padding:0 !important;
  background:transparent !important;
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.24) !important;
}

html body .sponsor-card-inner{
  position:relative !important;
  z-index:1 !important;
  overflow:hidden !important;
  border-radius:inherit !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008)),
    linear-gradient(145deg, color-mix(in srgb, var(--accent) 24%, #101827 76%) 0%, #07111c 44%, #040b13 100%) !important;
}

html body .sponsor-topline{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:1px !important;
  display:block !important;
  z-index:4 !important;
  background:linear-gradient(90deg, transparent 0%, var(--border-anim-color) 50%, transparent 100%) !important;
  opacity:.95 !important;
}

/* the actual moving sweep element */
html body .sponsor-sweep{
  position:absolute !important;
  top:-28% !important;
  left:-34% !important;
  width:18% !important;
  height:172% !important;
  display:block !important;
  z-index:3 !important;
  pointer-events:none !important;
  border-radius:999px !important;
  transform:skewX(-26deg) translateX(-220%) !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(243,205,107,.05) 28%,
    rgba(255,244,191,.85) 48%,
    rgba(255,255,255,.97) 50%,
    rgba(255,244,191,.85) 52%,
    rgba(243,205,107,.05) 72%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(4px) !important;
  mix-blend-mode:screen !important;
  opacity:.82 !important;
  animation:ninaSweepElement 4.8s linear infinite !important;
  will-change:transform, opacity !important;
}

@keyframes ninaSweepElement{
  0%{
    transform:skewX(-26deg) translateX(-220%);
    opacity:0;
  }
  10%{
    opacity:.82;
  }
  75%{
    opacity:.82;
  }
  100%{
    transform:skewX(-26deg) translateX(690%);
    opacity:0;
  }
}

html body .sponsor-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 24px 54px rgba(0,0,0,.30) !important;
}

/* theme preview mirrors real card */
.theme-preview-card{
  position:relative !important;
  overflow:hidden !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008)),
    linear-gradient(145deg, color-mix(in srgb, var(--preview-accent, var(--accent)) 24%, #101827 76%) 0%, #07111c 44%, #040b13 100%) !important;
}
.theme-preview-topline{
  position:absolute !important;
  left:0 !important;
  top:0 !important;
  width:100% !important;
  height:1px !important;
  display:block !important;
  z-index:4 !important;
  background:linear-gradient(90deg, transparent 0%, var(--preview-border, var(--border-anim-color)) 50%, transparent 100%) !important;
  opacity:.95 !important;
}
.theme-preview-sweep{
  position:absolute !important;
  top:-28% !important;
  left:-34% !important;
  width:18% !important;
  height:172% !important;
  display:block !important;
  z-index:3 !important;
  pointer-events:none !important;
  border-radius:999px !important;
  transform:skewX(-26deg) translateX(-220%) !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(243,205,107,.05) 28%,
    rgba(255,244,191,.85) 48%,
    rgba(255,255,255,.97) 50%,
    rgba(255,244,191,.85) 52%,
    rgba(243,205,107,.05) 72%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(4px) !important;
  mix-blend-mode:screen !important;
  opacity:.82 !important;
  animation:ninaSweepElement 4.8s linear infinite !important;
}
.theme-preview-card > *{
  position:relative;
  z-index:2;
}


/* === V12 Sponsor Card Styles: Classic Dark + Gold Bar === */
:root{
  --gold-intensity-dec: calc(var(--gold-intensity, 72) / 100);
}

/* shared sponsor card polish */
body .sponsor-card{
  transition:transform .24s ease, box-shadow .24s ease, border-color .24s ease, filter .24s ease !important;
}
body .sponsor-card:hover{
  transform:translateY(-6px) !important;
}

/* CLASSIC DARK */
body.sponsor-style-classic-dark .sponsor-card{
  border:1px solid rgba(255,255,255,.06) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.24) !important;
}
body.sponsor-style-classic-dark .sponsor-card-inner{
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008)),
    linear-gradient(145deg,
      color-mix(in srgb, var(--accent) calc(10% + (var(--gold-intensity) * 0.20%)), #101827 calc(90% - (var(--gold-intensity) * 0.20%))) 0%,
      #07111c 44%,
      #040b13 100%) !important;
}
body.sponsor-style-classic-dark .sponsor-topline{
  background:linear-gradient(90deg, transparent 0%, color-mix(in srgb, var(--border-anim-color) calc(45% + (var(--gold-intensity) * 0.4%)), transparent) 50%, transparent 100%) !important;
}
body.sponsor-style-classic-dark .sponsor-sweep{
  display:block !important;
  position:absolute !important;
  top:-28% !important;
  left:-34% !important;
  width:18% !important;
  height:172% !important;
  z-index:3 !important;
  pointer-events:none !important;
  border-radius:999px !important;
  transform:skewX(-26deg) translateX(-220%) !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    color-mix(in srgb, var(--border-anim-color) calc(6% + (var(--gold-intensity) * 0.10%)), transparent) 28%,
    color-mix(in srgb, #fff4bf calc(35% + (var(--gold-intensity) * 0.55%)), var(--border-anim-color)) 48%,
    rgba(255,255,255,.97) 50%,
    color-mix(in srgb, #fff4bf calc(35% + (var(--gold-intensity) * 0.55%)), var(--border-anim-color)) 52%,
    color-mix(in srgb, var(--border-anim-color) calc(6% + (var(--gold-intensity) * 0.10%)), transparent) 72%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(calc(3px + (var(--gold-intensity) * 0.02px))) !important;
  mix-blend-mode:screen !important;
  opacity:calc(.55 + (var(--gold-intensity) * 0.004)) !important;
  animation:ninaSweepElement 4.8s linear infinite !important;
}

/* GOLD BAR */
body.sponsor-style-gold-bar .sponsor-card{
  border:1px solid color-mix(in srgb, var(--gold-soft) calc(36% + (var(--gold-intensity) * 0.30%)), rgba(255,255,255,.08)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -12px 24px rgba(0,0,0,.22),
    0 18px 42px rgba(0,0,0,.28),
    0 0 calc(10px + (var(--gold-intensity) * 0.08px)) color-mix(in srgb, var(--gold) calc(14% + (var(--gold-intensity) * 0.25%)), transparent) !important;
}
body.sponsor-style-gold-bar .sponsor-card-inner{
  background:
    radial-gradient(circle at 15% 0%, rgba(255,255,255,.26), transparent 22%),
    linear-gradient(145deg,
      color-mix(in srgb, #fff0a5 calc(20% + (var(--gold-intensity) * 0.30%)), #f5d06f) 0%,
      color-mix(in srgb, #f5d06f calc(28% + (var(--gold-intensity) * 0.28%)), #e0b84f) 20%,
      color-mix(in srgb, #d8ab43 calc(24% + (var(--gold-intensity) * 0.30%)), #b68420) 42%,
      #926415 68%,
      color-mix(in srgb, #f5d06f calc(16% + (var(--gold-intensity) * 0.18%)), #ad7a1d) 100%) !important;
}
body.sponsor-style-gold-bar .sponsor-thumb{
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.02)),
    linear-gradient(145deg,
      color-mix(in srgb, #fff0a5 calc(12% + (var(--gold-intensity) * 0.28%)), #cf9e35) 0%,
      #9d6e18 100%) !important;
}
body.sponsor-style-gold-bar .sponsor-topline{
  background:linear-gradient(90deg, transparent 0%, rgba(255,255,255,.95) 20%, color-mix(in srgb, var(--gold-soft) calc(45% + (var(--gold-intensity) * 0.35%)), white) 50%, rgba(255,255,255,.95) 80%, transparent 100%) !important;
  opacity:1 !important;
}
body.sponsor-style-gold-bar .sponsor-sweep{
  display:block !important;
  position:absolute !important;
  top:-36% !important;
  left:-34% !important;
  width:22% !important;
  height:190% !important;
  z-index:3 !important;
  pointer-events:none !important;
  border-radius:999px !important;
  transform:skewX(-25deg) translateX(-220%) !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.02) 18%,
    color-mix(in srgb, var(--gold) calc(16% + (var(--gold-intensity) * 0.26%)), transparent) 34%,
    color-mix(in srgb, #fff5c7 calc(34% + (var(--gold-intensity) * 0.52%)), var(--gold-soft)) 48%,
    rgba(255,255,255,.98) 50%,
    color-mix(in srgb, #fff5c7 calc(34% + (var(--gold-intensity) * 0.52%)), var(--gold-soft)) 52%,
    color-mix(in srgb, var(--gold) calc(16% + (var(--gold-intensity) * 0.26%)), transparent) 66%,
    rgba(255,255,255,.02) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(calc(4px + (var(--gold-intensity) * 0.03px))) !important;
  mix-blend-mode:screen !important;
  opacity:calc(.62 + (var(--gold-intensity) * 0.0032)) !important;
  animation:ninaSweepElement 5.2s linear infinite !important;
}
body.sponsor-style-gold-bar .sponsor-card:hover{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -14px 28px rgba(0,0,0,.24),
    0 24px 54px rgba(0,0,0,.32),
    0 0 calc(16px + (var(--gold-intensity) * 0.10px)) color-mix(in srgb, var(--gold) calc(22% + (var(--gold-intensity) * 0.30%)), transparent) !important;
}
body.sponsor-style-gold-bar .sponsor-title,
body.sponsor-style-gold-bar .sponsor-thumb{
  color:#fff8df !important;
  text-shadow:0 1px 0 rgba(76,49,0,.35), 0 0 16px rgba(255,236,173,.08);
}
body.sponsor-style-gold-bar .sponsor-meta{
  color:#fff3d0 !important;
}
body.sponsor-style-gold-bar .sponsor-desc{
  color:#2b1600 !important;
  text-shadow:none !important;
}
body.sponsor-style-gold-bar .sponsor-bonus{
  color:#5e001f !important;
  font-weight:800 !important;
}
body.sponsor-style-gold-bar .sponsor-rating{
  color:#fff4bf !important;
  text-shadow:0 0 10px rgba(255,234,160,.12);
}

/* preview versions */
.theme-preview-card.preview-style-classic-dark{
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008)),
    linear-gradient(145deg,
      color-mix(in srgb, var(--preview-accent, var(--accent)) calc(10% + (var(--preview-gold-intensity,72) * 0.20%)), #101827 calc(90% - (var(--preview-gold-intensity,72) * 0.20%))) 0%,
      #07111c 44%,
      #040b13 100%) !important;
}
.theme-preview-card.preview-style-gold-bar{
  background:
    radial-gradient(circle at 15% 0%, rgba(255,255,255,.26), transparent 22%),
    linear-gradient(145deg,
      color-mix(in srgb, #fff0a5 calc(20% + (var(--preview-gold-intensity,72) * 0.30%)), #f5d06f) 0%,
      color-mix(in srgb, #f5d06f calc(28% + (var(--preview-gold-intensity,72) * 0.28%)), #e0b84f) 20%,
      color-mix(in srgb, #d8ab43 calc(24% + (var(--preview-gold-intensity,72) * 0.30%)), #b68420) 42%,
      #926415 68%,
      color-mix(in srgb, #f5d06f calc(16% + (var(--preview-gold-intensity,72) * 0.18%)), #ad7a1d) 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.28),
    inset 0 -12px 24px rgba(0,0,0,.22),
    0 18px 42px rgba(0,0,0,.22) !important;
}
.theme-preview-card.preview-style-classic-dark .theme-preview-sweep{
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    color-mix(in srgb, var(--preview-border, var(--border-anim-color)) calc(6% + (var(--preview-gold-intensity,72) * 0.10%)), transparent) 28%,
    color-mix(in srgb, #fff4bf calc(35% + (var(--preview-gold-intensity,72) * 0.55%)), var(--preview-border, var(--border-anim-color))) 48%,
    rgba(255,255,255,.97) 50%,
    color-mix(in srgb, #fff4bf calc(35% + (var(--preview-gold-intensity,72) * 0.55%)), var(--preview-border, var(--border-anim-color))) 52%,
    color-mix(in srgb, var(--preview-border, var(--border-anim-color)) calc(6% + (var(--preview-gold-intensity,72) * 0.10%)), transparent) 72%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(calc(3px + (var(--preview-gold-intensity,72) * 0.02px))) !important;
}
.theme-preview-card.preview-style-gold-bar .theme-preview-sweep{
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.02) 18%,
    color-mix(in srgb, var(--preview-border, var(--gold)) calc(16% + (var(--preview-gold-intensity,72) * 0.26%)), transparent) 34%,
    color-mix(in srgb, #fff5c7 calc(34% + (var(--preview-gold-intensity,72) * 0.52%)), var(--preview-border, var(--gold-soft))) 48%,
    rgba(255,255,255,.98) 50%,
    color-mix(in srgb, #fff5c7 calc(34% + (var(--preview-gold-intensity,72) * 0.52%)), var(--preview-border, var(--gold-soft))) 52%,
    color-mix(in srgb, var(--preview-border, var(--gold)) calc(16% + (var(--preview-gold-intensity,72) * 0.26%)), transparent) 66%,
    rgba(255,255,255,.02) 82%,
    rgba(255,255,255,0) 100%
  ) !important;
  filter:blur(calc(4px + (var(--preview-gold-intensity,72) * 0.03px))) !important;
}


/* === V13 FULL GOLD BAR REBUILD === */
/* Gold Bar mode now makes the whole card look like real gold bullion */
body.sponsor-style-gold-bar .sponsor-card{
  border:1px solid color-mix(in srgb, #fff3bf calc(24% + (var(--gold-intensity) * 0.36%)), #6e4a08) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.01)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.36),
    inset 0 -10px 22px rgba(97,60,3,.22),
    inset 0 -24px 48px rgba(61,37,0,.16),
    0 18px 42px rgba(0,0,0,.30),
    0 0 calc(12px + (var(--gold-intensity) * 0.12px)) color-mix(in srgb, #f4c857 calc(18% + (var(--gold-intensity) * 0.22%)), transparent) !important;
  overflow:hidden !important;
}

body.sponsor-style-gold-bar .sponsor-card-inner{
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.42), transparent 20%),
    radial-gradient(circle at 86% 100%, rgba(143,92,0,.18), transparent 28%),
    linear-gradient(145deg,
      #fff4bf 0%,
      #f8db7f 10%,
      #efc75e 22%,
      #d9a534 38%,
      #b57f1a 54%,
      #8e6111 68%,
      #c99325 82%,
      #f2cf6c 92%,
      #fff0a1 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -16px 26px rgba(103,67,6,.20),
    inset 0 0 40px rgba(255,237,166,.10) !important;
}

body.sponsor-style-gold-bar .sponsor-thumb{
  background:
    linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.02)),
    linear-gradient(145deg,
      #ffe79b 0%,
      #f0c95d 22%,
      #cb9624 54%,
      #926413 100%) !important;
}

body.sponsor-style-gold-bar .sponsor-topline{
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.86) 18%,
    #fff7cf 50%,
    rgba(255,255,255,.86) 82%,
    rgba(255,255,255,0) 100%) !important;
  opacity:1 !important;
  height:2px !important;
}

/* Replace previous sweep with a richer animated gold shine */
body.sponsor-style-gold-bar .sponsor-sweep{
  top:-46% !important;
  left:-42% !important;
  width:28% !important;
  height:210% !important;
  transform:skewX(-24deg) translateX(-240%) !important;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,240,170,.04) 14%,
      rgba(255,240,170,.18) 28%,
      rgba(255,248,218,.74) 45%,
      rgba(255,255,255,.98) 50%,
      rgba(255,248,218,.74) 55%,
      rgba(255,240,170,.18) 72%,
      rgba(255,240,170,.04) 86%,
      rgba(255,255,255,0) 100%
    ) !important;
  filter:blur(calc(6px + (var(--gold-intensity) * 0.03px))) !important;
  mix-blend-mode:screen !important;
  opacity:calc(.70 + (var(--gold-intensity) * 0.0022)) !important;
  animation:goldBarSweep 4.9s cubic-bezier(.4,0,.2,1) infinite !important;
}

/* Soft ambient breathing glow so the card never feels flat */
body.sponsor-style-gold-bar .sponsor-card::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-8% !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at 16% 4%, rgba(255,246,199,.18), transparent 24%),
    radial-gradient(circle at 50% 100%, rgba(207,148,24,.12), transparent 34%) !important;
  animation:goldBarPulse 5.6s ease-in-out infinite !important;
  opacity:.9 !important;
}

body.sponsor-style-gold-bar .sponsor-title,
body.sponsor-style-gold-bar .sponsor-meta,
body.sponsor-style-gold-bar .sponsor-thumb{
  color:#fff8df !important;
  text-shadow:
    0 1px 0 rgba(72,43,0,.38),
    0 0 12px rgba(255,247,213,.14);
}
body.sponsor-style-gold-bar .sponsor-desc{
  color:#3a2100 !important;
  text-shadow:none !important;
}
body.sponsor-style-gold-bar .sponsor-bonus{
  color:#8c0031 !important;
  font-weight:800 !important;
  text-shadow:none !important;
}
body.sponsor-style-gold-bar .sponsor-rating{
  color:#fff2bb !important;
  text-shadow:0 0 8px rgba(255,240,170,.12);
}

body.sponsor-style-gold-bar .sponsor-card:hover{
  transform:translateY(-6px) scale(1.01) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.40),
    inset 0 -10px 22px rgba(97,60,3,.24),
    inset 0 -24px 48px rgba(61,37,0,.18),
    0 26px 60px rgba(0,0,0,.34),
    0 0 calc(18px + (var(--gold-intensity) * 0.14px)) color-mix(in srgb, #f4c857 calc(24% + (var(--gold-intensity) * 0.30%)), transparent) !important;
}

@keyframes goldBarSweep{
  0%{
    transform:skewX(-24deg) translateX(-240%);
    opacity:0;
  }
  10%{opacity:calc(.70 + (var(--gold-intensity) * 0.0022));}
  48%{opacity:calc(.78 + (var(--gold-intensity) * 0.0022));}
  100%{
    transform:skewX(-24deg) translateX(760%);
    opacity:0;
  }
}

@keyframes goldBarPulse{
  0%,100%{opacity:.74;}
  50%{opacity:1;}
}

/* Preview version mirrors full gold bar style */
.theme-preview-card.preview-style-gold-bar{
  background:
    radial-gradient(circle at 18% 0%, rgba(255,255,255,.42), transparent 20%),
    radial-gradient(circle at 86% 100%, rgba(143,92,0,.18), transparent 28%),
    linear-gradient(145deg,
      #fff4bf 0%,
      #f8db7f 10%,
      #efc75e 22%,
      #d9a534 38%,
      #b57f1a 54%,
      #8e6111 68%,
      #c99325 82%,
      #f2cf6c 92%,
      #fff0a1 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -16px 26px rgba(103,67,6,.20),
    0 18px 42px rgba(0,0,0,.22) !important;
}
.theme-preview-card.preview-style-gold-bar .theme-preview-topline{
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,255,255,.86) 18%,
    #fff7cf 50%,
    rgba(255,255,255,.86) 82%,
    rgba(255,255,255,0) 100%) !important;
  height:2px !important;
}
.theme-preview-card.preview-style-gold-bar .theme-preview-sweep{
  top:-46% !important;
  left:-42% !important;
  width:28% !important;
  height:210% !important;
  transform:skewX(-24deg) translateX(-240%) !important;
  background:
    linear-gradient(
      90deg,
      rgba(255,255,255,0) 0%,
      rgba(255,240,170,.04) 14%,
      rgba(255,240,170,.18) 28%,
      rgba(255,248,218,.74) 45%,
      rgba(255,255,255,.98) 50%,
      rgba(255,248,218,.74) 55%,
      rgba(255,240,170,.18) 72%,
      rgba(255,240,170,.04) 86%,
      rgba(255,255,255,0) 100%
    ) !important;
  filter:blur(calc(6px + (var(--preview-gold-intensity,72) * 0.03px))) !important;
  mix-blend-mode:screen !important;
  opacity:calc(.70 + (var(--preview-gold-intensity,72) * 0.0022)) !important;
  animation:goldBarSweep 4.9s cubic-bezier(.4,0,.2,1) infinite !important;
}


/* === V13 REAL GOLD BAR FINAL OVERRIDE === */
body.sponsor-style-gold-bar .sponsor-card{
  position:relative !important;
  overflow:hidden !important;
  border-radius:24px !important;
  border:1px solid rgba(255,233,169,.42) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015)) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 -14px 28px rgba(114,72,2,.18),
    0 16px 34px rgba(0,0,0,.34),
    0 0 0 1px rgba(111,72,0,.18),
    0 0 26px rgba(226,176,49,.18) !important;
}

body.sponsor-style-gold-bar .sponsor-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:0 !important;
  pointer-events:none !important;
  background:
    radial-gradient(circle at var(--mx, 18%) var(--my, 8%), rgba(255,255,255,.20), transparent 18%),
    radial-gradient(circle at 82% 92%, rgba(145,88,0,.14), transparent 24%) !important;
  opacity:.92 !important;
}

body.sponsor-style-gold-bar .sponsor-card::after{
  content:"" !important;
  position:absolute !important;
  inset:1px !important;
  border-radius:inherit !important;
  z-index:1 !important;
  pointer-events:none !important;
  background:linear-gradient(180deg, rgba(255,255,255,.07), transparent 16%, transparent 78%, rgba(93,56,0,.10)) !important;
}

body.sponsor-style-gold-bar .sponsor-card-inner{
  position:relative !important;
  z-index:2 !important;
  overflow:hidden !important;
  border-radius:inherit !important;
  border:1px solid rgba(255,246,207,.14) !important;
  background:
    radial-gradient(circle at var(--mx, 24%) var(--my, 12%), rgba(255,255,255,.34), transparent 16%),
    radial-gradient(circle at 14% 0%, rgba(255,255,255,.24), transparent 18%),
    radial-gradient(circle at 88% 100%, rgba(118,73,0,.18), transparent 28%),
    linear-gradient(145deg,
      #fff6c8 0%,
      #f8df88 10%,
      #efc861 22%,
      #d59e2f 38%,
      #b47d16 54%,
      #8b5d10 68%,
      #ca9729 82%,
      #f3d271 92%,
      #fff3b3 100%) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    inset 0 -18px 28px rgba(122,76,2,.16),
    inset 0 0 45px rgba(255,240,184,.10) !important;
}

body.sponsor-style-gold-bar .sponsor-card-inner::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:1 !important;
  pointer-events:none !important;
  opacity:.16 !important;
  mix-blend-mode:soft-light !important;
  background:
    repeating-linear-gradient(115deg, rgba(255,255,255,.10) 0px, rgba(255,255,255,.10) 1px, transparent 1px, transparent 8px),
    repeating-linear-gradient(24deg, rgba(104,67,0,.08) 0px, rgba(104,67,0,.08) 1px, transparent 1px, transparent 11px) !important;
}

body.sponsor-style-gold-bar .sponsor-card-inner::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  z-index:2 !important;
  pointer-events:none !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.14), transparent 18%, transparent 76%, rgba(97,58,0,.12)),
    linear-gradient(135deg, transparent 0%, rgba(255,255,255,.06) 24%, transparent 44%, rgba(98,60,0,.06) 68%, transparent 100%) !important;
}

body.sponsor-style-gold-bar .sponsor-thumb,
body.sponsor-style-gold-bar .sponsor-meta,
body.sponsor-style-gold-bar .fake-brand{
  position:relative !important;
  z-index:3 !important;
  background:transparent !important;
}

body.sponsor-style-gold-bar .sponsor-thumb{
  min-height:var(--thumb-height,108px) !important;
  border-bottom:1px solid rgba(123,78,0,.18) !important;
}

body.sponsor-style-gold-bar .fake-brand{
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.24), transparent 20%),
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0) 38%),
    transparent !important;
}

body.sponsor-style-gold-bar .fake-brand span,
body.sponsor-style-gold-bar .sponsor-thumb,
body.sponsor-style-gold-bar .sponsor-title,
body.sponsor-style-gold-bar .sponsor-meta strong,
body.sponsor-style-gold-bar .sponsor-meta b{
  color:#fff7de !important;
  text-shadow:0 1px 0 rgba(109,68,0,.30), 0 0 14px rgba(255,242,187,.14) !important;
}

body.sponsor-style-gold-bar .fake-brand span{
  font-size:clamp(1.8rem, 3vw, 3.2rem) !important;
  font-weight:900 !important;
  letter-spacing:-.05em !important;
}

body.sponsor-style-gold-bar .sponsor-meta{
  background:transparent !important;
}

body.sponsor-style-gold-bar .sponsor-meta strong,
body.sponsor-style-gold-bar .sponsor-meta strong[style]{
  color:#fff7de !important;
}

body.sponsor-style-gold-bar .featured-pill{
  color:#8d5b00 !important;
  border-color:rgba(165,109,0,.18) !important;
  background:linear-gradient(180deg, rgba(255,244,194,.46), rgba(232,189,77,.40)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.26) !important;
}

body.sponsor-style-gold-bar .sponsor-meta small,
body.sponsor-style-gold-bar .sponsor-meta small[style],
body.sponsor-style-gold-bar .sponsor-desc,
body.sponsor-style-gold-bar .sponsor-bonus{
  color:#6a1e3a !important;
  text-shadow:none !important;
  font-weight:800 !important;
}

body.sponsor-style-gold-bar .sponsor-rating,
body.sponsor-style-gold-bar .sponsor-meta b,
body.sponsor-style-gold-bar .sponsor-meta b[style]{
  color:#fff2b9 !important;
}

body.sponsor-style-gold-bar .sponsor-sweep{
  display:block !important;
  position:absolute !important;
  top:-52% !important;
  left:-45% !important;
  width:30% !important;
  height:220% !important;
  z-index:4 !important;
  pointer-events:none !important;
  border-radius:999px !important;
  transform:skewX(-24deg) translateX(-260%) !important;
  background:linear-gradient(
    90deg,
    rgba(255,255,255,0) 0%,
    rgba(255,247,205,.04) 16%,
    rgba(255,244,194,.18) 30%,
    rgba(255,250,234,.75) 45%,
    rgba(255,255,255,.98) 50%,
    rgba(255,250,234,.75) 55%,
    rgba(255,244,194,.18) 70%,
    rgba(255,247,205,.04) 84%,
    rgba(255,255,255,0) 100%) !important;
  filter:blur(8px) !important;
  mix-blend-mode:screen !important;
  opacity:.78 !important;
  animation:goldBarSweepReal 5.4s cubic-bezier(.4,0,.2,1) infinite !important;
}

body.sponsor-style-gold-bar .sponsor-card:hover{
  transform:translateY(-8px) scale(1.012) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.36),
    inset 0 -14px 28px rgba(114,72,2,.18),
    0 22px 48px rgba(0,0,0,.38),
    0 0 34px rgba(235,184,45,.24) !important;
}

@keyframes goldBarSweepReal{
  0%{transform:skewX(-24deg) translateX(-260%);opacity:0;}
  10%{opacity:.72;}
  50%{opacity:.86;}
  100%{transform:skewX(-24deg) translateX(800%);opacity:0;}
}


/* === HEADER LOGO ONLY + PREMIUM GOLD BACKGROUND REVISION === */
.site-header{background:linear-gradient(180deg,rgba(3,4,6,.92),rgba(6,7,9,.82));border-bottom:1px solid rgba(212,165,58,.10);box-shadow:0 14px 44px rgba(0,0,0,.28)}
.header-row{grid-template-columns:auto 1fr auto;gap:18px;min-height:78px}
.brand{position:relative;display:flex;align-items:center;justify-content:flex-start;min-width:0;flex:0 0 auto;padding:0;background:none;border:none;box-shadow:none}
.brand.brand-logo-only{max-width:min(280px,26vw)}
.brand.brand-logo-only img{display:block;width:auto;height:auto;max-width:100%;max-height:56px;object-fit:contain;border-radius:0;filter:drop-shadow(0 2px 12px rgba(0,0,0,.28)) drop-shadow(0 0 16px rgba(212,165,58,.12))}
.brand.brand-fallback-only .brand-badge{width:46px;height:46px;border-radius:14px}
.brand-copy{display:none !important}
@media (max-width:920px){
  .brand.brand-logo-only{max-width:180px}
  .brand.brand-logo-only img{max-height:42px}
}
@media (max-width:640px){
  .header-row{grid-template-columns:auto auto 1fr;gap:10px;min-height:70px}
  .brand.brand-logo-only{max-width:138px}
  .brand.brand-logo-only img{max-height:34px}
}

body{background:
  radial-gradient(circle at 50% -12%, rgba(255,232,166,.16), transparent 0 24%),
  radial-gradient(circle at 82% 12%, rgba(147,99,14,.13), transparent 0 22%),
  radial-gradient(circle at 12% 26%, rgba(212,165,58,.08), transparent 0 20%),
  linear-gradient(180deg,#090705 0%, #110b05 8%, #050505 24%, #020202 52%, #0b0703 76%, #161006 100%) !important;
  background-attachment:fixed !important;
}
.page-bg{position:fixed;inset:0;z-index:-2;overflow:hidden;background:
  radial-gradient(circle at 50% -10%, rgba(255,228,149,.18), transparent 0 26%),
  radial-gradient(circle at 84% 10%, rgba(177,120,20,.12), transparent 0 22%),
  radial-gradient(circle at 18% 30%, rgba(212,165,58,.06), transparent 0 20%),
  linear-gradient(180deg,#090705 0%, #120b06 9%, #060504 25%, #020202 52%, #0d0804 76%, #191105 100%) !important;
}
.page-bg::before{content:"";position:absolute;inset:-8% -4% 0;background:
  radial-gradient(circle at 50% -4%, rgba(255,241,198,.10), transparent 0 22%),
  linear-gradient(180deg, rgba(255,214,116,.06) 0%, rgba(255,214,116,.025) 18%, rgba(0,0,0,0) 44%, rgba(0,0,0,.18) 100%);filter:blur(2px);opacity:1}
.page-bg::after{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 20% 16%, rgba(255,227,150,.10), transparent 0 18%),
  radial-gradient(circle at 78% 24%, rgba(160,106,12,.10), transparent 0 18%),
  linear-gradient(180deg, rgba(255,217,128,.045) 0%, rgba(255,217,128,.018) 16%, rgba(0,0,0,.08) 48%, rgba(0,0,0,.32) 100%);opacity:.95}
.gold-dust-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:1;mix-blend-mode:screen}
.gold-dust-particle{position:absolute;top:-14vh;width:var(--size,4px);height:var(--size,4px);left:var(--left,50%);border-radius:999px;background:radial-gradient(circle, rgba(255,246,214,.96) 0%, rgba(247,205,99,.74) 42%, rgba(247,205,99,0) 74%);opacity:0;filter:blur(var(--blur,0px));animation:goldDustFall var(--duration,13s) linear infinite;animation-delay:var(--delay,0s);transform:translate3d(0,0,0)}
.gold-dust-particle::after{content:"";position:absolute;inset:-140% -40% auto -40%;height:320%;background:linear-gradient(180deg, rgba(255,226,133,.18), rgba(255,226,133,0));filter:blur(3px);opacity:.5}
@keyframes goldDustFall{
  0%{transform:translate3d(0,-8vh,0) scale(.82);opacity:0}
  8%{opacity:var(--opacity,.48)}
  52%{opacity:calc(var(--opacity,.48) * .85)}
  100%{transform:translate3d(var(--drift, 12px), 118vh, 0) scale(1.08);opacity:0}
}


/* =========================================================
   REV3: richer gold background, preloader, new sponsor styles
   ========================================================= */
body{
  background:
    radial-gradient(circle at 50% -10%, rgba(255,236,176,.24), transparent 0 24%),
    radial-gradient(circle at 14% 18%, rgba(255,199,76,.16), transparent 0 18%),
    radial-gradient(circle at 86% 16%, rgba(189,121,16,.18), transparent 0 18%),
    linear-gradient(180deg,#2b1b06 0%, #171005 15%, #0b0703 38%, #050402 64%, #020202 100%) !important;
}
.page-bg{
  position:fixed;inset:0;z-index:-2;overflow:hidden;
  background:
    radial-gradient(circle at 50% -10%, rgba(255,236,176,.34), transparent 0 26%),
    radial-gradient(circle at 15% 16%, rgba(255,195,70,.22), transparent 0 22%),
    radial-gradient(circle at 84% 15%, rgba(169,108,16,.20), transparent 0 22%),
    radial-gradient(circle at 50% 38%, rgba(120,76,6,.10), transparent 0 30%),
    linear-gradient(180deg,#2f1f08 0%, #1b1206 17%, #0c0804 40%, #060403 66%, #020202 100%) !important;
}
.page-bg::before{content:"";position:absolute;inset:-6% -8% 0;background:
  radial-gradient(circle at 50% 2%, rgba(255,244,204,.16), transparent 0 20%),
  linear-gradient(180deg, rgba(255,220,120,.12) 0%, rgba(255,220,120,.06) 16%, rgba(0,0,0,0) 36%, rgba(0,0,0,.18) 100%);
  filter:blur(8px);opacity:1}
.page-bg::after{content:"";position:absolute;inset:0;background:
  radial-gradient(circle at 20% 22%, rgba(255,225,128,.16), transparent 0 16%),
  radial-gradient(circle at 80% 26%, rgba(198,128,18,.14), transparent 0 16%),
  linear-gradient(180deg, rgba(255,220,120,.11) 0%, rgba(255,220,120,.04) 18%, rgba(0,0,0,.08) 48%, rgba(0,0,0,.28) 100%);opacity:1}
.gold-dust-layer{mix-blend-mode:screen;filter:saturate(115%)}
.gold-dust-particle{background:radial-gradient(circle, rgba(255,248,225,.98) 0%, rgba(255,220,122,.86) 36%, rgba(233,168,35,.46) 58%, rgba(233,168,35,0) 76%) !important}
.gold-dust-particle::after{background:linear-gradient(180deg, rgba(255,227,130,.30), rgba(255,227,130,0)) !important}

.preloader{
  background:
    radial-gradient(circle at 50% 12%, rgba(255,236,176,.30), transparent 0 24%),
    radial-gradient(circle at 18% 18%, rgba(255,196,72,.18), transparent 0 20%),
    radial-gradient(circle at 84% 84%, rgba(186,122,20,.18), transparent 0 22%),
    linear-gradient(180deg,#2c1d08 0%, #181006 18%, #0c0804 44%, #030303 100%) !important;
}
.preloader::before{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 50% 16%, rgba(255,246,210,.10), transparent 0 18%),
  linear-gradient(180deg, rgba(255,221,126,.10), rgba(255,221,126,0) 22%);}
.preloader::after{content:"";position:absolute;inset:0;pointer-events:none;background:
  radial-gradient(circle at 30% 30%, rgba(255,213,100,.10), transparent 0 20%),
  radial-gradient(circle at 70% 35%, rgba(255,213,100,.06), transparent 0 18%);} 
.preloader-core{
  width:min(360px, 58vw) !important;
  height:min(220px, 28vh) !important;
  min-width:220px;
}
.preloader-core::before{content:"";position:absolute;inset:-22px -12px;border-radius:38px;background:linear-gradient(145deg, rgba(255,243,198,.05), rgba(255,211,97,.03), rgba(24,16,8,.10));box-shadow:inset 0 1px 0 rgba(255,255,255,.18), inset 0 -12px 24px rgba(87,56,5,.22), 0 24px 60px rgba(0,0,0,.34)}
.preloader-core::after{content:"";position:absolute;inset:-32px -60px;pointer-events:none;background:radial-gradient(circle, rgba(255,216,112,.18) 0%, rgba(255,216,112,0) 62%);filter:blur(14px)}
.preloader-logo{
  max-width:min(240px,42vw) !important;
  max-height:min(120px,16vh) !important;
  filter:drop-shadow(0 8px 18px rgba(0,0,0,.28)) drop-shadow(0 0 20px rgba(245,201,91,.18)) !important;
}
.preloader-fallback{
  background:linear-gradient(145deg,#fff0ba 0%, #e5bb57 26%, #b97f1c 62%, #f0cf78 100%) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28), 0 18px 40px rgba(0,0,0,.28), 0 0 22px rgba(243,205,107,.18) !important;
}
.preloader-ring{inset:-2px !important;border-radius:34px !important;border:1px solid rgba(255,236,176,.10) !important;box-shadow:0 0 0 1px rgba(243,205,107,.10) inset, inset 0 -10px 20px rgba(80,50,0,.14) !important}
.preloader-ring::before{border-radius:34px !important;padding:2px !important;background:conic-gradient(from 0deg, transparent 0deg 278deg, rgba(255,228,143,.10) 300deg 320deg, rgba(255,205,93,.92) 332deg 346deg, transparent 358deg 360deg) !important}
.preloader-glow{inset:-42px !important;background:radial-gradient(circle, rgba(255,215,100,.22) 0%, rgba(255,215,100,0) 68%) !important}
.preloader .preloader-dust{position:absolute;inset:-8%;pointer-events:none;overflow:hidden}
.preloader .preloader-dust span{position:absolute;top:-16%;left:var(--left,50%);width:var(--size,4px);height:var(--size,4px);border-radius:999px;background:radial-gradient(circle, rgba(255,248,225,.95) 0%, rgba(255,216,112,.82) 38%, rgba(255,216,112,0) 74%);filter:blur(var(--blur,0px));opacity:0;animation:preloaderDustFall var(--duration,8s) linear infinite;animation-delay:var(--delay,0s)}
.preloader .preloader-dust span::after{content:"";position:absolute;inset:-150% -50% auto -50%;height:340%;background:linear-gradient(180deg, rgba(255,225,128,.26), rgba(255,225,128,0));filter:blur(2px)}
@keyframes preloaderDustFall{0%{transform:translate3d(0,-10vh,0) scale(.8);opacity:0}10%{opacity:var(--opacity,.55)}55%{opacity:calc(var(--opacity,.55) * .82)}100%{transform:translate3d(var(--drift,18px), 112vh, 0) scale(1.08);opacity:0}}

/* Hover Gold style */
body.sponsor-style-hover-gold .sponsor-card{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(145deg, rgba(4,8,16,.96), rgba(10,14,23,.88)) !important;border:1px solid rgba(255,219,128,.12) !important;box-shadow:0 16px 34px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.03)}
body.sponsor-style-hover-gold .sponsor-card-inner{position:relative;background:linear-gradient(180deg, rgba(6,10,18,.98), rgba(10,14,20,.94)) !important;border-radius:inherit;border:1px solid rgba(255,255,255,.05) !important;transition:background .45s ease, box-shadow .45s ease, transform .35s ease, border-color .35s ease}
body.sponsor-style-hover-gold .sponsor-thumb, body.sponsor-style-hover-gold .fake-brand{background:linear-gradient(180deg, rgba(6,11,20,.98), rgba(10,15,24,.96)) !important;color:#f7f1dd !important}
body.sponsor-style-hover-gold .fake-brand span, body.sponsor-style-hover-gold .sponsor-title, body.sponsor-style-hover-gold .sponsor-meta strong, body.sponsor-style-hover-gold .sponsor-meta b{color:#f8f2dd !important}
body.sponsor-style-hover-gold .sponsor-meta{background:linear-gradient(180deg, rgba(8,12,18,.92), rgba(8,11,16,.86)) !important}
body.sponsor-style-hover-gold .featured-pill{background:rgba(255,214,116,.10);color:#f1d27a;border:1px solid rgba(255,214,116,.16)}
body.sponsor-style-hover-gold .sponsor-topline{background:linear-gradient(90deg, rgba(255,221,132,.02), rgba(255,221,132,.26), rgba(255,221,132,.02)) !important;opacity:.45}
body.sponsor-style-hover-gold .sponsor-sweep{opacity:0;mix-blend-mode:screen;background:linear-gradient(115deg, transparent 20%, rgba(255,245,206,.08) 35%, rgba(255,216,112,.42) 48%, rgba(255,245,206,.12) 60%, transparent 76%) !important}
body.sponsor-style-hover-gold .sponsor-card::before{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--mx,50%) var(--my,8%), rgba(255,233,154,.16), transparent 0 24%);opacity:0;transition:opacity .35s ease}
body.sponsor-style-hover-gold .sponsor-card:hover{transform:translateY(-6px) !important;box-shadow:0 26px 55px rgba(0,0,0,.34), 0 0 0 1px rgba(255,223,132,.12)}
body.sponsor-style-hover-gold .sponsor-card:hover::before{opacity:1}
body.sponsor-style-hover-gold .sponsor-card:hover .sponsor-card-inner,
body.sponsor-style-hover-gold .sponsor-card.is-active .sponsor-card-inner{background:
  radial-gradient(circle at var(--mx, 20%) var(--my, 14%), rgba(255,255,255,.34), transparent 0 18%),
  linear-gradient(145deg, #fff3bb 0%, #efca71 12%, #d7a23d 31%, #ae7316 56%, #8b5c0b 70%, #d2a247 86%, #fff0b0 100%) !important;
  border-color:rgba(255,241,190,.20) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.30), inset 0 -12px 22px rgba(96,62,2,.18), 0 0 18px rgba(212,165,58,.12) !important}
body.sponsor-style-hover-gold .sponsor-card:hover .sponsor-thumb,
body.sponsor-style-hover-gold .sponsor-card:hover .fake-brand,
body.sponsor-style-hover-gold .sponsor-card.is-active .sponsor-thumb,
body.sponsor-style-hover-gold .sponsor-card.is-active .fake-brand,
body.sponsor-style-hover-gold .sponsor-card:hover .sponsor-meta,
body.sponsor-style-hover-gold .sponsor-card.is-active .sponsor-meta{background:transparent !important}
body.sponsor-style-hover-gold .sponsor-card:hover .fake-brand span,
body.sponsor-style-hover-gold .sponsor-card:hover .sponsor-title,
body.sponsor-style-hover-gold .sponsor-card:hover .sponsor-meta strong,
body.sponsor-style-hover-gold .sponsor-card:hover .sponsor-meta b,
body.sponsor-style-hover-gold .sponsor-card.is-active .fake-brand span,
body.sponsor-style-hover-gold .sponsor-card.is-active .sponsor-title,
body.sponsor-style-hover-gold .sponsor-card.is-active .sponsor-meta strong,
body.sponsor-style-hover-gold .sponsor-card.is-active .sponsor-meta b{color:#342004 !important;text-shadow:0 1px 0 rgba(255,245,215,.35)}
body.sponsor-style-hover-gold .sponsor-card:hover .sponsor-desc,
body.sponsor-style-hover-gold .sponsor-card:hover .sponsor-bonus,
body.sponsor-style-hover-gold .sponsor-card:hover .sponsor-meta small,
body.sponsor-style-hover-gold .sponsor-card.is-active .sponsor-desc,
body.sponsor-style-hover-gold .sponsor-card.is-active .sponsor-bonus,
body.sponsor-style-hover-gold .sponsor-card.is-active .sponsor-meta small{color:rgba(65,40,4,.88) !important}
body.sponsor-style-hover-gold .sponsor-card:hover .featured-pill,
body.sponsor-style-hover-gold .sponsor-card.is-active .featured-pill{background:rgba(255,242,201,.28);color:#775009;border-color:rgba(120,76,4,.10)}
body.sponsor-style-hover-gold .sponsor-card:hover .sponsor-sweep,
body.sponsor-style-hover-gold .sponsor-card.is-active .sponsor-sweep{opacity:1}

/* Luxe Casino Motion style */
body.sponsor-style-luxe-casino .sponsor-card{position:relative;overflow:hidden;border-radius:22px;background:linear-gradient(145deg, rgba(4,7,14,.98), rgba(7,10,18,.96)) !important;border:1px solid rgba(255,217,120,.10) !important;box-shadow:0 14px 34px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.04), inset 0 -14px 22px rgba(2,4,8,.36)}
body.sponsor-style-luxe-casino .sponsor-card::before{content:"";position:absolute;inset:-1px;pointer-events:none;border-radius:inherit;background:linear-gradient(120deg, rgba(255,217,120,.24), rgba(255,217,120,0) 22%, rgba(255,217,120,0) 78%, rgba(255,217,120,.16));opacity:.58}
body.sponsor-style-luxe-casino .sponsor-card::after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--mx, 50%) var(--my, 18%), rgba(255,226,132,.12), transparent 0 20%), linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,0));opacity:1}
body.sponsor-style-luxe-casino .sponsor-card-inner{position:relative;background:
  radial-gradient(circle at 50% 0%, rgba(255,210,84,.06), transparent 0 22%),
  linear-gradient(180deg, rgba(10,14,22,.98), rgba(5,8,15,.98)) !important;
  border:1px solid rgba(255,255,255,.04) !important;
  border-radius:inherit;min-height:100%}
body.sponsor-style-luxe-casino .sponsor-card-inner::before{content:"";position:absolute;inset:auto -10% 18% -10%;height:1px;background:linear-gradient(90deg, transparent, rgba(255,220,130,.36), transparent);opacity:.55}
body.sponsor-style-luxe-casino .sponsor-card-inner::after{content:"";position:absolute;inset:0;pointer-events:none;background:
  linear-gradient(130deg, transparent 0 30%, rgba(255,255,255,.05) 40%, transparent 50%),
  linear-gradient(90deg, transparent 0 3%, rgba(255,214,116,.16) 5%, transparent 7%, transparent 93%, rgba(255,214,116,.14) 95%, transparent 97%);
  opacity:.42}
body.sponsor-style-luxe-casino .sponsor-thumb{position:relative;background:transparent !important;min-height:124px}
body.sponsor-style-luxe-casino .fake-brand{background:transparent !important;align-items:flex-start !important;justify-content:flex-start !important;padding:18px 18px 0 !important}
body.sponsor-style-luxe-casino .fake-brand span,
body.sponsor-style-luxe-casino .sponsor-thumb,
body.sponsor-style-luxe-casino .sponsor-title,
body.sponsor-style-luxe-casino .sponsor-meta strong,
body.sponsor-style-luxe-casino .sponsor-meta b{color:#fff4d5 !important;text-shadow:0 0 10px rgba(255,219,128,.07)}
body.sponsor-style-luxe-casino .sponsor-thumb img{object-fit:contain;object-position:left center;padding:18px 18px 0}
body.sponsor-style-luxe-casino .sponsor-meta{position:relative;background:transparent !important;padding:0 18px 18px !important;display:flex;align-items:flex-end;justify-content:space-between}
body.sponsor-style-luxe-casino .sponsor-meta > div{display:flex;flex-direction:column;gap:6px}
body.sponsor-style-luxe-casino .featured-pill{display:inline-flex;align-self:flex-start;padding:6px 12px;border-radius:999px;background:linear-gradient(145deg,#fff2bf 0%, #efc85e 35%, #b37b14 100%);color:#231604 !important;border:1px solid rgba(255,243,198,.24);box-shadow:inset 0 1px 0 rgba(255,255,255,.26), 0 8px 18px rgba(0,0,0,.18)}
body.sponsor-style-luxe-casino .sponsor-meta small,
body.sponsor-style-luxe-casino .sponsor-desc,
body.sponsor-style-luxe-casino .sponsor-bonus{color:rgba(255,241,209,.70) !important}
body.sponsor-style-luxe-casino .sponsor-rating,
body.sponsor-style-luxe-casino .sponsor-meta b{color:#f7ce69 !important}
body.sponsor-style-luxe-casino .sponsor-topline{position:absolute;inset:0 auto auto 18px;width:84px;height:2px;background:linear-gradient(90deg, rgba(255,230,156,.68), rgba(255,230,156,0));opacity:.95}
body.sponsor-style-luxe-casino .sponsor-sweep{opacity:.72;mix-blend-mode:screen;background:linear-gradient(115deg, transparent 24%, rgba(255,244,205,.04) 34%, rgba(255,225,128,.22) 46%, rgba(255,244,205,.08) 56%, transparent 72%) !important;animation:luxeCasinoSweep 4.8s linear infinite}
body.sponsor-style-luxe-casino .sponsor-card:hover{transform:translateY(-7px) !important;box-shadow:0 22px 52px rgba(0,0,0,.38), 0 0 0 1px rgba(255,226,141,.10)}
body.sponsor-style-luxe-casino .sponsor-card:hover .sponsor-card-inner{box-shadow:inset 0 1px 0 rgba(255,255,255,.08), inset 0 -18px 24px rgba(1,2,6,.40), 0 0 24px rgba(245,200,90,.08)}
@keyframes luxeCasinoSweep{0%{transform:translateX(-140%) skewX(-16deg);opacity:0}12%{opacity:.66}55%{opacity:.78}100%{transform:translateX(160%) skewX(-16deg);opacity:0}}

/* Admin preview helpers */
.theme-preview-card.preview-style-hover-gold{background:linear-gradient(180deg, rgba(8,10,18,.98), rgba(11,14,22,.94));border:1px solid rgba(255,219,128,.12)}
.theme-preview-card.preview-style-hover-gold .theme-preview-topline{background:linear-gradient(90deg, rgba(255,226,134,.08), rgba(255,226,134,.3), rgba(255,226,134,.08));opacity:.55}
.theme-preview-card.preview-style-hover-gold .theme-preview-sweep{background:linear-gradient(115deg, transparent 22%, rgba(255,245,206,.10) 38%, rgba(255,220,122,.38) 50%, rgba(255,245,206,.12) 62%, transparent 78%)}
.theme-preview-card.preview-style-luxe-casino{background:linear-gradient(180deg, rgba(8,11,19,.98), rgba(6,8,15,.98));border:1px solid rgba(255,217,120,.10);box-shadow:inset 0 1px 0 rgba(255,255,255,.04), inset 0 -16px 24px rgba(0,0,0,.26)}
.theme-preview-card.preview-style-luxe-casino .theme-preview-topline{background:linear-gradient(90deg, rgba(255,230,156,.72), rgba(255,230,156,0));width:88px;opacity:1}
.theme-preview-card.preview-style-luxe-casino .theme-preview-sweep{background:linear-gradient(115deg, transparent 24%, rgba(255,244,205,.08) 36%, rgba(255,225,128,.28) 48%, rgba(255,244,205,.12) 58%, transparent 74%)}
/* ===== HEADER LOGO CENTER (SAFE FIX) ===== */

.site-header .header-row{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

/* ortalamayı bozan her şeyi kaldır */
.site-header .main-nav,
.site-header .header-actions,
.site-header .menu-toggle{
  display:none !important;
}

/* logo container */
.site-header .brand{
  margin:0 auto !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

/* yazıyı kaldır */
.site-header .brand-copy{
  display:none !important;
}

/* logo boyut ve ortalama */
.site-header .brand img{
  height:42px !important;
  width:auto !important;
  object-fit:contain !important;
  display:block !important;
}

/* mobil */
@media (max-width:640px){
  .site-header .brand img{
    height:34px !important;
  }
}