:root { --bg-dark: #0f172a; --bg-card: #1e293b; --accent: #06b6d4; --accent-glow: rgba(6, 182, 212, 0.4); --text-primary: #f1f5f9; --text-muted: #94a3b8; --border: #334155; } body { background-color: var(--bg-dark); color: var(--text-primary); font-family: 'Inter', sans-serif; } .osint-header { background: linear-gradient(180deg, rgba(30, 41, 59, 0.8) 0%, rgba(15, 23, 42, 0) 100%); border-bottom: 1px solid var(--border); padding: 1rem 0; } .brand-title { font-weight: 800; letter-spacing: -1px; color: var(--accent); text-transform: uppercase; font-family: 'JetBrains Mono', monospace; } .dashboard-card { background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px; padding: 1.5rem; box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1); transition: transform 0.2s; } .dashboard-card:hover { border-color: var(--accent); box-shadow: 0 0 15px var(--accent-glow); } .search-input { background: #0f172a; border: 1px solid var(--border); color: white; padding: 1.2rem; border-radius: 8px; } .search-input:focus { background: #0f172a; border-color: var(--accent); box-shadow: 0 0 0 2px var(--accent-glow); color: white; } .btn-osint { background: var(--accent); color: #0f172a; font-weight: 700; padding: 0.8rem 2rem; border-radius: 8px; text-transform: uppercase; letter-spacing: 1px; } .btn-osint:hover { background: #22d3ee; box-shadow: 0 0 20px var(--accent-glow); } .risk-badge { padding: 4px 12px; border-radius: 20px; font-size: 0.8rem; font-weight: 600; } .risk-low { background: #065f46; color: #34d399; } .risk-high { background: #991b1b; color: #f87171; } .history-item { border-bottom: 1px solid var(--border); padding: 0.75rem 0; } .history-item:last-child { border-bottom: none; } pre { background: #020617; color: #34d399; padding: 1rem; border-radius: 8px; border: 1px solid #1e293b; font-size: 0.85rem; }