/* ========================================
   SYNAPSE — Intelligence Page Specific Styles
   ======================================== */

/* Intelligence Hero */
.intelligence-hero {
  position: relative;
}

.intelligence-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  background: 
    radial-gradient(circle at 20% 50%, rgba(107, 33, 168, 0.1) 0%, transparent 50%),
    radial-gradient(circle at 80% 50%, rgba(0, 240, 255, 0.08) 0%, transparent 50%);
  pointer-events: none;
}

/* Terminal Window */
.terminal-window {
  box-shadow: 0 0 60px rgba(0, 240, 255, 0.05);
  transition: box-shadow 0.4s var(--transition-smooth);
}

.terminal-window:hover {
  box-shadow: 0 0 80px rgba(0, 240, 255, 0.1);
}

.terminal-content {
  min-height: 200px;
}

/* Timeline Cards */
.timeline-card {
  transition: all 0.4s var(--transition-smooth);
  cursor: pointer;
}

.timeline-card:hover {
  transform: translateY(-5px) scale(1.02);
  border-color: rgba(0, 240, 255, 0.3);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.3);
}

.timeline-card:hover .timeline-year {
  opacity: 0.5 !important;
}

.timeline-card:hover .timeline-dot {
  animation: pulse 1.5s ease-in-out infinite;
}

@keyframes pulse {
  0%, 100% { transform: scale(1); opacity: 1; }
  50% { transform: scale(1.5); opacity: 0.7; }
}

/* Horizontal scroll wrapper */
.horizontal-scroll-wrapper {
  overflow: hidden;
}

.horizontal-scroll-container {
  will-change: transform;
}

/* Parallax Section */
.parallax-section {
  position: relative;
}

.parallax-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image: 
    linear-gradient(rgba(107, 33, 168, 0.03) 1px, transparent 1px),
    linear-gradient(90deg, rgba(107, 33, 168, 0.03) 1px, transparent 1px);
  background-size: 60px 60px;
  pointer-events: none;
}

/* Responsive */
@media (max-width: 768px) {
  .timeline-card {
    min-width: 300px !important;
    padding: 2rem !important;
  }
  
  .horizontal-scroll-wrapper {
    height: 70vh !important;
  }
  
  .terminal-window {
    padding: 1.5rem !important;
  }
}