body {
      background-color: #0f0f0f;
      color: #00ff00;
      font-family: monospace;
      margin: 0;
      padding: 0;
    }

    .terminal {
      max-width: 1200px; /* Lebar diperbesar */
      margin: 60px auto;
      background-color: #111;
      border: 1px solid #333;
      box-shadow: 0 0 20px #00ff00;
      overflow-x: auto;
    }

    .terminal-header {
      background: #222;
      padding: 8px 12px;
      display: flex;
      align-items: center;
    }

    .green-dot, .yellow-dot, .red-dot {
      height: 12px;
      width: 12px;
      border-radius: 50%;
      margin-right: 5px;
    }

    .green-dot { background: #0f0; }
    .yellow-dot { background: #ff0; }
    .red-dot { background: #f00; }

    .title {
      color: #888;
      margin-left: auto;
    }

    .terminal-body {
      padding: 20px;
    }

    .ascii-logo {
      white-space: pre;
      text-align: left;
      font-size: 13px;
      line-height: 1.3;
      margin-bottom: 30px;
    }

    .prompt {
      margin: 10px 0;
    }

    .highlight {
      color: #0ff;
    }

    a {
      color: #0ff;
      text-decoration: none;
    }

    a:hover {
      text-decoration: underline;
    }