/* Cookie Banner */
.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:rgba(5,10,24,.97);backdrop-filter:blur(20px);color:#fff;padding:24px 0;z-index:9999;transform:translateY(100%);transition:transform .5s cubic-bezier(.4,0,.2,1);border-top:1px solid rgba(0,102,220,.15)}
.cookie-banner.active{transform:translateY(0)}
.cookie-inner{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:24px;justify-content:space-between}
.cookie-text h4{font-family:'Space Grotesk',sans-serif;font-size:1rem;margin-bottom:6px;color:#fff}
.cookie-text p{font-size:.82rem;color:rgba(255,255,255,.55);line-height:1.6;max-width:600px}
.cookie-actions{display:flex;gap:10px;flex-shrink:0;align-items:center}
.cookie-btn{padding:10px 22px;border-radius:8px;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;font-family:'Inter',sans-serif}
.cookie-btn-accept{background:linear-gradient(135deg,#0066DC,#00A8E8);color:#fff;box-shadow:0 2px 8px rgba(0,102,220,.25)}
.cookie-btn-accept:hover{box-shadow:0 4px 18px rgba(0,102,220,.4);transform:translateY(-1px)}
.cookie-btn-reject{background:transparent;color:rgba(255,255,255,.7);border:1.5px solid rgba(255,255,255,.2)}
.cookie-btn-reject:hover{border-color:rgba(255,255,255,.5);color:#fff}
.cookie-btn-settings{background:none;color:#00A8E8;font-size:.82rem;font-weight:600;cursor:pointer;border:none;padding:10px 8px;font-family:'Inter',sans-serif;text-decoration:underline;text-underline-offset:3px}
.cookie-btn-settings:hover{color:#fff}
/* Cookie Modal */
.cookie-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);z-index:10000;display:none;align-items:center;justify-content:center;opacity:0;transition:opacity .3s}
.cookie-overlay.active{display:flex;opacity:1}
.cookie-modal{background:#fff;border-radius:16px;width:90%;max-width:520px;max-height:85vh;overflow-y:auto;position:relative;transform:scale(.95);transition:transform .3s ease;box-shadow:0 20px 60px rgba(0,0,0,.3)}
.cookie-overlay.active .cookie-modal{transform:scale(1)}
.cookie-modal-header{display:flex;align-items:center;justify-content:space-between;padding:22px 24px 16px;border-bottom:1px solid #eef1f6}
.cookie-modal-header h3{font-family:'Space Grotesk',sans-serif;font-size:1.1rem;color:#0f172a}
.cookie-modal-close{width:32px;height:32px;border-radius:8px;border:none;background:#f1f5f9;display:flex;align-items:center;justify-content:center;cursor:pointer;color:#475569;font-size:1rem;transition:all .2s}
.cookie-modal-close:hover{background:#e2e8f0;color:#0f172a}
.cookie-modal-body{padding:20px 24px}
.cookie-category{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid #f1f5f9}
.cookie-category:last-child{border-bottom:none}
.cookie-cat-info h4{font-size:.9rem;color:#0f172a;margin-bottom:3px;font-weight:600}
.cookie-cat-info p{font-size:.76rem;color:#64748b;line-height:1.5}
.cookie-cat-info .always-on{font-size:.7rem;color:#0066DC;font-weight:600;display:inline-block;margin-top:2px}
/* Toggle Switch */
.toggle{position:relative;width:44px;height:24px;flex-shrink:0;margin-left:16px}
.toggle input{opacity:0;width:0;height:0}
.toggle-slider{position:absolute;inset:0;background:#cbd5e1;border-radius:24px;cursor:pointer;transition:.3s}
.toggle-slider::before{content:'';position:absolute;width:18px;height:18px;border-radius:50%;background:#fff;left:3px;top:3px;transition:.3s;box-shadow:0 1px 3px rgba(0,0,0,.15)}
.toggle input:checked+.toggle-slider{background:#0066DC}
.toggle input:checked+.toggle-slider::before{transform:translateX(20px)}
.toggle input:disabled+.toggle-slider{background:#0066DC;opacity:.6;cursor:not-allowed}
.cookie-modal-footer{display:flex;gap:10px;padding:16px 24px;border-top:1px solid #eef1f6;justify-content:flex-end;flex-wrap:wrap}
.cookie-modal-footer .cookie-btn{font-size:.8rem;padding:9px 18px}
.cookie-modal-footer .cookie-btn-save{background:#0f172a;color:#fff}
.cookie-modal-footer .cookie-btn-save:hover{background:#1e293b}
@media(max-width:768px){
.cookie-inner{flex-direction:column;text-align:center;gap:16px}
.cookie-text p{max-width:100%}
.cookie-actions{flex-direction:column;width:100%;gap:8px}
.cookie-btn,.cookie-btn-settings{width:100%;text-align:center}
.cookie-modal{width:95%;max-height:90vh}
.cookie-modal-footer{justify-content:stretch}
.cookie-modal-footer .cookie-btn{flex:1;min-width:0}
}