/* ==========================================================================
   CADTechPioneer - Defense Engineering Custom Stylesheet
   Modern Defense Portal Theme with Aerospace Blueprints & Glowing Accents
   ========================================================================== */

/* Technical Blueprint Grids */
.blueprint-grid {
  background-image: 
    linear-gradient(rgba(0, 114, 206, 0.09) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 114, 206, 0.09) 1px, transparent 1px);
  background-size: 32px 32px;
}

.blueprint-grid-dense {
  background-image: 
    linear-gradient(rgba(0, 210, 255, 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 210, 255, 0.06) 1px, transparent 1px);
  background-size: 16px 16px;
}

.blueprint-dots {
  background-image: radial-gradient(rgba(0, 210, 255, 0.15) 1px, transparent 1px);
  background-size: 24px 24px;
}

/* Glow & Accent Utilities */
.glow-cyan {
  box-shadow: 0 0 25px -4px rgba(0, 210, 255, 0.35);
}

.glow-cyan-sm {
  box-shadow: 0 0 12px -2px rgba(0, 210, 255, 0.3);
}

.glow-accent {
  box-shadow: 0 0 30px -5px rgba(0, 114, 206, 0.4);
}

.glow-border {
  border-color: rgba(0, 210, 255, 0.5);
  box-shadow: 0 0 15px rgba(0, 210, 255, 0.2);
}

/* Custom Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}
::-webkit-scrollbar-track {
  background: #070c1e;
}
::-webkit-scrollbar-thumb {
  background: #1c2b54;
  border-radius: 4px;
  border: 1px solid rgba(0, 210, 255, 0.1);
}
::-webkit-scrollbar-thumb:hover {
  background: #0072ce;
}

/* Radar Sweep Animation */
@keyframes radar-sweep {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.animate-radar {
  animation: radar-sweep 8s linear infinite;
}

/* Pulse Glow Keyframes */
@keyframes techPulse {
  0%, 100% { opacity: 0.2; transform: scale(1); }
  50% { opacity: 0.4; transform: scale(1.05); }
}
.animate-tech-pulse {
  animation: techPulse 6s ease-in-out infinite;
}

/* Scanline Overlay (Subtle) */
.scanline-bg {
  background: linear-gradient(
    rgba(18, 16, 16, 0) 50%, 
    rgba(0, 0, 0, 0.25) 50%
  ), linear-gradient(
    90deg,
    rgba(255, 0, 0, 0.03),
    rgba(0, 255, 0, 0.01),
    rgba(0, 0, 255, 0.03)
  );
  background-size: 100% 4px, 6px 100%;
}

/* Card Hover Micro-Interactions */
.tech-card {
  transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.tech-card:hover {
  transform: translateY(-4px);
  border-color: rgba(0, 210, 255, 0.45);
  box-shadow: 0 16px 32px -8px rgba(0, 114, 206, 0.25);
}

/* SVG Schematics smooth transitions */
#blueprintCanvas svg {
  transition: all 0.3s ease;
}

/* Table Row Highlights */
.defense-row:hover {
  background: rgba(14, 165, 233, 0.07);
}