.cc-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;max-width:640px;margin:0 auto;background:#16212e;color:#f5f8f6;border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.35);padding:20px 22px;font-family:'Manrope',Arial,system-ui,sans-serif;display:none;pointer-events:none}
.cc-banner.cc-show{display:block;animation:cc-in .25s ease-out}
@keyframes cc-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
.cc-banner p{margin:0 0 14px;font-size:13.5px;line-height:1.5;color:#dce8e6}
/* The banner is fixed at the bottom of the viewport and can end up
   geometrically over page content on short pages (a demo form's submit
   button, etc). Rather than trying to detect and scroll around every such
   case, only the banner's own interactive bits accept clicks — its
   background and text are click-through, so nothing real underneath it is
   ever blocked. */
.cc-banner a{color:#7fd3bd;text-decoration:underline;pointer-events:auto}
.cc-actions{display:flex;gap:10px;flex-wrap:wrap;pointer-events:auto}
.cc-btn{font-family:'Sora',Arial,system-ui,sans-serif;font-weight:600;font-size:13px;border-radius:8px;padding:9px 16px;cursor:pointer;border:1px solid transparent;transition:opacity .15s}
.cc-btn:hover{opacity:.88}
.cc-btn-accept{background:#0e8a6e;color:#fff}
.cc-btn-reject{background:transparent;color:#dce8e6;border-color:#3a4b58}
@media (max-width:480px){.cc-banner{left:10px;right:10px;bottom:10px;padding:16px}}