.cookie-banner{
    position:fixed;bottom:20px;left:20px;
    z-index:1500;max-width:340px;
    opacity:0;pointer-events:none;
    transform:translateY(12px);
    transition:opacity .3s,transform .3s;
}
.cookie-banner.show{opacity:1;pointer-events:auto;transform:translateY(0)}
.cookie-main{
    background:#1e1b4b;color:#e0e7ff;
    border-radius:14px;padding:16px 18px;
    box-shadow:0 8px 30px rgba(0,0,0,.25);
    border:1px solid rgba(255,255,255,.08);
}
.cookie-main p{font-size:12px;line-height:1.6;margin:0 0 12px}
.cookie-main a{color:#a5b4fc;text-decoration:underline}
.cookie-main a:hover{color:#fff}
.cookie-btns{display:flex;gap:8px;align-items:center}
.ck-btn{
    border:0;cursor:pointer;border-radius:8px;
    font-size:12px;font-weight:600;padding:8px 14px;
    transition:all .2s;
}
.ck-accept{background:#4F46E5;color:#fff}
.ck-accept:hover{background:#4338CA}
.ck-decline{background:rgba(255,255,255,.1);color:#e0e7ff}
.ck-decline:hover{background:rgba(255,255,255,.18)}
.ck-settings{background:none;color:#a5b4fc;padding:8px;font-size:16px}
.ck-settings:hover{color:#fff}
.cookie-panel{
    background:#1e1b4b;color:#e0e7ff;
    border-radius:14px;padding:0 18px;
    max-height:0;overflow:hidden;margin-top:8px;
    border:1px solid rgba(255,255,255,.08);
    box-shadow:0 8px 30px rgba(0,0,0,.25);
    transition:max-height .35s ease,padding .25s;
}
.cookie-panel.open{max-height:400px;padding:18px}
.cookie-panel h4{font-size:14px;font-weight:700;margin:0 0 14px;color:#fff}
.ck-option{margin-bottom:14px}
.ck-option:last-of-type{margin-bottom:16px}
.ck-option label{
    display:flex;align-items:center;justify-content:space-between;
    font-size:13px;font-weight:600;cursor:pointer;
}
.ck-option label input{display:none}
.ck-toggle{
    width:36px;height:20px;border-radius:10px;
    background:rgba(255,255,255,.15);
    position:relative;transition:background .2s;flex-shrink:0;
}
.ck-toggle::after{
    content:'';position:absolute;top:3px;left:3px;
    width:14px;height:14px;border-radius:50%;
    background:#fff;transition:transform .2s;
}
.ck-option label input:checked ~ .ck-toggle{background:#4F46E5}
.ck-option label input:checked ~ .ck-toggle::after{transform:translateX(16px)}
.ck-toggle.locked{background:#4F46E5;opacity:.6}
.ck-toggle.locked::after{transform:translateX(16px)}
.ck-option p{font-size:11px;color:#a5b4fc;margin:4px 0 0;line-height:1.5}
@media(max-width:768px){
    .cookie-banner{left:12px;right:12px;max-width:none;bottom:12px}
}