/* Dark Tech Portfolio Styling - Suffix: 6f69d6e5 */

:root {
  --tech-bg-dark: #050816;
  --tech-bg-alt: #081421;
  --tech-bg-card: #0d1626;
  --tech-cyan: #00E5FF;
  --tech-teal: #00D6B4;
  --tech-purple: #8B5CF6;
  --tech-text-primary: #FFFFFF;
  --tech-text-secondary: #A8B3C7;
  --tech-text-muted: #7B879E;
  --tech-border: rgba(255,255,255,0.08);
}

body {
  background-color: var(--tech-bg-dark) !important;
  color: var(--tech-text-primary) !important;
}

/* Card Glow Effect */
.tech-card-glow_6f69d6e5 {
  background: var(--tech-bg-card) !important;
  border: 1px solid var(--tech-border) !important;
  border-radius: 16px !important;
  transition: all 0.3s ease-in-out !important;
}
.tech-card-glow_6f69d6e5:hover {
  transform: translateY(-5px);
  border-color: var(--tech-cyan) !important;
  box-shadow: 0 10px 30px rgba(0, 229, 255, 0.15) !important;
}

/* Purple Glow variant */
.tech-card-purple_6f69d6e5 {
  background: var(--tech-bg-card) !important;
  border: 1px solid var(--tech-border) !important;
  border-radius: 16px !important;
  transition: all 0.3s ease-in-out !important;
}
.tech-card-purple_6f69d6e5:hover {
  transform: translateY(-5px);
  border-color: var(--tech-purple) !important;
  box-shadow: 0 10px 30px rgba(139, 92, 246, 0.15) !important;
}

/* Tech Gradients */
.tech-gradient-btn_6f69d6e5 {
  background: linear-gradient(135deg, var(--tech-cyan) 0%, var(--tech-purple) 100%) !important;
  color: #050816 !important;
  font-weight: 600 !important;
  border-radius: 10px !important;
  box-shadow: 0 4px 15px rgba(0, 229, 255, 0.2) !important;
  transition: all 0.3s ease !important;
}
.tech-gradient-btn_6f69d6e5:hover {
  transform: scale(1.03);
  box-shadow: 0 6px 20px rgba(139, 92, 246, 0.4) !important;
}

/* Subtle Tech Grid Background */
.tech-grid-bg_6f69d6e5 {
  background-image: linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),
                    linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px) !important;
  background-size: 40px 40px !important;
}

/* Coding terminal UI */
.tech-terminal_6f69d6e5 {
  background: #070B19 !important;
  border: 1px solid var(--tech-border) !important;
  border-radius: 12px;
  padding: 20px;
  font-family: 'Courier New', Courier, monospace;
}
.tech-terminal-header_6f69d6e5 {
  display: flex;
  gap: 6px;
  margin-bottom: 15px;
}
.tech-dot-red_6f69d6e5 { width: 10px; height: 10px; background: #FF5F56; border-radius: 50%; }
.tech-dot-yellow_6f69d6e5 { width: 10px; height: 10px; background: #FFBD2E; border-radius: 50%; }
.tech-dot-green_6f69d6e5 { width: 10px; height: 10px; background: #27C93F; border-radius: 50%; }