:root{
  --djcc-bg:#090a0c;
  --djcc-panel:#111318;
  --djcc-panel-2:#17191d;
  --djcc-line:#292d33;
  --djcc-text:#f5f6f8;
  --djcc-muted:#aeb4bd;
  --djcc-accent:#04e3e7;
  --djcc-accent-2:#18f0f3;
}
.djport-cookie-layer{
  position:fixed;inset:0;z-index:2147483000;pointer-events:none;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.djport-cookie-layer[hidden]{display:none!important}
.djport-cookie-card{
  pointer-events:auto;position:absolute;left:24px;bottom:24px;width:min(720px,calc(100vw - 48px));
  background:linear-gradient(180deg,rgba(17,19,24,.985),rgba(9,10,12,.995));
  border:1px solid rgba(4,227,231,.62);border-radius:18px;padding:22px;
  box-shadow:0 24px 80px rgba(0,0,0,.55),0 0 0 1px rgba(255,255,255,.025) inset;
  color:var(--djcc-text);overflow:hidden;
}
.djport-cookie-card:before{
  content:"";position:absolute;inset:auto -70px -120px auto;width:280px;height:280px;
  background:radial-gradient(circle,rgba(4,227,231,.17),transparent 66%);pointer-events:none;
}
.djport-cookie-top,.djport-cookie-modal-head{display:flex;align-items:center;justify-content:space-between;gap:18px}
.djport-cookie-logo{display:block;width:142px;max-height:42px;object-fit:contain;object-position:left center}
.djport-cookie-close{appearance:none;border:0;background:transparent;color:#7e858e;font-size:28px;line-height:1;cursor:pointer;padding:4px 6px}
.djport-cookie-close:hover{color:#fff}
.djport-cookie-copy{padding:16px 0 18px}
.djport-cookie-kicker{display:block;color:var(--djcc-accent);font-size:11px;font-weight:800;letter-spacing:.16em;margin-bottom:7px}
.djport-cookie-card h2,.djport-cookie-modal h2{margin:0;color:#fff;font-size:27px;line-height:1.12;font-weight:800;letter-spacing:-.025em}
.djport-cookie-card p,.djport-cookie-modal p{margin:9px 0 0;color:var(--djcc-muted);font-size:14px;line-height:1.55}
.djport-cookie-actions,.djport-cookie-modal-actions{display:flex;gap:10px;flex-wrap:wrap}
.djport-cookie-btn{
  appearance:none;border-radius:10px;padding:12px 17px;border:1px solid var(--djcc-line);
  font-size:13px;font-weight:800;cursor:pointer;transition:.18s ease;color:#fff;background:#17191d;
}
.djport-cookie-btn:hover{transform:translateY(-1px)}
.djport-cookie-btn-primary{background:var(--djcc-accent);border-color:var(--djcc-accent);color:#090a0c;box-shadow:0 8px 24px rgba(4,227,231,.22)}
.djport-cookie-btn-primary:hover{background:var(--djcc-accent-2)}
.djport-cookie-btn-secondary{background:#17191d}
.djport-cookie-btn-ghost{background:transparent;color:#d8dce1}
.djport-cookie-links{display:flex;gap:16px;align-items:center;margin-top:13px;font-size:11px}
.djport-cookie-links a,.djport-cookie-links button{color:#818893;text-decoration:none;background:none;border:0;padding:0;cursor:pointer;font:inherit}
.djport-cookie-links a:hover,.djport-cookie-links button:hover{color:var(--djcc-accent)}
.djport-cookie-modal{
  pointer-events:auto;position:absolute;right:24px;bottom:24px;width:min(520px,calc(100vw - 48px));
  max-height:calc(100vh - 48px);overflow:auto;background:linear-gradient(180deg,#111318,#090a0c);
  border:1px solid #292d33;border-radius:18px;padding:22px;color:var(--djcc-text);
  box-shadow:0 28px 90px rgba(0,0,0,.62),0 0 0 1px rgba(4,227,231,.07) inset;
}
.djport-cookie-modal[hidden]{display:none!important}
.djport-cookie-modal .djport-cookie-kicker{margin-top:18px}
.djport-cookie-intro{margin-bottom:16px!important}
.djport-cookie-category{
  display:flex;align-items:center;gap:14px;justify-content:space-between;padding:15px 0;border-top:1px solid #24272d;position:relative;
}
.djport-cookie-category strong{display:block;font-size:14px;color:#fff;margin-bottom:3px}
.djport-cookie-category small{display:block;font-size:12px;line-height:1.42;color:#9097a1;max-width:345px}
.djport-cookie-pill{font-size:10px;font-weight:800;color:#b8bec7;background:#20242a;border:1px solid #30353d;border-radius:999px;padding:5px 8px;white-space:nowrap}
.djport-cookie-category input{position:absolute;opacity:0;pointer-events:none}
.djport-switch{width:42px;height:24px;border-radius:999px;background:#30353d;border:1px solid #414752;position:relative;flex:0 0 auto;cursor:pointer}
.djport-switch:after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;background:#d9dde2;top:2px;left:2px;transition:.18s ease}
.djport-cookie-category input:checked + .djport-switch{background:var(--djcc-accent);border-color:var(--djcc-accent)}
.djport-cookie-category input:checked + .djport-switch:after{left:20px;background:#fff}
.djport-cookie-modal-actions{margin-top:18px;padding-top:18px;border-top:1px solid #24272d}
.djport-cookie-settings-button{
  position:fixed;left:16px;bottom:16px;z-index:2147482990;appearance:none;border:1px solid #292d33;border-radius:999px;
  background:#111318;color:#c8cdd4;padding:9px 12px;font-size:11px;font-weight:800;cursor:pointer;
  box-shadow:0 10px 28px rgba(0,0,0,.3)
}
.djport-cookie-settings-button:hover{border-color:var(--djcc-accent);color:#fff}
.djport-cookie-settings-button[hidden]{display:none!important}

@media (max-width:760px){
  .djport-cookie-card{left:12px;right:12px;bottom:12px;width:auto;padding:18px;border-radius:15px}
  .djport-cookie-modal{left:12px;right:12px;bottom:12px;width:auto;max-height:calc(100vh - 24px);padding:18px;border-radius:15px}
  .djport-cookie-logo{width:122px}
  .djport-cookie-card h2,.djport-cookie-modal h2{font-size:23px}
  .djport-cookie-actions,.djport-cookie-modal-actions{display:grid;grid-template-columns:1fr}
  .djport-cookie-btn{width:100%}
  .djport-cookie-category{align-items:flex-start}
}

/* DJPORT turquoise brand v1.1 */
.djport-cookie-card{
  border-color:rgba(4,227,231,.58);
  background:
    linear-gradient(180deg,rgba(13,16,19,.988),rgba(6,8,10,.996));
}
.djport-cookie-card:before{
  background:radial-gradient(circle,rgba(4,227,231,.18),transparent 66%);
}
.djport-cookie-logo{
  width:158px;
  max-height:48px;
  filter:drop-shadow(0 0 12px rgba(4,227,231,.13));
}
.djport-cookie-btn-primary{
  background:linear-gradient(180deg,#19eff2,#04d9de);
  border-color:#04e3e7;
  color:#041012;
  box-shadow:0 8px 26px rgba(4,227,231,.20);
}
.djport-cookie-btn-primary:hover{
  background:linear-gradient(180deg,#32f4f6,#0ce5e9);
}
.djport-cookie-kicker{
  color:#04e3e7;
}
.djport-cookie-links a:hover,
.djport-cookie-links button:hover{
  color:#04e3e7;
}
.djport-cookie-category input:checked + .djport-switch{
  background:#04e3e7;
  border-color:#04e3e7;
}
.djport-cookie-settings-button:hover{
  border-color:#04e3e7;
  box-shadow:0 0 0 1px rgba(4,227,231,.10),0 10px 28px rgba(0,0,0,.3);
}
@media (max-width:760px){
  .djport-cookie-logo{width:138px}
}