/* ========================================================
   CYBER THEME OVERRIDE
   Color palette: terminal green + amber alert + pure black
   NO cyan. NO purple. Just hacker aesthetic.
   ======================================================== */

/* --------------------------------------------------
   1. COLOR TOKEN OVERRIDES
   These cascade over everything in style.css / enhance.css
-------------------------------------------------- */
:root {
  /* PRIMARY ACCENT: matrix / terminal green */
  --c-green:   #00ff41;
  --c-green2:  #00cc33;
  --c-green3:  #009922;
  --c-green-glow: rgba(0, 255, 65, 0.2);

  /* SECONDARY: amber / orange (SOC alert color) */
  --c-amber:   #ff8c00;
  --c-amber2:  #e07000;
  --c-amber-glow: rgba(255, 140, 0, 0.18);

  /* DANGER: alert red */
  --c-red:     #ff2233;
  --c-red2:    #cc1a27;

  /* NEUTRAL */
  --c-bg:      #050505;
  --c-bg2:     #0a0a0a;
  --c-surface: #0e1010;
  --c-surface2:#131a14;
  --c-border:  rgba(0, 255, 65, 0.12);
  --c-border2: rgba(0, 255, 65, 0.25);
  --c-text:    #c8d8c8;
  --c-muted:   #5a7260;
  --c-white:   #e8ede8;
}

/* --------------------------------------------------
   2. GLOBAL: recolour bg, text, borders
-------------------------------------------------- */
body {
  background-color: var(--c-bg) !important;
  color: var(--c-text) !important;
  font-family: 'JetBrains Mono', 'Share Tech Mono', monospace !important;
}

/* Scanlines removed — no black lines overlay */
body::after { display: none !important; }

/* Subtle vignette */
body::before {
  content: '';
  position: fixed;
  inset: 0;
  z-index: 9998;
  pointer-events: none;
  background: radial-gradient(ellipse at center, transparent 50%, rgba(0,0,0,0.55) 100%);
}

/* --------------------------------------------------
   3. NAVBAR
-------------------------------------------------- */
#navbar {
  background: rgba(5,5,5,0.92) !important;
  border-bottom: 1px solid rgba(0,255,65,0.08) !important;
  backdrop-filter: blur(10px) !important;
}

.nav-logo {
  color: var(--c-green) !important;
  font-family: 'JetBrains Mono', monospace !important;
  text-shadow: 0 0 12px rgba(0,255,65,0.5) !important;
}

.nav-links a {
  color: var(--c-text) !important;
  font-size: 0.7rem !important;
  letter-spacing: 1.5px !important;
}

.nav-links a::before { color: var(--c-amber) !important; }

.nav-links a:hover {
  color: var(--c-green) !important;
  text-shadow: 0 0 10px rgba(0,255,65,0.5) !important;
}

.btn-resume {
  background: transparent !important;
  border: 1px solid var(--c-green) !important;
  color: var(--c-green) !important;
  border-radius: 3px !important;
  letter-spacing: 1px !important;
  font-size: 0.7rem !important;
  transition: all 0.25s ease !important;
}

.btn-resume:hover {
  background: rgba(0,255,65,0.1) !important;
  box-shadow: 0 0 16px rgba(0,255,65,0.3) !important;
}

/* --------------------------------------------------
   4. HERO
-------------------------------------------------- */
#hero {
  background: var(--c-bg) !important;
}

.hero-tag {
  color: var(--c-green) !important;
  letter-spacing: 2px !important;
  font-size: 0.65rem !important;
  border: 1px solid rgba(0,255,65,0.25) !important;
  border-radius: 2px !important;
  padding: 4px 12px !important;
  background: rgba(0,255,65,0.05) !important;
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
}

.hero-tag .dot {
  width: 6px !important;
  height: 6px !important;
  background: var(--c-green) !important;
  border-radius: 50% !important;
  box-shadow: 0 0 8px var(--c-green) !important;
  animation: blink 1.2s step-end infinite !important;
}

@keyframes blink {
  50% { opacity: 0; }
}

.hero-name {
  color: var(--c-white) !important;
  font-family: 'Space Grotesk', sans-serif !important;
}

.name-line {
  color: var(--c-green) !important;
  text-shadow: 0 0 24px rgba(0,255,65,0.35) !important;
}

.hero-role { color: var(--c-amber) !important; font-family: 'JetBrains Mono', monospace !important; }
.cursor    { color: var(--c-green) !important; }

.hero-desc { color: var(--c-text) !important; }
.hero-desc strong { color: var(--c-green) !important; }

.btn-primary {
  background: var(--c-green) !important;
  color: #050505 !important;
  border-radius: 2px !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 0.75rem !important;
  letter-spacing: 2px !important;
  font-weight: 700 !important;
  border: none !important;
  box-shadow: 0 0 24px rgba(0,255,65,0.25) !important;
  transition: all 0.3s ease !important;
}

.btn-primary:hover {
  background: #00ff41 !important;
  box-shadow: 0 0 40px rgba(0,255,65,0.45) !important;
  transform: translateY(-2px) !important;
}

.btn-outline {
  background: transparent !important;
  color: var(--c-green) !important;
  border: 1px solid var(--c-green) !important;
  border-radius: 2px !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 0.75rem !important;
  letter-spacing: 2px !important;
  transition: all 0.3s ease !important;
}

.btn-outline:hover {
  background: rgba(0,255,65,0.1) !important;
  box-shadow: 0 0 20px rgba(0,255,65,0.2) !important;
}

.h-stat .num { color: var(--c-green) !important; }
.h-stat .lbl { color: var(--c-muted) !important; font-size: 0.6rem !important; letter-spacing: 2px !important; }

.avatar-ring { border-color: rgba(0,255,65,0.3) !important; }
.avatar-ring::before, .avatar-ring::after {
  border-color: rgba(0,255,65,0.15) !important;
}

/* --------------------------------------------------
   5. SECTION COMMON
-------------------------------------------------- */
.sec-num   { color: var(--c-amber) !important; }
.sec-title { color: var(--c-white) !important; }
.sec-line  { background: var(--c-green) !important; opacity: 0.5 !important; }

.sec { background: var(--c-bg) !important; }
.sec-alt { background: var(--c-bg2) !important; }

/* --------------------------------------------------
   6. MARQUEE
-------------------------------------------------- */
.marquee { background: rgba(0,255,65,0.03) !important; border-top: 1px solid rgba(0,255,65,0.08) !important; border-bottom: 1px solid rgba(0,255,65,0.08) !important; }
.marquee-item { color: var(--c-muted) !important; font-family: 'JetBrains Mono', monospace !important; font-size: 0.65rem !important; letter-spacing: 3px !important; }
.marquee-item:hover { color: var(--c-green) !important; text-shadow: 0 0 16px rgba(0,255,65,0.5) !important; }
.marquee-item::before { color: rgba(0,255,65,0.3) !important; }

/* --------------------------------------------------
   7. ABOUT / SKILL TAGS
-------------------------------------------------- */
.about-text strong { color: var(--c-green) !important; }

.skill-group h4 {
  color: var(--c-amber) !important;
  font-size: 0.62rem !important;
  letter-spacing: 2px !important;
}

.skill-tag {
  background: rgba(0,255,65,0.06) !important;
  border: 1px solid rgba(0,255,65,0.2) !important;
  color: var(--c-text) !important;
  border-radius: 2px !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.5px !important;
  transition: all 0.25s ease !important;
}

.skill-tag:hover {
  background: rgba(0,255,65,0.15) !important;
  border-color: var(--c-green) !important;
  color: var(--c-green) !important;
  box-shadow: 0 0 12px rgba(0,255,65,0.2) !important;
}

.edu-card {
  background: rgba(0,255,65,0.04) !important;
  border: 1px solid rgba(0,255,65,0.15) !important;
  border-radius: 3px !important;
}

.edu-name { color: var(--c-white) !important; }
.edu-detail { color: var(--c-muted) !important; }
.edu-cgpa { color: var(--c-green) !important; }

/* --------------------------------------------------
   8. PROJECT CARDS
-------------------------------------------------- */
.proj-card-front {
  background: var(--c-surface) !important;
  border-color: rgba(0,255,65,0.1) !important;
}

.proj-card-front:hover,
.proj-card-3d:hover .proj-card-front {
  border-color: rgba(0,255,65,0.3) !important;
  box-shadow: 0 0 32px rgba(0,255,65,0.08) !important;
}

.featured-lbl { color: var(--c-amber) !important; }

.proj-name { color: var(--c-white) !important; }
.proj-desc { color: var(--c-text) !important; }

.proj-tag {
  background: rgba(0,255,65,0.07) !important;
  border: 1px solid rgba(0,255,65,0.2) !important;
  color: var(--c-green) !important;
  border-radius: 2px !important;
  font-size: 0.6rem !important;
  letter-spacing: 0.5px !important;
}

.proj-arrow { color: var(--c-green) !important; }
.front-flip-hint { color: rgba(0,255,65,0.4) !important; }

.badge-live {
  background: rgba(0,255,65,0.15) !important;
  border: 1px solid rgba(0,255,65,0.4) !important;
  color: var(--c-green) !important;
  border-radius: 2px !important;
  letter-spacing: 2px !important;
}

.badge-soon {
  background: rgba(255,140,0,0.15) !important;
  border: 1px solid rgba(255,140,0,0.4) !important;
  color: var(--c-amber) !important;
  border-radius: 2px !important;
}

/* flip back */
.proj-card-back {
  background: linear-gradient(135deg, #050a05, #0a100a) !important;
  border-color: rgba(0,255,65,0.25) !important;
}

.back-tag {
  background: rgba(0,255,65,0.08) !important;
  border-color: rgba(0,255,65,0.25) !important;
  color: var(--c-green) !important;
}

.back-link {
  background: rgba(0,255,65,0.1) !important;
  border-color: rgba(0,255,65,0.5) !important;
  color: var(--c-green) !important;
}

.back-link:hover {
  background: rgba(0,255,65,0.2) !important;
  box-shadow: 0 0 24px rgba(0,255,65,0.3) !important;
}

.back-flip-hint { color: rgba(0,255,65,0.35) !important; }

/* --------------------------------------------------
   9. STATS SECTION
-------------------------------------------------- */
.gh-card {
  background: var(--c-surface) !important;
  border: 1px solid rgba(0,255,65,0.1) !important;
  border-radius: 4px !important;
}

.gh-card:hover {
  border-color: rgba(0,255,65,0.3) !important;
  box-shadow: 0 0 32px rgba(0,255,65,0.08), 0 16px 48px rgba(0,0,0,0.5) !important;
}

.stats-header h3 { color: var(--c-white) !important; }
.stats-header a   { color: var(--c-amber) !important; }
.stats-header a:hover { color: var(--c-green) !important; }

.gh-num { color: var(--c-green) !important; }
.gh-lbl { color: var(--c-muted) !important; }
.gh-metric { border: 1px solid rgba(0,255,65,0.08) !important; background: rgba(0,0,0,0.3) !important; }
.gh-metric:hover { border-color: rgba(0,255,65,0.25) !important; }

.gh-sub-head span:first-child { color: var(--c-muted) !important; letter-spacing: 1px !important; font-size: 0.6rem !important; }

/* heatmap cells */
.gh-hm-cell[data-lv="0"] { background: rgba(0,255,65,0.04) !important; }
.gh-hm-cell[data-lv="1"] { background: rgba(0,255,65,0.2) !important; }
.gh-hm-cell[data-lv="2"] { background: rgba(0,255,65,0.4) !important; }
.gh-hm-cell[data-lv="3"] { background: rgba(0,255,65,0.65) !important; }
.gh-hm-cell[data-lv="4"] { background: var(--c-green) !important; }
.gh-legend-scale { color: var(--c-muted) !important; }
.gh-status { color: var(--c-muted) !important; }

/* leetcode ring */
#leetRing {
  stroke: var(--c-green) !important;
  filter: drop-shadow(0 0 8px rgba(0,255,65,0.4)) !important;
}
.ring-bg { stroke: rgba(0,255,65,0.08) !important; }
.leet-ring-center .big   { color: var(--c-green) !important; }
.leet-ring-center .small { color: var(--c-muted) !important; }

/* TUF */
.tuf-total-num { color: var(--c-green) !important; }
.tuf-total-lbl { color: var(--c-muted) !important; }
.tuf-diff.easy   { color: #00ff41 !important; }
.tuf-diff.medium { color: var(--c-amber) !important; }
.tuf-diff.hard   { color: var(--c-red) !important; }
.tuf-bar.easy   i { background: var(--c-green) !important; }
.tuf-bar.medium i { background: var(--c-amber) !important; }
.tuf-bar.hard   i { background: var(--c-red) !important; }
.tuf-count b  { color: var(--c-white) !important; }
.tuf-count .den { color: var(--c-muted) !important; }

.cert-btn {
  background: rgba(0,255,65,0.12) !important;
  border: 1px solid rgba(0,255,65,0.4) !important;
  color: var(--c-green) !important;
  border-radius: 2px !important;
  font-size: 0.68rem !important;
  letter-spacing: 1px !important;
}

.cert-btn--ghost {
  background: transparent !important;
  border-color: rgba(0,255,65,0.2) !important;
  color: var(--c-muted) !important;
}

/* --------------------------------------------------
   10. CERTS
-------------------------------------------------- */
.cert-card {
  background: var(--c-surface) !important;
  border: 1px solid rgba(0,255,65,0.1) !important;
  border-radius: 3px !important;
}

.cert-card:hover {
  border-color: rgba(0,255,65,0.3) !important;
  box-shadow: 0 0 28px rgba(0,255,65,0.08) !important;
}

.cert-tag  { color: var(--c-amber) !important; }
.cert-name { color: var(--c-white) !important; }
.cert-issuer { color: var(--c-green) !important; }
.cert-date   { color: var(--c-muted) !important; }

.cert-verify {
  background: rgba(0,255,65,0.15) !important;
  border: 1px solid rgba(0,255,65,0.4) !important;
  color: var(--c-green) !important;
  border-radius: 2px !important;
  letter-spacing: 1px !important;
}

.cert-face-back {
  background: linear-gradient(135deg, #050a05, #0a100a) !important;
  border-color: rgba(0,255,65,0.2) !important;
}

.cb-title  { color: var(--c-white) !important; }
.cb-issuer { color: var(--c-green) !important; }
.cb-date   { color: var(--c-muted) !important; }

/* --------------------------------------------------
   11. CONTACT
-------------------------------------------------- */
.contact-card {
  background: var(--c-surface) !important;
  border: 1px solid rgba(0,255,65,0.1) !important;
  border-radius: 3px !important;
}

.contact-card:hover {
  border-color: rgba(0,255,65,0.35) !important;
  box-shadow: 0 24px 60px rgba(0,0,0,0.5), 0 0 40px rgba(0,255,65,0.1) !important;
}

.c-label { color: var(--c-muted) !important; letter-spacing: 2px !important; font-size: 0.58rem !important; }
.c-value  { color: var(--c-white) !important; }
.c-icon   { font-size: 1.5rem; }

.contact-sub { color: var(--c-text) !important; }

.resume-dl {
  background: var(--c-green) !important;
  color: #050505 !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-weight: 700 !important;
  letter-spacing: 3px !important;
  font-size: 0.72rem !important;
  border-radius: 2px !important;
  border: none !important;
  padding: 16px 48px !important;
  display: inline-block !important;
  text-decoration: none !important;
  margin-top: 32px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 0 24px rgba(0,255,65,0.2) !important;
}

.resume-dl:hover {
  box-shadow: 0 0 48px rgba(0,255,65,0.4) !important;
  transform: perspective(400px) translateZ(14px) translateY(-4px) !important;
}

/* --------------------------------------------------
   12. FOOTER
-------------------------------------------------- */
footer {
  background: var(--c-bg) !important;
  border-top: 1px solid rgba(0,255,65,0.08) !important;
  color: var(--c-muted) !important;
  font-family: 'JetBrains Mono', monospace !important;
  font-size: 0.65rem !important;
  letter-spacing: 1px !important;
}

footer span { color: var(--c-green) !important; }

/* --------------------------------------------------
   13. GRID-BG — hex-cell look instead of square
-------------------------------------------------- */
.grid-bg {
  background-image:
    linear-gradient(rgba(0,255,65,0.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0,255,65,0.025) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
}

/* --------------------------------------------------
   14. SCROLL PROGRESS BAR
-------------------------------------------------- */
#scroll-progress {
  background: var(--c-green) !important;
  box-shadow: 0 0 8px rgba(0,255,65,0.5) !important;
}

/* --------------------------------------------------
   15. LOADER override
-------------------------------------------------- */
#loader { background: #000 !important; }

.loader-logo { color: var(--c-green) !important; text-shadow: 0 0 20px rgba(0,255,65,0.5) !important; }
.loader-logo span { color: var(--c-amber) !important; }

.loader-bar  { background: var(--c-green) !important; box-shadow: 0 0 12px rgba(0,255,65,0.5) !important; }
.loader-pct  { color: var(--c-green) !important; }
.terminal-cursor { color: var(--c-green) !important; }
.terminal-lines  { color: rgba(0,255,65,0.8) !important; font-family: 'JetBrains Mono', monospace !important; }

/* --------------------------------------------------
   16. 3D THREE-D.CSS overrides
   Replace cyan glow → green glow
-------------------------------------------------- */
.proj-card-back::before {
  background:
    radial-gradient(ellipse 60% 50% at 50% 0%, rgba(0,255,65,0.1) 0%, transparent 70%),
    radial-gradient(ellipse 60% 50% at 50% 100%, rgba(255,140,0,0.07) 0%, transparent 70%) !important;
}

.sphere-tag.side-front {
  background: rgba(0,255,65,0.12) !important;
  border-color: rgba(0,255,65,0.4) !important;
  color: rgba(0,255,65,0.95) !important;
  text-shadow: 0 0 10px rgba(0,255,65,0.4) !important;
}

.sphere-tag.side-mid {
  background: rgba(255,140,0,0.08) !important;
  border-color: rgba(255,140,0,0.3) !important;
  color: rgba(255,140,0,0.9) !important;
}

.text-3d {
  text-shadow:
    1px 1px 0  rgba(0,255,65,0.4),
    2px 2px 0  rgba(0,255,65,0.3),
    3px 3px 0  rgba(0,255,65,0.2),
    4px 4px 8px rgba(0,0,0,0.5) !important;
}

/* back-link green */
.back-link {
  background: linear-gradient(135deg, rgba(0,255,65,0.1), rgba(255,140,0,0.1)) !important;
  border-color: rgba(0,255,65,0.5) !important;
  color: var(--c-green) !important;
}

/* --------------------------------------------------
   17. CURSOR GLOW
-------------------------------------------------- */
#cursor-glow {
  background: radial-gradient(circle, rgba(0,255,65,0.12) 0%, transparent 70%) !important;
}

/* --------------------------------------------------
   18. GLITCH EFFECT OVERRIDE
   Red+green ghost instead of cyan+purple
-------------------------------------------------- */
.glitch::before { color: var(--c-red) !important; text-shadow: none !important; }
.glitch::after  { color: var(--c-green) !important; text-shadow: none !important; }

/* --------------------------------------------------
   19. MOBILE MENU
-------------------------------------------------- */
.mobile-menu {
  background: rgba(5,5,5,0.97) !important;
  border: 1px solid rgba(0,255,65,0.15) !important;
}

.mobile-menu a { color: var(--c-text) !important; }
.mobile-menu a:hover { color: var(--c-green) !important; }

/* --------------------------------------------------
   20. TECH ECOSYSTEM SECTION
   (new section added below about)
-------------------------------------------------- */
#tech-eco {
  background: var(--c-bg) !important;
  position: relative;
  overflow: hidden;
}

.eco-canvas-wrap {
  position: relative;
  width: 100%;
  height: 520px;
  overflow: hidden;
  border: 1px solid rgba(0,255,65,0.08);
  border-radius: 4px;
  background: rgba(0,0,0,0.6);
  margin-top: 48px;
}

#eco-canvas {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.eco-headline {
  position: absolute;
  top: 28px;
  left: 32px;
  z-index: 3;
  pointer-events: none;
}

.eco-headline p {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.6rem;
  color: rgba(0,255,65,0.5);
  letter-spacing: 3px;
  margin-bottom: 6px;
}

.eco-headline h3 {
  font-family: 'Space Grotesk', sans-serif;
  font-size: 2.2rem;
  font-weight: 700;
  color: #e8ede8;
  line-height: 1.1;
}

.eco-headline h3 em {
  font-style: italic;
  color: var(--c-green);
}

.eco-node {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 6px;
  cursor: default;
  transition: opacity 0.5s ease;
  z-index: 2;
}

.eco-node .nd-icon {
  width: 44px;
  height: 44px;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.5rem;
  background: rgba(10,16,10,0.9);
  border: 1px solid rgba(0,255,65,0.15);
  transition: all 0.35s cubic-bezier(0.34,1.56,0.64,1);
  box-shadow: 0 2px 12px rgba(0,0,0,0.5);
  position: relative;
}

.eco-node .nd-icon img {
  width: 28px;
  height: 28px;
  object-fit: contain;
  filter: saturate(0.8) brightness(0.9);
  transition: filter 0.3s ease;
}

.eco-node:hover .nd-icon {
  border-color: var(--c-green);
  box-shadow: 0 0 20px rgba(0,255,65,0.3), 0 4px 24px rgba(0,0,0,0.5);
  transform: scale(1.25) translateY(-4px);
}

.eco-node:hover .nd-icon img {
  filter: saturate(1.2) brightness(1.1);
}

.eco-node .nd-label {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.55rem;
  color: rgba(180,200,180,0.55);
  letter-spacing: 0.5px;
  text-align: center;
  transition: color 0.3s ease;
  white-space: nowrap;
}

.eco-node:hover .nd-label {
  color: var(--c-green);
}

/* pinging highlight */
.eco-node.pinging .nd-icon::after {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 12px;
  border: 1px solid rgba(0,255,65,0.5);
  animation: nodeRing 1.2s ease-out forwards;
}

@keyframes nodeRing {
  from { opacity: 1; transform: scale(1); }
  to   { opacity: 0; transform: scale(1.7); }
}

/* --------------------------------------------------
   21. RADAR SWEEP (hero section bg)
-------------------------------------------------- */
.radar-sweep {
  position: absolute;
  width: 400px;
  height: 400px;
  border-radius: 50%;
  top: 50%;
  right: -60px;
  transform: translateY(-50%);
  z-index: 1;
  pointer-events: none;
  opacity: 0.25;
  overflow: hidden;
}

.radar-sweep::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background:
    conic-gradient(from 0deg, transparent 330deg, rgba(0,255,65,0.4) 360deg);
  animation: radarSpin 4s linear infinite;
  transform-origin: center;
}

.radar-sweep::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background:
    repeating-radial-gradient(
      circle at center,
      transparent 0px, transparent 48px,
      rgba(0,255,65,0.06) 49px, transparent 50px
    );
}

@keyframes radarSpin {
  from { transform: rotate(0deg); }
  to   { transform: rotate(360deg); }
}

/* --------------------------------------------------
   22. TERMINAL PROMPT (decorative, hero area)
-------------------------------------------------- */
.term-prompt {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.68rem;
  color: rgba(0,255,65,0.5);
  margin-bottom: 20px;
  letter-spacing: 0.5px;
}

.term-prompt .tp-user  { color: var(--c-green); }
.term-prompt .tp-at    { color: var(--c-muted); }
.term-prompt .tp-host  { color: var(--c-amber); }
.term-prompt .tp-dir   { color: rgba(0,255,65,0.6); }
.term-prompt .tp-dollar{ color: var(--c-muted); margin-right: 6px; }

/* --------------------------------------------------
   23. PREMIUM.CSS / SPOTLIGHT override
   Make spotlight green instead of white
-------------------------------------------------- */
.spotlight-card::before {
  background: radial-gradient(
    600px circle at var(--x, 50%) var(--y, 50%),
    rgba(0,255,65,0.06),
    transparent 40%
  ) !important;
}

/* --------------------------------------------------
   24. PARTICLES OVERRIDE
   Particles are drawn in JS; this just helps bg
-------------------------------------------------- */
#particles { opacity: 0.5 !important; }