/* --- PhishGuard Logo Glow Effects --- */

  /* 1. The Container Glow */
  .logo-glow-container {
      box-shadow: 
          0 0 20px rgba(255, 255, 255, 0.05), 
          inset 0 0 15px rgba(255, 255, 255, 0.05);
      border: 1px solid rgba(255, 255, 255, 0.2) !important;
  }

  /* 2. The Icon Glow (Neon White) */
  .icon-glow {
      filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.6));
  }

  /* 3. The Main Title Glow */
  .logo-text-glow {
      text-shadow: 0 0 15px rgba(0, 0, 0, 0.3);
  }

  /* 4. The Emerald Subtext Glow (Neon Green) */
  .glow-subtext {
      text-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
      animation: text-pulse 4s ease-in-out infinite;
  }

  /* Subtle "Breathing" animation for the glow */
  @keyframes text-pulse {
      0%, 100% { opacity: 0.8; text-shadow: 0 0 10px rgba(16, 185, 129, 0.4); }
      50% { opacity: 1; text-shadow: 0 0 20px rgba(16, 185, 129, 0.8); }
  }

  /* --- PhishGuard Terminal Platinum Suite --- */
  :root {
      --bg-dark: #020617;
      --accent-light: #f8fafc; /* Ice White */
      --glow-light: rgba(248, 250, 252, 0.6);
      --danger-red: #ef4444;
      --safe-green: #10b981;
      --terminal-blue: rgba(15, 23, 42, 0.6);
  }

  body {
      background-color: var(--bg-dark);
      transition: background-color 1.2s ease-in-out;
      font-family: 'JetBrains Mono', 'Fira Code', monospace;
      color: var(--accent-light);
      margin: 0;
  }

  /* 🧪 Glass Terminal Shell */
  .glass-terminal {
      background: var(--terminal-blue);
      backdrop-filter: blur(20px) saturate(180%);
      border: 1px solid rgba(255, 255, 255, 0.1);
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);
      position: relative;
      overflow: hidden;
  }

  /* ⚡ The Neural Scanning Laser */
  .scanning-bar {
      position: absolute;
      left: 0;
      width: 100%;
      height: 3px;
      background: linear-gradient(90deg, transparent, var(--accent-light), transparent);
      box-shadow: 0 0 20px var(--glow-light), 0 0 40px rgba(255, 255, 255, 0.2);
      z-index: 50;
      animation: scanLine 2.5s infinite linear;
      pointer-events: none;
  }

  @keyframes scanLine {
      0% { top: -5%; opacity: 0; }
      15% { opacity: 1; }
      85% { opacity: 1; }
      100% { top: 105%; opacity: 0; }
  }

  /* 📟 Terminal Log Styling */
  #logLines div {
      margin-bottom: 6px;
      color: rgba(248, 250, 252, 0.85);
      font-size: 13px;
      letter-spacing: 0.02em;
  }

  #logLines div::before {
      content: "> ";
      color: var(--accent-light);
      font-weight: bold;
      text-shadow: 0 0 5px var(--glow-light);
  }

  /* 📊 Center Stats & Counter Glow */
  .stat-counter {
      text-shadow: 0 0 10px rgba(255, 255, 255, 0.1);
      transition: all 0.3s ease;
  }

  .animate-pulse-once {
      animation: glow-pulse 1s ease-out;
  }

  @keyframes glow-pulse {
      0% { text-shadow: 0 0 0px transparent; transform: scale(1); }
      50% { text-shadow: 0 0 30px white; transform: scale(1.1); }
      100% { text-shadow: 0 0 10px rgba(255, 255, 255, 0.3); transform: scale(1); }
  }

  /* 🛡️ Transparent Footer Override */
  .no-bg-footer {
      background: transparent !important;
      backdrop-filter: none !important;
      border: none !important;
      box-shadow: none !important;
  }

  /* ✍️ Textarea & Placeholder */
  #emailText::placeholder {
      color: rgba(255, 255, 255, 0.45) !important;
      font-style: italic;
      letter-spacing: 0.05em;
      text-transform: uppercase;
  }

  /* 🔄 Button Spinner Animation */
  .animate-spin {
      animation: spin 1s linear infinite;
  }

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

  /* 🚩 Red Highlight for Forensic Markers */
  .forensic-marker {
      background: rgba(239, 68, 68, 0.15);
      border: 1px solid rgba(239, 68, 68, 0.4);
      padding: 2px 8px;
      border-radius: 4px;
      color: var(--danger-red);
      font-weight: bold;
      box-shadow: 0 0 10px rgba(239, 68, 68, 0.2);
  }

  /* 🗺️ Background Intelligence Feed */
  .threat-map {
      background-image: url('https://upload.wikimedia.org/wikipedia/commons/8/80/World_map_-_low_resolution.svg');
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
      height: 100vh;
  }

  /* 🔴 Dynamic Pulse Dots */
/* Update your CSS dot style */
.pulse-dot {
    position: absolute;
    width: 6px;
    height: 6px;
    /* Use a variable that defaults to Ice White */
    background: var(--dot-color, #f8fafc); 
    border-radius: 50%;
    /* Update the glow to match the variable */
    box-shadow: 0 0 15px var(--dot-color, #f8fafc);
    animation: mapPulse 4s infinite ease-in-out;
}
  @keyframes mapPulse {
      0% { transform: scale(1); opacity: 0.8; }
      50% { transform: scale(2.5); opacity: 0.2; }
      100% { transform: scale(1); opacity: 0.8; }
  }


/* --- End of PhishGuard Terminal Platinum Suite --- */