.ck-banner{position:fixed;left:50%;bottom:20px;z-index:1000;width:min(760px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 22px;border:1px solid rgba(94,234,212,.28);border-radius:22px;background:rgba(12,21,36,.96);box-shadow:0 24px 60px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.05);backdrop-filter:blur(12px);color:#e2e8f0;opacity:0;transform:translate(-50%,24px);transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}
.ck-banner.is-show{opacity:1;transform:translate(-50%,0)}
.ck-text{display:grid;gap:4px;min-width:0}
.ck-text strong{font-size:16px}
.ck-text p{margin:0;color:#94a3b8;font-size:14px;line-height:1.6}
.ck-text a{color:#5eead4}
.ck-actions{display:flex;gap:10px;flex-shrink:0}
.ck-btn{padding:10px 18px;border:1px solid transparent;border-radius:999px;background:linear-gradient(135deg,#5eead4,#38bdf8);color:#04201c;font:inherit;font-size:14px;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.ck-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(56,189,248,.25)}
.ck-btn.ghost{background:transparent;border-color:rgba(148,163,184,.35);color:#cbd5e1}
.ck-btn.ghost:hover{box-shadow:none;border-color:rgba(94,234,212,.5);color:#5eead4}
@media(max-width:640px){
  .ck-banner{flex-direction:column;align-items:stretch;bottom:12px;padding:18px}
  .ck-actions{flex-direction:column-reverse}
  .ck-btn{width:100%}
}
@media(prefers-reduced-motion:reduce){.ck-banner{transition:none}}