/* ==========================
   Terminal Hacker Intro Box
   ========================== */

.terminal-box {
  background: rgba(15, 23, 42, 0.9);
  border: 1px solid rgba(148, 163, 184, 0.4);
  border-radius: 10px;
  padding: 16px 18px;
  margin-top: 20px;
  font-family: "JetBrains Mono", monospace;
  color: #22c55e;
  overflow: hidden;
  box-shadow: 0 0 22px rgba(34, 197, 94, 0.25);
  backdrop-filter: blur(6px);
  position: relative;
}

/* Light mode compatibility */
body.light .terminal-box {
  background: rgba(243, 244, 246, 0.92);
  border-color: rgba(148, 163, 184, 0.5);
  color: #065f46;
  box-shadow: 0 0 18px rgba(16, 185, 129, 0.25);
}

/* Terminal header with 3 circles */
.terminal-header {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
}

.terminal-dot {
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #dc2626; /* red */
}
.terminal-dot.yellow { background: #facc15; }
.terminal-dot.green { background: #22c55e; }

/* ==========================
   Terminal line: type once, then STOP (no blinking)
   ========================== */

.terminal-line {
  font-size: 14px;
  margin-top: 3px;
  white-space: nowrap;
  overflow: hidden;

  /* cursor during typing only */
  border-right: 2px solid #22c55e;

  /* typing effect */
  width: 0;
  animation: typing 2.2s steps(60) forwards;
}

/* Light mode cursor color */
body.light .terminal-line {
  border-right-color: #065f46;
}

/* Typing effect */
@keyframes typing {
  from { width: 0; }
  to   { width: 100%; }
}

/* After typing ends: remove cursor (no blink forever) */
.terminal-line.done {
  border-right: none !important;
  width: 100% !important;
}