:root {
    --sc-bg-deep: #050b09;
    --sc-bg-panel: rgba(9, 15, 13, 0.85);
    --sc-bg-panel-solid: #090f0d;
    --sc-surface: rgba(35, 41, 39, 0.35);
    --sc-surface-hover: rgba(55, 61, 59, 0.45);
    --sc-blue: #00cc33;
    --sc-blue-bright: #00ff42;
    --sc-blue-glow: #00a729;
    --sc-blue-dim: #22c049;
    --sc-cyan: #ccff00;
    --sc-border: rgba(0, 204, 51, 0.2);
    --sc-border-bright: rgba(0, 204, 51, 0.5);
    --sc-border-hover: rgba(204, 255, 0, 0.4);
    --sc-text: #b4bec0;
    --sc-text-bright: #d2dcd9;
    --sc-text-muted: #88e39f;
    --sc-text-dim: #3fcb62;
    --glow-blue: 0 0 8px rgba(0, 167, 41, 0.4), 0 0 20px rgba(0, 167, 41, 0.15);
    --glow-cyan: 0 0 8px rgba(204, 255, 0, 0.5), 0 0 25px rgba(204, 255, 0, 0.15);
}
.bg-overlay {
    background:
        radial-gradient(ellipse at 20% 50%, rgba(0, 167, 41, 0.08) 0%, transparent 60%),
        radial-gradient(ellipse at 80% 30%, rgba(204, 255, 0, 0.06) 0%, transparent 50%),
        radial-gradient(ellipse at 50% 100%, rgba(0, 0, 0, 0.4) 0%, transparent 50%),
        linear-gradient(180deg, rgba(5, 11, 9, 0.2) 0%, rgba(9, 15, 13, 0.3) 100%);
}
.scanlines { background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(0, 167, 41, 0.015) 2px, rgba(0, 167, 41, 0.015) 4px); }
.grid-overlay { background-image: linear-gradient(rgba(204, 255, 0, 0.2) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 167, 41, 0.2) 1px, transparent 1px); }
.brand-logo { filter: drop-shadow(0 0 4px rgba(204, 255, 0, 0.5)) drop-shadow(0 0 10px rgba(0, 167, 41, 0.3)); }
@keyframes logo-pulse {
    0%, 100% { filter: drop-shadow(0 0 4px rgba(204, 255, 0, 0.5)) drop-shadow(0 0 10px rgba(0, 167, 41, 0.3)); }
    50% { filter: drop-shadow(0 0 8px rgba(204, 255, 0, 0.8)) drop-shadow(0 0 20px rgba(0, 167, 41, 0.5)) drop-shadow(0 0 35px rgba(204, 255, 0, 0.2)); }
}
.brand-glow { background: radial-gradient(circle, rgba(204, 255, 0, 0.25) 0%, rgba(0, 167, 41, 0.1) 40%, transparent 70%); }
.nav-link:hover, .nav-link.active { color: var(--sc-cyan); background: rgba(204, 255, 0, 0.06); text-shadow: 0 0 8px rgba(204, 255, 0, 0.4); }
.dropdown-menu li a:hover { color: var(--sc-cyan); border-left-color: var(--sc-cyan); background: rgba(204, 255, 0, 0.05); text-shadow: 0 0 6px rgba(204, 255, 0, 0.3); }
.hero-title { text-shadow: 0 0 20px rgba(0, 167, 41, 0.3), 0 0 60px rgba(204, 255, 0, 0.1); }
.hero-subtitle { text-shadow: 0 0 10px rgba(0, 167, 41, 0.15); }
.hero-cta { background: linear-gradient(135deg, rgba(0, 204, 51, 0.2) 0%, rgba(204, 255, 0, 0.1) 100%); }
.hero-cta::before { background: linear-gradient(135deg, rgba(204, 255, 0, 0.15) 0%, rgba(0, 204, 51, 0.25) 100%); }
.hero-cta:hover { text-shadow: 0 0 10px rgba(204, 255, 0, 0.5); }
.hero-subtitle a:hover, .section-title a:hover, .prose a:hover:not(.tool-card):not(.nav-link):not(.hero-cta) { text-shadow: 0 0 8px rgba(204, 255, 0, 0.6); }
.stat-number { text-shadow: 0 0 12px rgba(204, 255, 0, 0.4); }
.stat-bar-track { background: rgba(0, 204, 51, 0.1); }
.page-title { text-shadow: 0 0 20px rgba(0, 167, 41, 0.3), 0 0 60px rgba(204, 255, 0, 0.1); }
.bc-link:hover { text-shadow: 0 0 6px rgba(204, 255, 0, 0.3); }
.bc-current { text-shadow: 0 0 8px rgba(204, 255, 0, 0.3); }
.sidebar-tool-link:hover { text-shadow: 0 0 6px rgba(204, 255, 0, 0.3); }
.sidebar-tool-link:hover .stl-icon { filter: drop-shadow(0 0 4px rgba(204, 255, 0, 0.5)); }
.sidebar-tool-link.stl-active { background: linear-gradient(135deg, rgba(204, 255, 0, 0.08) 0%, rgba(0, 204, 51, 0.04) 100%); text-shadow: 0 0 6px rgba(204, 255, 0, 0.3); }
.year-chip:hover, .year-chip2:hover { text-shadow: 0 0 6px rgba(204, 255, 0, 0.3); }
.form-input:focus { box-shadow: 0 0 12px rgba(204, 255, 0, 0.15), inset 0 0 12px rgba(0, 167, 41, 0.05); background: rgba(5, 11, 9, 0.6); }
.wiki-data-table thead tr { background: linear-gradient(180deg, rgba(0, 167, 41, 0.15), rgba(204, 255, 0, 0.05)); }
.wiki-data-table td a:hover { text-shadow: 0 0 6px rgba(204, 255, 0, 0.4); }
.tool-glow { background: radial-gradient(circle, rgba(204, 255, 0, 0.1) 0%, transparent 70%); }
.tool-card:hover .tool-hex { filter: drop-shadow(0 0 6px rgba(204, 255, 0, 0.5)); }
.tool-card:hover .tool-name { text-shadow: 0 0 8px rgba(204, 255, 0, 0.3); }
.back-home-btn { background: linear-gradient(135deg, rgba(0, 167, 41, 0.15) 0%, rgba(204, 255, 0, 0.08) 100%); }
.back-home-btn:hover { text-shadow: 0 0 10px rgba(204, 255, 0, 0.5); }
.pub-item a:hover { text-shadow: 0 0 6px rgba(204, 255, 0, 0.3); }
@media (max-width: 768px) { .nav-menu { background: rgba(9, 15, 13, 0.98); } }