/* SuperBased — cookie consent banner styles. Keep visual neutral so it
   composes with both light and dark site themes. Currently the site is
   uniformly dark, but values stay in CSS custom-property space where possible. */
#sb-consent{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:rgba(6,8,13,0.96);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-top:1px solid rgba(255,255,255,0.08);box-shadow:0 -12px 40px rgba(0,0,0,0.5);transform:translateY(100%);transition:transform .35s cubic-bezier(.2,.8,.2,1)}
#sb-consent.show{transform:translateY(0)}
.sb-consent-inner{max-width:1200px;margin:0 auto;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.sb-consent-text{flex:1;min-width:280px;font-family:'Outfit','-apple-system',sans-serif;font-size:0.86rem;color:#8892a8;line-height:1.55}
.sb-consent-text strong{color:#e8ecf4;font-weight:600}
.sb-consent-text a{color:#00d4ff;text-decoration:underline;text-underline-offset:2px}
.sb-consent-actions{display:flex;gap:10px;flex-wrap:wrap}
.sb-consent-btn{padding:10px 20px;border-radius:10px;font-family:'Outfit','-apple-system',sans-serif;font-size:0.84rem;font-weight:600;border:1px solid rgba(255,255,255,0.12);cursor:pointer;transition:transform .15s,background .2s,border-color .2s}
.sb-consent-btn:hover{transform:translateY(-1px)}
.sb-consent-btn.sb-reject{background:transparent;color:#e8ecf4}
.sb-consent-btn.sb-reject:hover{background:rgba(255,255,255,0.04);border-color:rgba(255,255,255,0.2)}
.sb-consent-btn.sb-accept{background:#00d4ff;color:#06080d;border-color:#00d4ff}
.sb-consent-btn.sb-accept:hover{box-shadow:0 4px 16px rgba(0,212,255,0.3)}
@media(max-width:640px){
  .sb-consent-inner{flex-direction:column;align-items:stretch;padding:16px 18px;gap:14px}
  .sb-consent-text{font-size:0.84rem}
  .sb-consent-actions{justify-content:stretch}
  .sb-consent-btn{flex:1}
}