/* ═══════════════════════════════════════════ DEEPTAPE.AI — Cookie Consent Banner cookie-consent.css Include on all pages via in ═══════════════════════════════════════════ */ #dt-cookie-banner { position: fixed; bottom: 0; left: 0; right: 0; z-index: 99999; background: #0D1117; border-top: 1px solid rgba(30, 144, 255, 0.25); box-shadow: 0 -4px 32px rgba(0, 0, 0, 0.6); font-family: 'Inter', sans-serif; transform: translateY(100%); transition: transform 0.3s ease; } #dt-cookie-banner.dt-cookie-visible { transform: translateY(0); } .dt-cookie-inner { max-width: 1400px; margin: 0 auto; padding: 16px 32px; display: flex; align-items: center; gap: 24px; flex-wrap: wrap; } .dt-cookie-text { flex: 1; min-width: 280px; font-size: 13px; color: rgba(255, 255, 255, 0.6); line-height: 1.6; } .dt-cookie-text a { color: #1E90FF; text-decoration: none; } .dt-cookie-text a:hover { text-decoration: underline; } .dt-cookie-text strong { color: rgba(255, 255, 255, 0.85); font-weight: 700; } .dt-cookie-actions { display: flex; align-items: center; gap: 10px; flex-shrink: 0; } .dt-cookie-btn { font-family: 'Inter', sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0.06em; padding: 9px 20px; border-radius: 4px; cursor: pointer; border: none; transition: background 0.15s, color 0.15s, border-color 0.15s; text-transform: uppercase; } .dt-cookie-btn-accept { background: #1E90FF; color: #fff; } .dt-cookie-btn-accept:hover { background: #1a7fe0; } .dt-cookie-btn-decline { background: transparent; color: rgba(255, 255, 255, 0.45); border: 1px solid rgba(255, 255, 255, 0.15); } .dt-cookie-btn-decline:hover { color: rgba(255, 255, 255, 0.8); border-color: rgba(255, 255, 255, 0.35); } @media (max-width: 600px) { .dt-cookie-inner { padding: 14px 16px; gap: 14px; } .dt-cookie-actions { width: 100%; } .dt-cookie-btn { flex: 1; text-align: center; } }