/* UwU Toolkit Cyberpunk Neon Color Palette */
:root {
  --bg-dark: #1a1b26;
  --bg-darker: #16161e;
  --bg-lighter: #24283b;
  --bg-highlight: #292e42;
  --terminal-black: #414868;
  --foreground: #e6e6fa;
  --foreground-dark: #8b7aa8;
  --comment: #8b7aa8;
  --cyan: #00e8ff;
  --blue: #00a2ff;
  --purple: #b620e0;
  --magenta: #ff006e;
  --pink: #ff10f0;
  --red: #ff2975;
  --orange: #ff7c00;
  --yellow: #ffea00;
  --green: #00ff9f;
  --teal: #00ff9f;
  --border: #ff10f0;
  --selection: #33467c;
  --glow: rgba(255, 16, 240, 0.3);
  --digital-rain: #00ff41;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

html {
  font-size: 16px;
  scroll-behavior: smooth;
}

body {
  background-color: var(--bg-dark);
  color: var(--foreground);
  font-family: 'JetBrains Mono', 'Fira Code', 'SF Mono', 'Monaco', 'Inconsolata', 'Roboto Mono', monospace;
  line-height: 1.7;
  min-height: 100vh;
}

::selection {
  background: var(--selection);
  color: var(--foreground);
}

/* Terminal Window Container */
.terminal-window {
  background: var(--bg-darker);
  border: 1px solid var(--terminal-black);
  border-radius: 8px;
  margin: 20px;
  overflow: hidden;
  box-shadow:
    0 0 0 1px rgba(0, 0, 0, 0.3),
    0 25px 50px -12px rgba(0, 0, 0, 0.5),
    0 0 60px rgba(255, 16, 240, 0.15);
}

/* Terminal Title Bar */
.terminal-header {
  background: linear-gradient(180deg, var(--bg-highlight) 0%, var(--bg-lighter) 100%);
  padding: 12px 16px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-bottom: 1px solid var(--terminal-black);
}

.terminal-buttons {
  display: flex;
  gap: 8px;
}

.terminal-btn {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  border: none;
}

.terminal-btn.close { background: var(--red); }
.terminal-btn.minimize { background: var(--yellow); }
.terminal-btn.maximize { background: var(--green); }

.terminal-title {
  flex: 1;
  text-align: center;
  color: var(--foreground-dark);
  font-size: 0.85rem;
}

/* Terminal Content */
.terminal-body {
  padding: 20px;
  min-height: calc(100vh - 120px);
}

/* Prompt styling */
.prompt {
  color: var(--green);
}

.prompt-user {
  color: var(--cyan);
}

.prompt-at {
  color: var(--foreground-dark);
}

.prompt-host {
  color: var(--purple);
}

.prompt-path {
  color: var(--blue);
}

.prompt-symbol {
  color: var(--pink);
}

/* ASCII Art Header */
.ascii-header {
  color: var(--cyan);
  font-size: 0.65rem;
  line-height: 1.2;
  margin-bottom: 20px;
  text-shadow: 0 0 10px var(--glow);
  white-space: pre;
  overflow-x: auto;
}

@media (max-width: 768px) {
  .ascii-header {
    font-size: 0.4rem;
  }
}

/* Navigation */
.nav-section {
  margin: 20px 0;
  padding: 15px 0;
  border-top: 1px dashed var(--terminal-black);
  border-bottom: 1px dashed var(--terminal-black);
}

.nav-list {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  gap: 10px 25px;
}

.nav-item a {
  color: var(--foreground);
  text-decoration: none;
  transition: all 0.2s ease;
  display: inline-flex;
  align-items: center;
  gap: 8px;
}

.nav-item a::before {
  content: '>';
  color: var(--green);
}

.nav-item a:hover {
  color: var(--cyan);
  text-shadow: 0 0 8px var(--glow);
}

.nav-item a:hover::before {
  color: var(--pink);
}

.nav-item.active a {
  color: var(--cyan);
}

/* Tree Structure */
.tree {
  margin: 15px 0;
  padding-left: 0;
}

.tree-line {
  color: var(--foreground-dark);
  display: block;
  padding: 3px 0;
}

.tree-line a {
  color: var(--foreground);
  text-decoration: none;
  transition: all 0.2s ease;
}

.tree-line a:hover {
  color: var(--cyan);
  text-shadow: 0 0 5px var(--glow);
}

.tree-dir {
  color: var(--blue);
}

.tree-file {
  color: var(--green);
}

.tree-locked {
  color: var(--red);
}

/* Content Sections */
.section-header {
  color: var(--purple);
  margin: 30px 0 15px;
  font-size: 1.1rem;
  display: flex;
  align-items: center;
  gap: 10px;
}

.section-header::before {
  content: '#';
  color: var(--pink);
}

/* Cards for writeups */
.writeup-card {
  background: var(--bg-lighter);
  border: 1px solid var(--terminal-black);
  border-left: 3px solid var(--cyan);
  padding: 15px 20px;
  margin: 10px 0;
  border-radius: 0 4px 4px 0;
  transition: all 0.2s ease;
}

.writeup-card:hover {
  border-left-color: var(--pink);
  background: var(--bg-highlight);
  transform: translateX(5px);
  box-shadow: 0 0 20px rgba(255, 16, 240, 0.15);
}

.writeup-card a {
  text-decoration: none;
  color: inherit;
  display: block;
}

.writeup-title {
  color: var(--cyan);
  font-size: 1rem;
  margin-bottom: 5px;
}

.writeup-meta {
  color: var(--foreground-dark);
  font-size: 0.8rem;
  display: flex;
  gap: 15px;
  flex-wrap: wrap;
}

.writeup-tag {
  background: var(--bg-dark);
  color: var(--purple);
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 0.75rem;
}

.writeup-difficulty {
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 0.75rem;
}

.difficulty-easy { background: var(--green); color: var(--bg-dark); }
.difficulty-medium { background: var(--orange); color: var(--bg-dark); }
.difficulty-hard { background: var(--red); color: var(--bg-dark); }
.difficulty-insane { background: var(--purple); color: var(--bg-dark); }

/* Locked Content */
.locked-content {
  background: var(--bg-lighter);
  border: 1px dashed var(--red);
  padding: 20px;
  margin: 20px 0;
  border-radius: 4px;
  text-align: center;
}

.locked-content .lock-icon {
  color: var(--red);
  font-size: 2rem;
  margin-bottom: 10px;
}

.hash-input {
  background: var(--bg-dark);
  border: 1px solid var(--terminal-black);
  color: var(--foreground);
  padding: 10px 15px;
  width: 100%;
  max-width: 400px;
  margin: 10px 0;
  border-radius: 4px;
  font-family: inherit;
}

.hash-input:focus {
  outline: none;
  border-color: var(--cyan);
  box-shadow: 0 0 10px var(--glow);
}

.unlock-btn {
  background: var(--bg-highlight);
  border: 1px solid var(--cyan);
  color: var(--cyan);
  padding: 10px 25px;
  cursor: pointer;
  border-radius: 4px;
  font-family: inherit;
  transition: all 0.2s ease;
}

.unlock-btn:hover {
  background: var(--cyan);
  color: var(--bg-dark);
}

/* Code blocks */
pre, code {
  font-family: 'JetBrains Mono', 'Fira Code', monospace;
}

pre {
  background: var(--bg-darker);
  border: 1px solid var(--terminal-black);
  border-radius: 4px;
  padding: 15px;
  overflow-x: auto;
  margin: 15px 0;
  position: relative;
}

pre::before {
  content: attr(data-lang);
  position: absolute;
  top: 0;
  right: 0;
  background: var(--terminal-black);
  color: var(--foreground-dark);
  padding: 2px 8px;
  font-size: 0.7rem;
  border-radius: 0 4px 0 4px;
}

code {
  background: var(--bg-lighter);
  padding: 2px 6px;
  border-radius: 3px;
  color: var(--orange);
}

pre code {
  background: none;
  padding: 0;
  color: var(--foreground);
}

/* ============================================
   Syntax Highlighting - Cyberpunk Neon Theme
   Complete Rouge Token Coverage
   ============================================ */

/* Highlight container */
.highlight {
  background: var(--bg-darker);
  border: 1px solid var(--terminal-black);
  border-radius: 4px;
  padding: 15px;
  overflow-x: auto;
  margin: 15px 0;
}

.highlight pre {
  background: transparent;
  border: none;
  padding: 0;
  margin: 0;
}

.highlight code {
  background: transparent;
  color: var(--foreground);
}

/* Comments - Muted lavender */
.highlight .c,      /* Comment */
.highlight .c1,     /* Comment.Single */
.highlight .cm,     /* Comment.Multiline */
.highlight .cp,     /* Comment.Preproc */
.highlight .cs,     /* Comment.Special */
.highlight .ch,     /* Comment.Hashbang */
.highlight .cd {    /* Comment.Doc */
  color: #8b7aa8;
  font-style: italic;
}

/* Keywords - Neon Purple */
.highlight .k,      /* Keyword */
.highlight .kc,     /* Keyword.Constant */
.highlight .kd,     /* Keyword.Declaration */
.highlight .kn,     /* Keyword.Namespace */
.highlight .kp,     /* Keyword.Pseudo */
.highlight .kr,     /* Keyword.Reserved */
.highlight .kt {    /* Keyword.Type */
  color: #b620e0;
  font-weight: 500;
}

/* Strings - Neon Green */
.highlight .s,      /* String */
.highlight .s1,     /* String.Single */
.highlight .s2,     /* String.Double */
.highlight .sa,     /* String.Affix */
.highlight .sb,     /* String.Backtick */
.highlight .sc,     /* String.Char */
.highlight .sd,     /* String.Doc */
.highlight .se,     /* String.Escape */
.highlight .sh,     /* String.Heredoc */
.highlight .si,     /* String.Interpol */
.highlight .sr,     /* String.Regex */
.highlight .ss,     /* String.Symbol */
.highlight .sx {    /* String.Other */
  color: #00ff9f;
}

/* String Escape - Neon Orange */
.highlight .se {
  color: #ff7c00;
}

/* Numbers - Neon Orange */
.highlight .m,      /* Number */
.highlight .mb,     /* Number.Bin */
.highlight .mf,     /* Number.Float */
.highlight .mh,     /* Number.Hex */
.highlight .mi,     /* Number.Integer */
.highlight .mo,     /* Number.Oct */
.highlight .il {    /* Number.Integer.Long */
  color: #ff7c00;
}

/* Operators - Electric Cyan */
.highlight .o,      /* Operator */
.highlight .ow {    /* Operator.Word */
  color: #00e8ff;
}

/* Punctuation - Electric Cyan */
.highlight .p {     /* Punctuation */
  color: #00e8ff;
}

/* Names - Foreground */
.highlight .n {     /* Name */
  color: var(--foreground);
}

.highlight .na {    /* Name.Attribute */
  color: #00e8ff;
}

.highlight .nb {    /* Name.Builtin */
  color: #00e8ff;
}

.highlight .nc {    /* Name.Class */
  color: #ff7c00;
  font-weight: 500;
}

.highlight .nd {    /* Name.Decorator */
  color: #00e8ff;
}

.highlight .ne {    /* Name.Exception */
  color: #ff2975;
}

.highlight .nf,     /* Name.Function */
.highlight .fm {    /* Name.Function.Magic */
  color: #00a2ff;
}

.highlight .ni {    /* Name.Entity */
  color: #ffea00;
}

.highlight .nl {    /* Name.Label */
  color: #00e8ff;
}

.highlight .nn {    /* Name.Namespace */
  color: #00e8ff;
}

.highlight .no {    /* Name.Constant */
  color: #ff7c00;
}

.highlight .nt {    /* Name.Tag (HTML/XML) */
  color: #ff10f0;
}

.highlight .nv,     /* Name.Variable */
.highlight .vi,     /* Name.Variable.Instance */
.highlight .vg,     /* Name.Variable.Global */
.highlight .vc,     /* Name.Variable.Class */
.highlight .vm {    /* Name.Variable.Magic */
  color: #e6e6fa;
}

.highlight .bp {    /* Name.Builtin.Pseudo */
  color: #ff10f0;
}

/* Generic tokens */
.highlight .gd {    /* Generic.Deleted */
  color: #ff2975;
  background: rgba(255, 41, 117, 0.1);
}

.highlight .ge {    /* Generic.Emph */
  font-style: italic;
}

.highlight .gh {    /* Generic.Heading */
  color: #00a2ff;
  font-weight: bold;
}

.highlight .gi {    /* Generic.Inserted */
  color: #00ff9f;
  background: rgba(0, 255, 159, 0.1);
}

.highlight .go {    /* Generic.Output */
  color: #8b7aa8;
}

.highlight .gp {    /* Generic.Prompt */
  color: #00e8ff;
  font-weight: bold;
}

.highlight .gs {    /* Generic.Strong */
  font-weight: bold;
}

.highlight .gu {    /* Generic.Subheading */
  color: #00e8ff;
  font-weight: bold;
}

.highlight .gt {    /* Generic.Traceback */
  color: #ff2975;
}

.highlight .gl {    /* Generic.Lineno */
  color: #8b7aa8;
}

/* Error */
.highlight .err {   /* Error */
  color: #ff2975;
  background: rgba(255, 41, 117, 0.1);
}

/* Whitespace */
.highlight .w {     /* Whitespace */
  color: var(--foreground);
}

/* Text */
.highlight .x {     /* Other */
  color: var(--foreground);
}

/* Language-specific enhancements */

/* Shell/Bash - Make prompts and commands stand out */
.language-bash .highlight .nv,
.language-shell .highlight .nv,
.language-sh .highlight .nv {
  color: #00e8ff;
}

.language-bash .highlight .nb,
.language-shell .highlight .nb,
.language-sh .highlight .nb {
  color: #00a2ff;
}

/* Python */
.language-python .highlight .bp {
  color: #b620e0;
}

.language-python .highlight .fm {
  color: #00a2ff;
}

/* JSON */
.language-json .highlight .nt {
  color: #00e8ff;
}

/* YAML */
.language-yaml .highlight .na {
  color: #00e8ff;
}

.language-yaml .highlight .s {
  color: #00ff9f;
}

/* SQL */
.language-sql .highlight .k {
  color: #b620e0;
  text-transform: uppercase;
}

/* PowerShell */
.language-powershell .highlight .nv {
  color: #00e8ff;
}

.language-powershell .highlight .nb {
  color: #00a2ff;
}

/* CSS */
.language-css .highlight .nc,
.language-css .highlight .nd {
  color: #00ff9f;
}

.language-css .highlight .nt {
  color: #ff10f0;
}

.language-css .highlight .na {
  color: #00e8ff;
}

/* Line numbers (if enabled) */
.highlight .lineno {
  color: #8b7aa8;
  padding-right: 15px;
  border-right: 1px solid #414868;
  margin-right: 15px;
  user-select: none;
}

/* Code block with visible language tag */
.highlighter-rouge[data-lang]::before {
  content: attr(data-lang);
  position: absolute;
  top: 0;
  right: 0;
  background: #414868;
  color: #8b7aa8;
  padding: 2px 8px;
  font-size: 0.7rem;
  border-radius: 0 4px 0 4px;
  text-transform: uppercase;
}

/* Make code blocks relative for language tag positioning */
div.highlighter-rouge {
  position: relative;
}

/* CTF Writeups */
.writeup {
  max-width: none;
  width: 100%;
}

.writeup-header {
  text-align: center;
  margin-bottom: 30px;
}

.writeup-header .writeup-meta {
  justify-content: center;
}

/* Blog posts */
.post-content {
  max-width: none;
  width: 100%;
}

.post-content h1, .post-content h2, .post-content h3 {
  color: var(--purple);
  margin: 25px 0 15px;
}

.post-content h1::before, .post-content h2::before, .post-content h3::before {
  content: '## ';
  color: var(--pink);
}

.post-content p {
  margin: 15px 0;
}

.post-content a {
  color: var(--cyan);
  text-decoration: underline;
  text-decoration-color: var(--terminal-black);
  transition: all 0.2s ease;
}

.post-content a:hover {
  text-decoration-color: var(--cyan);
  text-shadow: 0 0 8px var(--glow);
}

.post-content ul, .post-content ol {
  margin: 15px 0 15px 25px;
}

.post-content li {
  margin: 5px 0;
}

.post-content li::marker {
  color: var(--green);
}

.post-content blockquote {
  border-left: 3px solid var(--purple);
  padding-left: 15px;
  margin: 15px 0;
  color: var(--foreground-dark);
  font-style: italic;
}

.post-content img {
  max-width: 100%;
  border: 1px solid var(--terminal-black);
  border-radius: 4px;
  margin: 15px 0;
}

/* Tables */
table {
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0;
}

th, td {
  border: 1px solid var(--terminal-black);
  padding: 10px 15px;
  text-align: left;
}

th {
  background: var(--bg-lighter);
  color: var(--cyan);
}

tr:nth-child(even) {
  background: var(--bg-lighter);
}

/* Footer */
.terminal-footer {
  padding: 20px;
  border-top: 1px dashed var(--terminal-black);
  color: var(--foreground-dark);
  font-size: 0.85rem;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}

.footer-links a {
  color: var(--foreground-dark);
  text-decoration: none;
  margin-right: 15px;
  transition: color 0.2s ease;
}

.footer-links a:hover {
  color: var(--cyan);
}

/* Status indicators */
.status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.status::before {
  content: '';
  width: 8px;
  height: 8px;
  border-radius: 50%;
}

.status.active::before {
  background: var(--green);
  box-shadow: 0 0 8px var(--green);
  animation: pulse 2s infinite;
}

.status.retired::before {
  background: var(--foreground-dark);
}

@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

/* Cursor blink effect */
.cursor {
  display: inline-block;
  width: 10px;
  height: 1.2em;
  background: var(--foreground);
  animation: blink 1s step-end infinite;
  vertical-align: text-bottom;
}

@keyframes blink {
  0%, 100% { opacity: 1; }
  50% { opacity: 0; }
}

/* Typing effect */
.typing {
  overflow: hidden;
  white-space: nowrap;
  animation: typing 2s steps(40, end);
}

@keyframes typing {
  from { width: 0; }
  to { width: 100%; }
}

/* Glitch effect for headers */
.glitch {
  position: relative;
}

.glitch:hover {
  animation: glitch 0.3s linear;
}

@keyframes glitch {
  0% { transform: translate(0); }
  20% { transform: translate(-2px, 2px); }
  40% { transform: translate(-2px, -2px); }
  60% { transform: translate(2px, 2px); }
  80% { transform: translate(2px, -2px); }
  100% { transform: translate(0); }
}

/* Neon glow effect on hover for interactive elements */
a:hover, button:hover, .nav-item a:hover {
  text-shadow: 0 0 10px var(--glow), 0 0 20px var(--glow);
}

/* Responsive */
@media (max-width: 768px) {
  .terminal-window {
    margin: 10px;
    border-radius: 0;
  }

  .terminal-body {
    padding: 15px;
  }

  .nav-list {
    flex-direction: column;
    gap: 8px;
  }

  .terminal-footer {
    flex-direction: column;
    text-align: center;
  }
}

/* Scrollbar */
::-webkit-scrollbar {
  width: 8px;
  height: 8px;
}

::-webkit-scrollbar-track {
  background: var(--bg-darker);
}

::-webkit-scrollbar-thumb {
  background: var(--terminal-black);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: var(--foreground-dark);
}

/* Cyberpunk grid background effect */
.matrix-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: -1;
  opacity: 0.03;
  background:
    repeating-linear-gradient(
      0deg,
      transparent,
      transparent 2px,
      var(--bg-dark) 2px,
      var(--bg-dark) 4px
    );
}

/* Terminal output styling */
.terminal-output {
  background: var(--bg-darker);
  padding: 15px;
  border-radius: 5px;
  font-family: 'JetBrains Mono', monospace;
  margin: 15px 0;
  border-left: 2px solid var(--pink);
}

/* Hacker terminal animation */
.hacker-terminal {
  background: var(--bg-darker);
  border: 1px solid var(--terminal-black);
  border-radius: 4px;
  padding: 15px;
  margin-bottom: 15px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.9rem;
  line-height: 1.5;
  min-height: 200px;
}

.hacker-terminal .terminal-line {
  margin: 2px 0;
  white-space: pre-wrap;
  word-break: break-all;
}

.hacker-terminal .ascii-header {
  margin: 15px 0;
  animation: glowPulse 2s ease-in-out infinite;
}

@keyframes glowPulse {
  0%, 100% {
    text-shadow: 0 0 5px var(--glow), 0 0 10px var(--glow);
    opacity: 1;
  }
  50% {
    text-shadow: 0 0 15px var(--glow), 0 0 25px var(--glow);
    opacity: 0.95;
  }
}

/* Static ASCII with pink glow (non-home pages) */
.ascii-glow {
  color: var(--pink);
  text-shadow: 0 0 10px var(--glow), 0 0 20px var(--glow), 0 0 30px var(--glow);
  animation: glowPulse 2s ease-in-out infinite;
}

/* Pulsing rainbow text for wrong hash attempts */
.pulse-rainbow {
  display: inline-block;
  font-weight: bold;
  font-size: 1.2em;
  animation: rainbowPulse 1.5s ease-in-out infinite;
}

@keyframes rainbowPulse {
  0% {
    color: var(--pink);
    text-shadow: 0 0 10px var(--pink), 0 0 20px var(--pink);
  }
  16% {
    color: var(--red);
    text-shadow: 0 0 10px var(--red), 0 0 20px var(--red);
  }
  33% {
    color: var(--orange);
    text-shadow: 0 0 10px var(--orange), 0 0 20px var(--orange);
  }
  50% {
    color: var(--yellow);
    text-shadow: 0 0 10px var(--yellow), 0 0 20px var(--yellow);
  }
  66% {
    color: var(--green);
    text-shadow: 0 0 10px var(--green), 0 0 20px var(--green);
  }
  83% {
    color: var(--cyan);
    text-shadow: 0 0 10px var(--cyan), 0 0 20px var(--cyan);
  }
  100% {
    color: var(--pink);
    text-shadow: 0 0 10px var(--pink), 0 0 20px var(--pink);
  }
}

.taunt-message {
  margin: 10px 0;
  letter-spacing: 2px;
}

/* Hash crack input styling */
.hash-crack-input:focus {
  border-bottom-color: var(--cyan) !important;
}

.crackable-hash:hover {
  color: var(--cyan) !important;
  text-shadow: 0 0 10px var(--cyan);
}

/* ═══════════════════════════════════════════════════════════════════════════
   EXPERIENCE PAGE - Hacker Terminal Aesthetic
   ═══════════════════════════════════════════════════════════════════════════ */

.experience-section {
  max-width: none;
  width: 100%;
}

/* ASCII Box Styling */
.ascii-box {
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  line-height: 1.4;
  margin: 20px 0;
  text-align: center;
}

.ascii-line {
  white-space: pre;
  color: var(--terminal-black);
}

.ascii-art {
  margin: 0;
  padding: 0;
  background: transparent;
  color: var(--terminal-black);
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.75rem;
  line-height: 1.4;
}

.ascii-box.cyan-glow .ascii-line,
.ascii-box.cyan-glow .ascii-art {
  color: var(--cyan);
  text-shadow: 0 0 10px var(--cyan), 0 0 20px rgba(0, 232, 255, 0.3);
}

.ascii-box.green-glow .ascii-line,
.ascii-box.green-glow .ascii-art {
  color: var(--green);
  text-shadow: 0 0 10px var(--green), 0 0 20px rgba(0, 255, 159, 0.3);
}

.ascii-box.purple-glow .ascii-line,
.ascii-box.purple-glow .ascii-art {
  color: var(--purple);
  text-shadow: 0 0 10px var(--purple), 0 0 20px rgba(182, 32, 224, 0.3);
}

.ascii-box.pink-glow .ascii-line,
.ascii-box.pink-glow .ascii-art {
  color: var(--pink);
  text-shadow: 0 0 10px var(--pink), 0 0 20px rgba(255, 16, 240, 0.3);
}

.ascii-title {
  font-weight: bold;
  letter-spacing: 2px;
}

.ascii-title.green { color: var(--green); }
.ascii-title.purple { color: var(--purple); }
.ascii-title.pink { color: var(--pink); }

.ascii-subtitle {
  color: var(--yellow);
}

.ascii-eof {
  color: var(--red);
  font-weight: bold;
}

.ascii-highlight {
  color: var(--green);
  font-weight: bold;
}

.ascii-path {
  color: var(--cyan);
}

.ascii-divider,
.ascii-footer {
  color: var(--cyan);
  font-size: 0.7rem;
  line-height: 1.3;
  text-align: center;
  margin: 20px 0;
  text-shadow: 0 0 10px var(--cyan), 0 0 20px rgba(0, 232, 255, 0.3);
  white-space: pre;
  overflow-x: auto;
}

/* Terminal Box Styling */
.cat-list {
  display: flex;
  flex-direction: column;
  gap: 15px;
}

.terminal-box {
  background: var(--bg-darker);
  border: 1px solid var(--terminal-black);
  border-radius: 4px;
  overflow: hidden;
}

.terminal-box.active {
  border-color: var(--green);
  box-shadow: 0 0 10px rgba(0, 255, 159, 0.1);
}

.terminal-box.military {
  border-color: var(--blue);
}

.terminal-box.combat {
  border-color: var(--red);
  box-shadow: 0 0 10px rgba(255, 41, 117, 0.1);
}

.terminal-prompt {
  background: var(--bg-lighter);
  padding: 10px 15px;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.85rem;
  border-bottom: 1px solid var(--terminal-black);
}

.terminal-content {
  padding: 12px 15px;
}

.terminal-content pre {
  margin: 0;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.8rem;
  line-height: 1.6;
  color: var(--foreground);
  white-space: pre-wrap;
}

.cat-cmd {
  color: var(--cyan);
}

.cat-file {
  color: var(--green);
}

.cat-status {
  float: right;
  font-size: 0.75rem;
}

.cat-status.active {
  color: var(--green);
  text-shadow: 0 0 5px var(--green);
  animation: blink 1.5s step-end infinite;
}

.cat-status.mil {
  color: var(--blue);
}

.cat-status.combat {
  color: var(--red);
  text-shadow: 0 0 5px var(--red);
}

.cat-key {
  color: var(--yellow);
  font-weight: bold;
}

/* Philosophy Box */
.philosophy-box {
  background: var(--bg-darker);
  border: 1px solid var(--terminal-black);
  border-left: 3px solid var(--green);
  padding: 20px 25px;
  border-radius: 0 4px 4px 0;
  font-style: italic;
  color: var(--foreground);
  line-height: 1.8;
}

.philosophy-box p {
  margin: 0;
}

/* LS Output Styling */
.ls-output {
  background: var(--bg-darker);
  border: 1px solid var(--terminal-black);
  border-radius: 4px;
  padding: 15px 20px;
  margin: 10px 0 20px 0;
  overflow-x: auto;
}

.ls-output pre {
  margin: 0;
  font-family: 'JetBrains Mono', monospace;
  font-size: 0.8rem;
  line-height: 1.6;
  color: var(--foreground-dark);
}

.ls-output .dir-name {
  color: var(--blue);
  font-weight: bold;
}

.ls-output .cert-file {
  color: var(--green);
  font-weight: bold;
}

.ls-output .prolab-file {
  color: var(--cyan);
  font-weight: bold;
}

.ls-output .prolab-file.ml {
  color: var(--pink);
}

.ls-output .prolab-tag {
  font-size: 0.7rem;
}

.ls-output .ml-tag {
  color: var(--orange);
  text-shadow: 0 0 5px var(--orange);
}

/* Mobile responsive for experience */
@media (max-width: 768px) {
  .ascii-box {
    font-size: 0.45rem;
  }

  .ascii-divider,
  .ascii-footer {
    font-size: 0.4rem;
  }

  .terminal-prompt {
    font-size: 0.7rem;
    padding: 8px 12px;
  }

  .terminal-content pre {
    font-size: 0.65rem;
  }

  .ls-output pre {
    font-size: 0.55rem;
  }

  .philosophy-box {
    padding: 15px;
  }
}

/* ═══════════════════════════════════════════════════════════════════════════
   TERMINAL OUTPUT HIGHLIGHTING - UwU Neon Theme
   For nmap, netexec, and other security tool output
   ═══════════════════════════════════════════════════════════════════════════ */

/* Console/Terminal output - special neon styling */
.language-console .highlight,
.language-terminal .highlight,
.language-text .highlight,
.language-plaintext .highlight,
.highlighter-rouge:not([class*="language-"]) .highlight {
  color: var(--foreground);
}

/* Generic output - make it pop with neon accents via JS injection */
.highlight .go {  /* Generic.Output */
  color: var(--foreground);
}

/* UwU Toolkit status indicators */
.highlight .gp {  /* Generic.Prompt - used for [*], [+], etc */
  color: var(--cyan);
  font-weight: bold;
}

/* Add neon glow to code blocks on hover */
.highlight:hover {
  box-shadow: 0 0 20px rgba(255, 16, 240, 0.1);
}

/* Progress bar styling in code blocks */
.highlight {
  position: relative;
}

/* Language tag in corner */
div.highlighter-rouge::before {
  content: attr(class);
  position: absolute;
  top: 0;
  right: 0;
  background: var(--terminal-black);
  color: var(--foreground-dark);
  padding: 2px 10px;
  font-size: 0.65rem;
  border-radius: 0 4px 0 4px;
  text-transform: uppercase;
  z-index: 1;
}

div.language-bash::before { content: "bash"; }
div.language-shell::before { content: "shell"; }
div.language-sh::before { content: "sh"; }
div.language-python::before { content: "python"; }
div.language-py::before { content: "python"; }
div.language-ruby::before { content: "ruby"; }
div.language-sql::before { content: "sql"; }
div.language-powershell::before { content: "powershell"; }
div.language-ps1::before { content: "powershell"; }
div.language-json::before { content: "json"; }
div.language-yaml::before { content: "yaml"; }
div.language-xml::before { content: "xml"; }
div.language-html::before { content: "html"; }
div.language-css::before { content: "css"; }
div.language-javascript::before { content: "js"; }
div.language-js::before { content: "js"; }
div.language-c::before { content: "c"; }
div.language-cpp::before { content: "c++"; }
div.language-java::before { content: "java"; }
div.language-go::before { content: "go"; }
div.language-rust::before { content: "rust"; }
div.language-console::before { content: "console"; }
div.language-terminal::before { content: "terminal"; }
div.language-text::before { content: "output"; }
div.language-plaintext::before { content: "output"; }

/* Hide default label for unspecified languages */
div.highlighter-rouge:not([class*="language-"])::before {
  content: "output";
}

/* ═══════════════════════════════════════════════════════════════════════════
   UWU NEON SECURITY OUTPUT HIGHLIGHTING
   Dynamic highlighting for security tool output
   ═══════════════════════════════════════════════════════════════════════════ */

/* Status indicators */
.uwu-success { color: #00ff9f; font-weight: bold; }  /* Neon green */
.uwu-info { color: #00e8ff; font-weight: bold; }     /* Electric cyan */
.uwu-error { color: #ff2975; font-weight: bold; }    /* Neon red */
.uwu-warning { color: #ff7c00; font-weight: bold; }  /* Neon orange */

/* Ports and protocols */
.uwu-port { color: #ffea00; }           /* Electric yellow */
.uwu-protocol { color: #8b7aa8; }       /* Muted lavender */
.uwu-port-open { color: #00ff9f; font-weight: bold; }    /* Neon green */
.uwu-port-closed { color: #ff2975; }    /* Neon red */
.uwu-port-filtered { color: #ff7c00; }  /* Neon orange */

/* Network */
.uwu-ip { color: #00a2ff; }             /* Neon blue */
.uwu-domain { color: #00e8ff; }         /* Electric cyan */
.uwu-service { color: #b620e0; }        /* Neon purple */

/* Credentials */
.uwu-user { color: #00e8ff; }           /* Electric cyan */
.uwu-password {
  color: #ff10f0;                       /* Hot pink */
  font-weight: bold;
  text-shadow: 0 0 5px rgba(255, 16, 240, 0.5);
}
.uwu-hash {
  color: #b620e0;                       /* Neon purple */
  font-family: monospace;
}
.uwu-hash-ntlm {
  color: #ff006e;                       /* Magenta */
  font-family: monospace;
  word-break: break-all;
}

/* Windows/AD */
.uwu-admin { color: #ff7c00; font-weight: bold; }  /* Neon orange */
.uwu-dangerous {
  color: #ff2975;                       /* Neon red */
  font-weight: bold;
  text-shadow: 0 0 5px rgba(255, 41, 117, 0.5);
}

/* Nmap */
.uwu-nmap-header { color: #00e8ff; font-weight: bold; }  /* Cyan */
.uwu-nmap-section { color: #b620e0; }   /* Purple */

/* Success indicators */
.uwu-pwned {
  color: #00ff9f;                       /* Neon green */
  font-weight: bold;
  text-shadow: 0 0 10px rgba(0, 255, 159, 0.7);
  animation: pwned-pulse 1s ease-in-out infinite;
}

@keyframes pwned-pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

/* Paths */
.uwu-path { color: #00a2ff; }           /* Neon blue */

/* Command styling */
.uwu-command { color: #00ff9f; }        /* Neon green */
.uwu-flag { color: #ff7c00; }           /* Neon orange */
.uwu-argument { color: #ffea00; }       /* Electric yellow */