/* NeoN — Custom Theme */

:root {
  --neon-bg: #0a0e1a;
  --neon-surface: #111827;
  --neon-accent: #00f0ff;
  --neon-accent-warm: #ff6b35;
  --neon-text: #f0f4f8;
  --neon-muted: #94a3b8;
  --neon-border: #1e293b;
}

body {
  background-color: var(--neon-bg) !important;
  color: var(--neon-text) !important;
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
}

.bg-black {
  background-color: var(--neon-bg) !important;
  background-image: linear-gradient(180deg, rgba(0,240,255,0.03) 0%, transparent 60%);
}

nav a {
  color: var(--neon-muted) !important;
  transition: color 0.2s ease;
}
nav a:hover {
  color: var(--neon-accent) !important;
}

.tc-l h1 {
  color: var(--neon-text) !important;
  font-weight: 700 !important;
  letter-spacing: -0.02em;
  text-shadow: 0 0 40px rgba(0,240,255,0.15);
}

.tc-l .f2 {
  color: var(--neon-accent) !important;
}

a {
  color: var(--neon-accent);
  transition: all 0.2s ease;
}
a:hover {
  color: var(--neon-accent-warm);
}

article {
  color: var(--neon-text) !important;
}
article p {
  color: var(--neon-muted) !important;
  line-height: 1.7;
}
article h1, article h2, article h3 {
  color: var(--neon-text) !important;
}

.neon-btn {
  display: inline-block;
  padding: 12px 28px;
  border: 1px solid var(--neon-accent);
  color: var(--neon-accent);
  text-decoration: none;
  border-radius: 6px;
  font-weight: 500;
  transition: all 0.2s ease;
  background: transparent;
}
.neon-btn:hover {
  background: var(--neon-accent);
  color: var(--neon-bg);
  box-shadow: 0 0 20px rgba(0,240,255,0.3);
}

.neon-btn-warm {
  border-color: var(--neon-accent-warm);
  color: var(--neon-accent-warm);
}
.neon-btn-warm:hover {
  background: var(--neon-accent-warm);
  color: var(--neon-bg);
  box-shadow: 0 0 20px rgba(255,107,53,0.3);
}

.neon-social {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
  margin-top: 24px;
}
.neon-social a {
  color: var(--neon-muted);
  text-decoration: none;
  font-size: 0.9rem;
  transition: color 0.2s ease;
}
.neon-social a:hover {
  color: var(--neon-accent);
}

.w-100.mb4 {
  background: var(--neon-surface) !important;
  border: 1px solid var(--neon-border);
  border-radius: 12px;
  padding: 24px;
  transition: transform 0.2s ease, border-color 0.2s ease;
}
.w-100.mb4:hover {
  border-color: var(--neon-accent);
  transform: translateY(-2px);
}

.w-100.mb4 a {
  color: var(--neon-text) !important;
}
.w-100.mb4 a:hover {
  color: var(--neon-accent) !important;
}

.w-100.mb4 p {
  color: var(--neon-muted) !important;
}

footer {
  background-color: var(--neon-surface) !important;
  border-top: 1px solid var(--neon-border);
}
footer p {
  color: var(--neon-muted) !important;
}

hr {
  border-color: var(--neon-border);
}

.tag {
  display: inline-block;
  padding: 4px 12px;
  background: var(--neon-surface);
  border: 1px solid var(--neon-border);
  border-radius: 100px;
  font-size: 0.75rem;
  color: var(--neon-muted);
  margin-right: 8px;
}

.neon-section {
  background: var(--neon-surface);
  border: 1px solid var(--neon-border);
  border-radius: 12px;
  padding: 32px;
  margin: 32px 0;
}
.neon-section h3 {
  color: var(--neon-text);
  margin-top: 0;
}