#agx-cookie-banner {
    position: fixed; bottom: 0; left: 0; width: 100%;
    background-color: #040810; color: #fff;
    z-index: 9999; padding: 20px; box-sizing: border-box;
    border-top: 1px solid rgba(59, 127, 245, 0.2);
    display: flex; justify-content: space-between; align-items: center;
    font-family: 'Inter', sans-serif;
    transform: translateY(100%); transition: transform 0.3s ease-in-out;
}
#agx-cookie-banner.show { transform: translateY(0); }
.agx-cookie-text { max-width: 60%; font-size: 14px; line-height: 1.5; color: #a0aec0; }
.agx-cookie-text strong { color: #fff; }
.agx-cookie-buttons { display: flex; gap: 10px; }
.agx-btn { padding: 10px 16px; border-radius: 6px; border: none; cursor: pointer; font-size: 14px; font-weight: 500; transition: all 0.2s; }
.agx-btn-primary { background: linear-gradient(135deg, #3b7ff5, #7c4dff); color: #fff; }
.agx-btn-primary:hover { opacity: 0.9; box-shadow: 0 0 15px rgba(124, 77, 255, 0.4); }
.agx-btn-secondary { background: transparent; border: 1px solid #3b7ff5; color: #3b7ff5; }
.agx-btn-secondary:hover { background: rgba(59, 127, 245, 0.1); }
.agx-btn-text { background: transparent; color: #a0aec0; text-decoration: underline; }
.agx-btn-text:hover { color: #fff; }
/* Modal Styles */
#agx-cookie-modal { display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(4, 8, 16, 0.8); z-index: 10000; align-items: center; justify-content: center; backdrop-filter: blur(5px); }
#agx-cookie-modal.show { display: flex; }
.agx-modal-content { background: #040810; border: 1px solid #3b7ff5; border-radius: 12px; width: 90%; max-width: 500px; padding: 24px; color: #fff; }
.agx-modal-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px; border-bottom: 1px solid rgba(255,255,255,0.1); padding-bottom: 10px; }
.agx-modal-title { font-size: 18px; font-weight: 600; margin: 0; }
.agx-close-modal { background: none; border: none; color: #fff; font-size: 24px; cursor: pointer; }
.agx-pref-group { margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.05); padding-bottom: 10px;}
.agx-pref-info h4 { margin: 0 0 5px 0; font-size: 15px; }
.agx-pref-info p { margin: 0; font-size: 12px; color: #a0aec0; }
.agx-switch { position: relative; display: inline-block; width: 40px; height: 20px; }
.agx-switch input { opacity: 0; width: 0; height: 0; }
.agx-slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #2d3748; transition: .4s; border-radius: 20px; }
.agx-slider:before { position: absolute; content: ""; height: 16px; width: 16px; left: 2px; bottom: 2px; background-color: white; transition: .4s; border-radius: 50%; }
input:checked + .agx-slider { background: #7c4dff; }
input:checked + .agx-slider:before { transform: translateX(20px); }
input:disabled + .agx-slider { cursor: not-allowed; opacity: 0.5; }
@media (max-width: 768px) {
    #agx-cookie-banner { flex-direction: column; text-align: center; gap: 15px; }
    .agx-cookie-text { max-width: 100%; }
    .agx-cookie-buttons { flex-wrap: wrap; justify-content: center; width: 100%; }
}